/* CSS Document */

/*this is beginning of functionality for the nav - do not modify this*/
#nav, #nav ul
{
margin:0;
padding:0;
border:0;
list-style-type:none;
display:block;
}
#nav li
{
margin:0;
padding:0;
border:0;
display:inline;
float:left;
position:relative;
z-index:5;
}
#nav li:hover
{
z-index:1000;
white-space:normal;
}
#nav li li
{
float:none;
display:block;
}
#nav ul
{
visibility:hidden;
position:absolute;
z-index:10;
left:0;
top:0;
}
#nav li:hover>ul
{
visibility:visible;
top:100%;
}
#nav li li:hover>ul
{
top:0;
left:100%;
}
#nav:after, #nav ul:after
{
content:".";
height:0;
display:block;
visibility:hidden;
clear:both;
}
#nav, #nav ul
{
display:inline-block;
min-height:0;
}
#nav a
{
text-decoration:none;
display:block;
}
#nav ul
{

padding:0 0 10px 0;
margin:-5px 0 0 0;
}
#nav ul ul
{
padding:5px 0;
margin:0 !important;
margin:0 0 0 -25px;
}
/* Fix for IE5/Mac \*//*/
#nav a
{
float:left;
}
/* End Fix */
/*this is end of functionality for the AdxMenu*/
/*this is beginning of design for the AdxMenu - modify values here*/
#nav
{
width:964px;/*give width*/
height:50px;/*give height*/
background:url(../images/nav.gif); /*set bg*/
margin:0 0 15px 0;
}
#nav.main{background:url(../images/main-nav.gif);}
#nav a span
{
display:none;/*hide links at top level*/
}
#nav ul a span
{
display:inline;/*show links at second level*/
}
#nav a
{
height:50px;/*expand links to fill li's*/
}
#nav #pan1{width:68px;}/*set custom width, a's will follow cause they are display - block*/
#nav #pan2{width:97px;}
#nav #pan3{width:160px;}
#nav #pan4{width:96px;}
#nav #pan5{width:136px;}
#nav #pan6{width:95px;}
#nav #pan7{width:176px;}
*#nav #pan8{width:136px;}
/*set background to hover and selected states*/
#nav #pan1 a:hover, #nav #pan1 a.selected{background:url(../images/nav.gif) 0 -50px no-repeat;}
#nav #pan2 a:hover, #nav #pan2 a.selected{background:url(../images/nav.gif) -68px -50px no-repeat;}
#nav #pan3 a:hover, #nav #pan3 a.selected{background:url(../images/nav.gif) -165px -50px no-repeat;}
#nav #pan4 a:hover, #nav #pan4 a.selected{background:url(../images/nav.gif) -325px -50px no-repeat;}
#nav #pan5 a:hover, #nav #pan5 a.selected{background:url(../images/nav.gif) -421px -50px no-repeat;}
#nav #pan6 a:hover, #nav #pan6 a.selected{background:url(../images/nav.gif) -557px -50px no-repeat;}
#nav #pan7 a:hover, #nav #pan7 a.selected{background:url(../images/nav.gif) -652px -50px no-repeat;}
#nav #pan8 a:hover, #nav #pan8 a.selected{background:url(../images/nav.jpg) -828px -50px no-repeat;}

#nav.main #pan1 a:hover, #nav.main #pan1 a.selected{background:url(../images/main-nav.gif) 0 -50px no-repeat;}
#nav.main #pan2 a:hover, #nav.main #pan2 a.selected{background:url(../images/main-nav.gif) -68px -50px no-repeat;}
#nav.main #pan3 a:hover, #nav.main #pan3 a.selected{background:url(../images/main-nav.gif) -165px -50px no-repeat;}
#nav.main #pan4 a:hover, #nav.main #pan4 a.selected{background:url(../images/main-nav.gif) -325px -50px no-repeat;}
#nav.main #pan5 a:hover, #nav.main #pan5 a.selected{background:url(../images/main-nav.gif) -421px -50px no-repeat;}
#nav.main #pan6 a:hover, #nav.main #pan6 a.selected{background:url(../images/main-nav.gif) -557px -50px no-repeat;}
#nav.main #pan7 a:hover, #nav.main #pan7 a.selected{background:url(../images/main-nav.gif) -652px -50px no-repeat;}
#nav.main #pan8 a:hover, #nav.main #pan8 a.selected{background:url(../images/main-nav.gif) -828px -50px no-repeat;}

