@charset "utf-8";
/* CSS Document */
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/new-dropdown.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* defaults for ie6 */
/*a, a:hover, a:active, a:focus {outline:0; direction:ltr;}

.positioner {height:29px; width: 770px; margin: 0 auto; margin: 0 auto; background-color: #fff;}
.menuHolder {position:absolute; z-index:100; font:bold 14px/29px verdana, sans-serif; left:58%; margin-left:-315px; width:630px;}
ul.ulTop {padding:0; margin:0; list-style:none; width:125px; overflow:hidden; float:left; margin-right:1px;}
ul.ulTop a {text-decoration:none; color:#fff; padding-left:5px;}

ul.ulTop li.liTop {
float:left;
width:250px;
margin:-32767px -125px 0 0;
background:url(/images/nav-tab-orange-top.gif) no-repeat left bottom;
}
ul.ulTop li.liTop a.aTop {
position:relative;
z-index:50;
display:block;
float:left;
width:120px;
margin-top:32767px;
background:transparent;
}
ul.ulTop li.liTop a.aTop:hover,
ul.ulTop li.liTop a.aTop:focus,
ul.ulTop li.liTop a.aTop:active {
margin-right:1px;
background:url(/images/nav-tab-blue-top.gif) no-repeat left top;
}
ul.sub {float:left; padding:29px 0 0 0; margin:0; list-style:none; background:url(/images/nav-tab-blue-top.gif) no-repeat left top; margin-top:-29px;}
ul.sub li a {
float:left;
width:220px;
background:#201758;
clear:left;
}
ul.sub li a.last {background:url(/images/nav-tab-orange-btm.gif);}

ul.sub li a.last:hover,
ul.sub li a.last:focus,
ul.sub li a.last:active {
background:url(/images/nav-tab-blue-btm.gif);
}

ul.sub a:hover,
ul.sub a:focus,
ul.sub a:active {
background:#06c;
margin-right:1px;
}
*/
/* this is for the click version */
/*
ul.ulTop li.liTop a.aTop2 {
position:relative;
z-index:50;
display:block;
float:left;
width:120px;
margin-top:32767px;
background:transparent;
}
ul.ulTop li.liTop a.aTop2:hover {
background:url(/images/nav-tab-orange-top.gif) no-repeat left top;
}
ul.ulTop li.liTop a.aTop2:focus,
ul.ulTop li.liTop a.aTop2:active {
margin-right:1px;
background:url(/images/nav-tab-orange-top.gif) no-repeat left top;
}

*/
/* ================================================================ 
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.cssplay.co.uk/menus/anywidth.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#menu {width:770px; height:30px; text-align:center; margin: 0 auto; background-color:#FFFFFF;}
#menu ul {display:inline-block;} 
#menu ul.top-level {margin-left:0;}
#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left;} 
#menu li {margin:0; padding:0;}
#menu a {display:block; font:bold 14px verdana,arial,sans-serif;color:#fff; line-height:30px; text-decoration:none; padding:0 20px;} 
* html #menu ul.top-level {margin-left:0;} /* I don't know why, but this centers IE5.5 ?? */

#menu li:hover > ul {visibility:visible; z-index: 20;}
#menu a:hover ul,
#menu a:hover a:hover ul, 
#menu a:hover a:hover a:hover ul {visibility:visible;}
#menu a:hover ul ul, 
#menu a:hover a:hover ul ul {visibility:hidden;}

#menu ul.top-level {margin:0 auto;} 
#menu li.top-level-li {float:left; position:relative; margin-right:1px;}

#menu a.top-level-a {float:left; padding:0 0 0 20px; background:url(/images/nav-tab-a.jpg) no-repeat left top;} 
#menu a.top-level-a b {float:left; padding:0 20px 0 0; background:url(/images/nav-tab-b.jpg) no-repeat right top; cursor:pointer; cursor:hand;}
#menu a.down b {float:left; padding:0 20px 0 0; background:url(/images/nav-tab-c.jpg) no-repeat right top; cursor:pointer;}

#menu a.top-level-a:hover {white-space:nowrap; background:url(/images/nav-tab-a.jpg) no-repeat left -30px;}
#menu a.top-level-a:hover b, 
#menu a.top-level-a:focus b, 
#menu a.top-level-a:active b {color:#000; background:url(/images/nav-tab-b.jpg) no-repeat right -30px; cursor:pointer;}
#menu a.down:hover b, 
#menu a.down:focus b, 
#menu a.down:active b {color:#000; background:url(/images/nav-tab-c.jpg) no-repeat right -30px; cursor:pointer;}

#menu li.top-level-li:hover > a {white-space:nowrap; background:url(/images/nav-tab-a.jpg) no-repeat left -30px;}
#menu li.top-level-li:hover > a b {color:#ccc;  background:url(/images/nav-tab-b.jpg) no-repeat right -30px;}
#menu li.top-level-li:hover > a.down b {color:#ccc;  background:url(/images/nav-tab-c.jpg) no-repeat right -30px;}

#menu li ul {display:block; position:absolute; visibility:hidden; background:#505060; padding:1px 1px 8px 1px; left:0;}
#menu li li {border-bottom:1px solid #505060;}
#menu li li a {background:#fff;} 
#menu li li a:hover {background:#e3e6ed;} 
#menu li li:hover > a {background:#e3e6ed;}
#menu li li a.fly {background:#fff url(/images/arrow.gif) no-repeat right top;}
#menu li li a.fly:hover {background:#e3e6ed url(/images/arrow.gif) no-repeat right top;} 
#menu li li:hover > a.fly {background:#e3e6ed url(/images/arrow.gif) no-repeat right top;}

#menu ul.drop-down {top:30px; opacity:0.85;} 
#menu ul.drop-down li a {color:#000; font-size: 12px;}
#menu li li ul {left:100%; margin-top:-31px; margin-left:-5px;}

#menu table {position:absolute;top:0;left:0;border-collapse:collapse;text-align:left;}
#menu table ul li a {padding-left:0; padd\ing-left:20px;}
#menu table table {top:auto; left:100%; margin-left:-1px; padding:0; margin:0;}
#menu table table ul {margin-top:-4px; marg\in-top:-7px;}
#social-media-top {float: left; padding-left: 20px;}
#social-media-top a {text-align: left; display:inline; line-height:25px; text-decoration:none; padding:0; margin: 0;}

<!--[if lte IE 7]>
<style type="text/css">
#menu ul {display:inline;}
</style>
<![endif]-->

