/* ================================================================ This copyright notice must be kept untouched in the stylesheet at all times. The original version of this stylesheet and the associated (x)html is available at http://www.stunicholls.com/menu/pro_drop_1.html Copyright (c) 2005-2007 Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements. =================================================================== */ #nav {padding:0; margin:0; list-style:none; height:30px; width:110px; background: #00a4d9; position:relative; z-index:2500; font-family:arial, verdana, sans-serif; } #nav li.top {display:block; float:left;} #nav li a.top_link {display:block; float:left; height:30px; line-height:27px; color:#ccc; text-decoration:none; font-size:12px; font-weight:bold; padding:0; cursor:pointer;background: url(../images/menu_03.jpg); background-repeat:no-repeat; } #nav li a.top_link span {float:left; display:block; padding:0; height:30px;background:url(../images/menu_03.jpg) right top; background-repeat:no-repeat;} #nav li a.top_link span.down {float:left; display:block; padding:0; height:30px; background:url() no-repeat right top;} #nav li a.top_link:hover {color:#fff; background: url(../images/menu_ro_03.jpg) no-repeat; background-repeat:no-repeat;} #nav li a.top_link:hover span {background:url(../images/menu_ro_03.jpg) no-repeat right top; background-repeat:no-repeat;} #nav li a.top_link:hover span.down {background:url(blank_overa.gif) no-repeat right top; background-repeat:no-repeat;} #nav li:hover > a.top_link {color:#fff; background: url(../images/menu_ro_03.jpg) no-repeat;} #nav li:hover > a.top_link span {background:url(../images/menu_ro_03.jpg) no-repeat right top; background-repeat:no-repeat;} #nav li:hover > a.top_link span.down {background:url(blank_overa.gif) no-repeat right top; background-repeat:no-repeat;} /* Default list styling */ #nav li:hover {position:relative; z-index:2500;} /* keep the 'next' level invisible by placing it off screen. */ #nav ul, #nav li:hover ul ul, #nav li:hover ul li:hover ul ul, #nav li:hover ul li:hover ul li:hover ul ul, #nav li:hover ul li:hover ul li:hover ul li:hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;} #nav li:hover ul.sub {left:0; top:30px; background: #00a4d9; padding:0; white-space:nowrap; width:332px; height:auto; z-index:2500;} #nav li:hover ul.sub li {display:block; height:25px; position:relative; float:left; width:332px; font-weight:normal;border-bottom: solid 1px #94cfe2;} #nav li:hover ul.sub li a {display:block; font-size:12px; height:25px; width:332px; line-height:25px; text-indent:5px; color:#fff; text-decoration:none; font-style:normal;} #nav li ul.sub li a.fly {background:#00a4d9 url(../images/arrows.gif) 320px no-repeat; } #nav li:hover ul.sub li a:hover {background:#345895; color:#fff; border-bottom: solid 1px #94cfe2;} #nav li:hover ul.sub li a.fly:hover {background:#345895 url(../images/arrows.gif) 320px no-repeat; color:#fff;} #nav li:hover ul li:hover > a.fly {background:#345895 url(../images/arrows.gif) 320px no-repeat; color:#fff;} #nav li:hover ul li:hover ul, #nav li:hover ul li:hover ul li:hover ul, #nav li:hover ul li:hover ul li:hover ul li:hover ul, #nav li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul {left: 332px; top:0; background: #00a4d9; padding:0; white-space:nowrap; width: 332px; z-index:2500; height:auto; } /*team*/ #navT {padding:0; margin:0; list-style:none; height:30px; width:85px; background: #00a4d9; position:relative; z-index:2500; font-family:arial, verdana, sans-serif; } #navT li.top {display:block; float:left;} #navT li a.top_link {display:block; float:left; height:30px; line-height:27px; color:#ccc; text-decoration:none; font-size:12px; font-weight:bold; padding:0; cursor:pointer;background: url(../images/menu_06.jpg); background-repeat:no-repeat; } #navT li a.top_link span {float:left; display:block; padding:0; height:30px;background:url(../images/menu_06.jpg) right top; background-repeat:no-repeat;} #navT li a.top_link span.down {float:left; display:block; padding:0; height:30px; background:url() no-repeat right top;} #navT li a.top_link:hover {color:#fff; background: url(../images/menu_ro_06.jpg) no-repeat; background-repeat:no-repeat;} #navT li a.top_link:hover span {background:url(../images/menu_ro_06.jpg) no-repeat right top; background-repeat:no-repeat;} #navT li a.top_link:hover span.down {background:url(blank_overa.gif) no-repeat right top; background-repeat:no-repeat;} #navT li:hover > a.top_link {color:#fff; background: url(../images/menu_ro_06.jpg) no-repeat;} #navT li:hover > a.top_link span {background:url(../images/menu_ro_06.jpg) no-repeat right top; background-repeat:no-repeat;} #navT li:hover > a.top_link span.down {background:url(blank_overa.gif) no-repeat right top; background-repeat:no-repeat;} /* Default list styling */ #navT li:hover {position:relative; z-index:2500;} /* keep the 'next' level invisible by placing it off screen. */ #navT ul, #navT li:hover ul ul, #navT li:hover ul li:hover ul ul, #navT li:hover ul li:hover ul li:hover ul ul, #navT li:hover ul li:hover ul li:hover ul li:hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;} #navT li:hover ul.sub {left:0; top:30px; background: #00a4d9; padding:0; white-space:nowrap; width:148px; height:auto; z-index:2500;} #navT li:hover ul.sub li {display:block; height:25px; position:relative; float:left; width:148px; font-weight:normal;border-bottom: solid 1px #94cfe2;} #navT li:hover ul.sub li a {display:block; font-size:12px; height:25px; width:148px; line-height:25px; text-indent:5px; color:#fff; text-decoration:none; font-style:normal;} #navT li ul.sub li a.fly {background:#00a4d9 url(../images/arrows.gif) 320px no-repeat; } #navT li:hover ul.sub li a:hover {background:#345895; color:#fff; border-bottom: solid 1px #94cfe2;} #navT li:hover ul.sub li a.fly:hover {background:#345895 url(../images/arrows.gif) 320px no-repeat; color:#fff;} #navT li:hover ul li:hover > a.fly {background:#345895 url(../images/arrows.gif) 320px no-repeat; color:#fff;} #navT li:hover ul li:hover ul, #navT li:hover ul li:hover ul li:hover ul, #navT li:hover ul li:hover ul li:hover ul li:hover ul, #navT li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul {left: 332px; top:0; background: #00a4d9; padding:0; white-space:nowrap; width: auto; z-index:2500; height:auto; } /*article*/ #navA {padding:0; margin:0; list-style:none; height:30px; width:120px; background: #00a4d9; position:relative; z-index:2500; font-family:arial, verdana, sans-serif; } #navA li.top {display:block; float:left;} #navA li a.top_link {display:block; float:left; height:30px; line-height:27px; color:#ccc; text-decoration:none; font-size:12px; font-weight:bold; padding:0; cursor:pointer;background: url(../images/menu_09.jpg); background-repeat:no-repeat; } #navA li a.top_link span {float:left; display:block; padding:0; height:30px;background:url(../images/menu_09.jpg) right top; background-repeat:no-repeat;} #navA li a.top_link span.down {float:left; display:block; padding:0; height:30px; background:url() no-repeat right top;} #navA li a.top_link:hover {color:#fff; background: url(../images/menu_ro_09.jpg) no-repeat; background-repeat:no-repeat;} #navA li a.top_link:hover span {background:url(../images/menu_ro_09.jpg) no-repeat right top; background-repeat:no-repeat;} #navA li a.top_link:hover span.down {background:url(blank_overa.gif) no-repeat right top; background-repeat:no-repeat;} #navA li:hover > a.top_link {color:#fff; background: url(../images/menu_ro_09.jpg) no-repeat;} #navA li:hover > a.top_link span {background:url(../images/menu_ro_09.jpg) no-repeat right top; background-repeat:no-repeat;} #navA li:hover > a.top_link span.down {background:url(blank_overa.gif) no-repeat right top; background-repeat:no-repeat;} /* Default list styling */ #navA li:hover {position:relative; z-index:2500;} /* keep the 'next' level invisible by placing it off screen. */ #navA ul, #navA li:hover ul ul, #navA li:hover ul li:hover ul ul, #navA li:hover ul li:hover ul li:hover ul ul, #navA li:hover ul li:hover ul li:hover ul li:hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;} #navA li:hover ul.sub {left:0; top:30px; background: #00a4d9; padding:0; white-space:nowrap; width:120px; height:auto; z-index:2500;} #navA li:hover ul.sub li {display:block; height:25px; position:relative; float:left; width:120px; font-weight:normal;border-bottom: solid 1px #94cfe2;} #navA li:hover ul.sub li a {display:block; font-size:12px; height:25px; width:120px; line-height:25px; text-indent:5px; color:#fff; text-decoration:none; font-style:normal;} #navA li ul.sub li a.fly {background:#00a4d9 url(../images/arrows.gif) 320px no-repeat; } #navA li:hover ul.sub li a:hover {background:#345895; color:#fff; border-bottom: solid 1px #94cfe2;} #navA li:hover ul.sub li a.fly:hover {background:#345895 url(../images/arrows.gif) 320px no-repeat; color:#fff;} #navA li:hover ul li:hover > a.fly {background:#345895 url(../images/arrows.gif) 320px no-repeat; color:#fff;} #navA li:hover ul li:hover ul, #navA li:hover ul li:hover ul li:hover ul, #navA li:hover ul li:hover ul li:hover ul li:hover ul, #navA li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul {left: 332px; top:0; background: #00a4d9; padding:0; white-space:nowrap; width: auto; z-index:2500; height:auto; } /*Tools*/ #navTo {padding:0; margin:0; list-style:none; height:30px; width:60px; background: #00a4d9; position:relative; z-index:2500; font-family:arial, verdana, sans-serif; } #navTo li.top {display:block; float:left;} #navTo li a.top_link {display:block; float:left; height:30px; line-height:27px; color:#ccc; text-decoration:none; font-size:12px; font-weight:bold; padding:0; cursor:pointer;background: url(../images/menu_05.jpg); background-repeat:no-repeat; } #navTo li a.top_link span {float:left; display:block; padding:0; height:30px;background:url(../images/menu_05.jpg) right top; background-repeat:no-repeat;} #navTo li a.top_link span.down {float:left; display:block; padding:0; height:30px; background:url() no-repeat right top;} #navTo li a.top_link:hover {color:#fff; background: url(../images/menu_ro_05.jpg) no-repeat; background-repeat:no-repeat;} #navTo li a.top_link:hover span {background:url(../images/menu_ro_05.jpg) no-repeat right top; background-repeat:no-repeat;} #navTo li a.top_link:hover span.down {background:url(blank_overa.gif) no-repeat right top; background-repeat:no-repeat;} #navTo li:hover > a.top_link {color:#fff; background: url(../images/menu_ro_05.jpg) no-repeat;} #navTo li:hover > a.top_link span {background:url(../images/menu_ro_05.jpg) no-repeat right top; background-repeat:no-repeat;} #navTo li:hover > a.top_link span.down {background:url(blank_overa.gif) no-repeat right top; background-repeat:no-repeat;} /* Default list styling */ #navTo li:hover {position:relative; z-index:2500;} /* keep the 'next' level invisible by placing it off screen. */ #navTo ul, #navTo li:hover ul ul, #navTo li:hover ul li:hover ul ul, #navTo li:hover ul li:hover ul li:hover ul ul, #navTo li:hover ul li:hover ul li:hover ul li:hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;} #navTo li:hover ul.sub {left:0; top:30px; background: #00a4d9; padding:0; white-space:nowrap; width:80px; height:auto; z-index:2500;} #navTo li:hover ul.sub li {display:block; height:25px; position:relative; float:left; width:80px; font-weight:normal;border-bottom: solid 1px #94cfe2;} #navTo li:hover ul.sub li a {display:block; font-size:12px; height:25px; width:80px; line-height:25px; text-indent:5px; color:#fff; text-decoration:none; font-style:normal;} #navTo li ul.sub li a.fly {background:#00a4d9 url(../images/arrows.gif) 320px no-repeat; } #navTo li:hover ul.sub li a:hover {background:#345895; color:#fff; border-bottom: solid 1px #94cfe2;} #navTo li:hover ul.sub li a.fly:hover {background:#345895 url(../images/arrows.gif) 320px no-repeat; color:#fff;} #navTo li:hover ul li:hover > a.fly {background:#345895 url(../images/arrows.gif) 320px no-repeat; color:#fff;} #navTo li:hover ul li:hover ul, #navTo li:hover ul li:hover ul li:hover ul, #navTo li:hover ul li:hover ul li:hover ul li:hover ul, #navTo li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul {left: 332px; top:0; background: #00a4d9; padding:0; white-space:nowrap; width: auto; z-index:2500; height:auto; } /*Approach*/ #navAp {padding:0; margin:0; list-style:none; height:30px; width:111px; background: #00a4d9; position:relative; z-index:2500; font-family:arial, verdana, sans-serif; } #navAp li.top {display:block; float:left;} #navAp li a.top_link {display:block; float:left; height:30px; line-height:27px; color:#ccc; text-decoration:none; font-size:12px; font-weight:bold; padding:0; cursor:pointer;background: url(../images/menu_04.jpg); background-repeat:no-repeat; } #navAp li a.top_link span {float:left; display:block; padding:0; height:30px;background:url(../images/menu_04.jpg) right top; background-repeat:no-repeat;} #navAp li a.top_link span.down {float:left; display:block; padding:0; height:30px; background:url() no-repeat right top;} #navAp li a.top_link:hover {color:#fff; background: url(../images/menu_ro_04.jpg) no-repeat; background-repeat:no-repeat;} #navAp li a.top_link:hover span {background:url(../images/menu_ro_04.jpg) no-repeat right top; background-repeat:no-repeat;} #navAp li a.top_link:hover span.down {background:url(blank_overa.gif) no-repeat right top; background-repeat:no-repeat;} #navAp li:hover > a.top_link {color:#fff; background: url(../images/menu_ro_04.jpg) no-repeat;} #navAp li:hover > a.top_link span {background:url(../images/menu_ro_04.jpg) no-repeat right top; background-repeat:no-repeat;} #navAp li:hover > a.top_link span.down {background:url(blank_overa.gif) no-repeat right top; background-repeat:no-repeat;} /* Default list styling */ #navAp li:hover {position:relative; z-index:2500;} /* keep the 'next' level invisible by placing it off screen. */ #navAp ul, #navAp li:hover ul ul, #navAp li:hover ul li:hover ul ul, #navAp li:hover ul li:hover ul li:hover ul ul, #navAp li:hover ul li:hover ul li:hover ul li:hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;} #navAp li:hover ul.sub {left:0; top:30px; background: #00a4d9; padding:0; white-space:nowrap; width:120px; height:auto; z-index:2500;} #navAp li:hover ul.sub li {display:block; height:25px; position:relative; float:left; width:120px; font-weight:normal;border-bottom: solid 1px #94cfe2;} #navAp li:hover ul.sub li a {display:block; font-size:12px; height:25px; width:120px; line-height:25px; text-indent:5px; color:#fff; text-decoration:none; font-style:normal;} #navAp li ul.sub li a.fly {background:#00a4d9 url(../images/arrows.gif) 320px no-repeat; } #navAp li:hover ul.sub li a:hover {background:#345895; color:#fff; border-bottom: solid 1px #94cfe2;} #navAp li:hover ul.sub li a.fly:hover {background:#345895 url(../images/arrows.gif) 320px no-repeat; color:#fff;} #navAp li:hover ul li:hover > a.fly {background:#345895 url(../images/arrows.gif) 320px no-repeat; color:#fff;} #navAp li:hover ul li:hover ul, #navAp li:hover ul li:hover ul li:hover ul, #navAp li:hover ul li:hover ul li:hover ul li:hover ul, #navAp li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul {left: 332px; top:0; background: #00a4d9; padding:0; white-space:nowrap; width: auto; z-index:2500; height:auto; }