/*this have to be separate from above to make sure IE6 reades above rules*/
/*set background to hover and selected states*/
#nav #pan1:hover>a{background:url(../images/nav.gif) 0 -50px no-repeat;}
#nav #pan2:hover>a{background:url(../images/nav.gif) -68px -50px no-repeat;}
#nav #pan3:hover>a{background:url(../images/nav.gif) -165px -50px no-repeat;}
#nav #pan4:hover>a{background:url(../images/nav.gif) -325px -50px no-repeat;}
#nav #pan5:hover>a{background:url(../images/nav.gif) -421px -50px no-repeat;}
#nav #pan6:hover>a{background:url(../images/nav.gif) -557px -50px no-repeat;}
#nav #pan7:hover>a{background:url(../images/nav.gif) -652px -50px no-repeat;}
#nav #pan8:hover>a{background:url(../images/nav.jpg) -828px -50px no-repeat;}

#nav.main #pan1:hover>a{background:url(../images/main-nav.gif) 0 -50px no-repeat;}
#nav.main #pan2:hover>a{background:url(../images/main-nav.gif) -68px -50px no-repeat;}
#nav.main #pan3:hover>a{background:url(../images/main-nav.gif) -165px -50px no-repeat;}
#nav.main #pan4:hover>a{background:url(../images/main-nav.gif) -325px -50px no-repeat;}
#nav.main #pan5:hover>a{background:url(../images/main-nav.gif) -421px -50px no-repeat;}
#nav.main #pan6:hover>a{background:url(../images/main-nav.gif) -557px -50px no-repeat;}
#nav.main #pan7:hover>a{background:url(../images/main-nav.gif) -652px -50px no-repeat;}
#nav.main #pan8:hover>a{background:url(../images/main-nav.gif) -828px -50px no-repeat;}

#nav #pan1 ul, #nav #pan2 ul, #nav #pan3 ul, #nav #pan4 ul, #nav #pan5 ul, #nav #pan6 ul, #nav #pan7 ul, #nav #pan8 ul, #nav #pan9 ul,
#nav.main #pan1 ul, #nav.main #pan2 ul, #nav.main #pan3 ul, #nav.main #pan4 ul, #nav.main #pan5 ul, #nav.main #pan6 ul, #nav.main #pan7 ul, #nav.main #pan8 ul
{
width:225px;
background:url(../images/subnav-bg.gif) 0 bottom no-repeat;
background-color: #484848;
}
#nav #pan1 ul li.submenu-top, #nav #pan2 ul li.submenu-top, #nav #pan3 ul li.submenu-top, #nav #pan4 ul li.submenu-top, #nav #pan5 ul li.submenu-top, #nav #pan6 ul li.submenu-top, #nav #pan7 ul li.submenu-top, #nav #pan8 ul li.submenu-top
{
width:225px;
height:13px;
background:url(../images/nav-top.gif) 0 0 no-repeat;
}
#nav #pan7 ul li.submenu-top{background:url(../images/nav-top-2.gif) 0 0 no-repeat;}
#nav #pan1 ul li a,#nav #pan2 ul li a,#nav #pan3 ul li a,#nav #pan4 ul li a,#nav #pan5 ul li a,#nav #pan6 ul li a,#nav #pan7 ul li a,#nav #pan8 ul li a,
#nav.main #pan1 ul li a,#nav.main #pan2 ul li a,#nav.main #pan3 ul li a,#nav.main #pan4 ul li a,#nav.main #pan5 ul li a,#nav.main #pan6 ul li a,#nav.main #pan7 ul li a,#nav.main #pan8 ul li a
/*overwrite rules above for second level menu*/
{
width:200px;
height:30px;
font:11px "Lucida Sans Unicode", "Trebuchet MS", serif;
color:#5EBCEA;
padding:6px 0 0 25px;
background:url(../images/bullet-menu.gif) 11px 11px no-repeat;
}
#nav #pan1 ul li a:hover,#nav #pan2 ul li a:hover,#nav #pan3 ul li a:hover,#nav #pan4 ul li a:hover,#nav #pan5 ul li a:hover,#nav #pan6 ul li a:hover,#nav #pan7 ul li a:hover,#nav #pan8 ul li a:hover,
#nav.main #pan1 ul li a:hover,#nav.main #pan2 ul li a:hover,#nav.main #pan3 ul li a:hover,#nav.main #pan4 ul li a:hover,#nav.main #pan5 ul li a:hover,#nav.main #pan6 ul li a:hover,#nav.main #pan7 ul li a:hover,#nav.main #pan8 ul li a:hover
/*overwite rules above for hover states for second level menu*/
{
width:225px;
background:url(../images/subnav-over.gif) no-repeat;
font:11px "Lucida Sans Unicode", "Trebuchet MS", serif;
color:#E04500;
}

#nav #pan1 ul li li a:hover,#nav #pan2 ul li li a:hover,#nav #pan3 ul li li a:hover,#nav #pan4 ul li li a:hover,#nav #pan5 ul li li a:hover,#nav #pan6 ul li li a:hover,#nav #pan7 ul li li a:hover,#nav #pan8 ul li li a:hover,
#nav.main #pan1 ul li li a:hover,#nav.main #pan2 ul li li a:hover,#nav.main #pan3 ul li li a:hover,#nav.main #pan4 ul li li a:hover,#nav.main #pan5 ul li li a:hover,#nav.main #pan6 ul li li a:hover,#nav.main #pan7 ul li li a:hover,#nav.main #pan8 ul li li a:hover
/*overwite rules above for hover states for second level menu*/
{
width:159px;
background:url(../images/submenu-bg.gif) no-repeat;
font:11px "Lucida Sans Unicode", "Trebuchet MS", serif;
color:#E04500;
}

#nav #pan1 ul li a.selected,#nav #pan2 ul li a.selected,#nav #pan3 ul li a.selected,#nav #pan4 ul li a.selected,#nav #pan5 ul li a.selected,#nav #pan6 ul li a.selected,#nav #pan7 ul li a.selected,#nav #pan8 ul li a.selected,
#nav.main #pan1 ul li a.selected,#nav.main #pan2 ul li a.selected,#nav.main #pan3 ul li a.selected,#nav.main #pan4 ul li a.selected,#nav.main #pan5 ul li a.selected,#nav.main #pan6 ul li a.selected,#nav.main #pan7 ul li a.selected,#nav.main #pan8 ul li a.selected
/*overwite rules above for selected states for second level menu*/
{
width:225px;
background:url(../images/subnav-over.gif) no-repeat;
font:11px "Lucida Sans Unicode", "Trebuchet MS", serif;
color:#5EBCEA;
}
#nav #pan1 ul li:hover>a,#nav #pan2 ul li:hover>a,#nav #pan3 ul li:hover>a,#nav #pan4 ul li:hover>a,#nav #pan5 ul li:hover>a,#nav #pan6 ul li:hover>a,#nav #pan7 ul li:hover>a,#nav #pan8 ul li:hover>a,
#nav.main #pan1 ul li:hover>a,#nav.main #pan2 ul li:hover>a,#nav.main #pan3 ul li:hover>a,#nav.main #pan4 ul li:hover>a,#nav.main #pan5 ul li:hover>a,#nav.main #pan6 ul li:hover>a,#nav.main #pan7 ul li:hover>a,#nav.main #pan8 ul li:hover>a
{
width:225px;
background:url(../images/subnav-over.gif) no-repeat;
font:11px "Lucida Sans Unicode", "Trebuchet MS", serif;
color:#E04500;
}
#nav #pan1 ul ul, #nav #pan2 ul ul, #nav #pan3 ul ul, #nav #pan4 ul ul, #nav #pan5 ul ul, #nav #pan6 ul ul, #nav #pan7 ul ul, #nav #pan8 ul ul,
#nav.main #pan1 ul ul, #nav.main #pan2 ul ul, #nav.main #pan3 ul ul, #nav.main #pan4 ul ul, #nav.main #pan5 ul ul, #nav.main #pan6 ul ul, #nav.main #pan7 ul ul, #nav.main #pan8 ul ul
{
width:209px;
background:#484848;
}
#nav #pan1 ul li li a, #nav #pan2 ul li li a, #nav #pan3 ul li li a, #nav #pan4 ul li li a, #nav #pan5 ul li li a, #nav #pan6 ul li li a, #nav #pan7 ul li li a, #nav #pan8 ul li li a,
#nav.main #pan1 ul li li a, #nav.main #pan2 ul li li a, #nav.main #pan3 ul li li a, #nav.main #pan4 ul li li a, #nav.main #pan5 ul li li a, #nav.main #pan6 ul li li a, #nav.main #pan7 ul li li a, #nav.main #pan8 ul li li a
{
background:none;
color:#e1e5e7;
height:20px;
}
#nav #pan1 ul li li:hover>a, #nav #pan2 ul li li:hover>a, #nav #pan3 ul li li:hover>a, #nav #pan4 ul li li:hover>a, #nav #pan5 ul li li:hover>a, #nav #pan6 ul li li:hover>a, #nav #pan7 ul li li:hover>a, #nav #pan8 ul li li:hover>a,
#nav.main #pan1 ul li li:hover>a, #nav.main #pan2 ul li li:hover>a, #nav.main #pan3 ul li li:hover>a, #nav.main #pan4 ul li li:hover>a, #nav.main #pan5 ul li li:hover>a, #nav.main #pan6 ul li li:hover>a, #nav.main #pan7 ul li li:hover>a, #nav.main #pan8 ul li li:hover>a
{
background:none;
}
#nav #pan7 ul{left:-160px;}
#nav #pan7:hover>ul
{
left:-50px;
visibility:visible;
}


