/*
This work is modified from Creative Commons
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
/*this is beginning of functionality for the AdxMenu - 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:10000;
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;
position:relative;
}
#nav ul
{
background-image:url(../images/art/empty.gif);
padding:10px 30px 30px 30px;
margin:-10px 0 0 -30px;
}
#nav ul ul
{
padding:30px 30px 30px 10px;
margin:-30px 0 0 -10px;
}
/* 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:770px;/*give width*/
height:30px;/*give height*/
background:#0d4169 url(../images/art/nav.jpg); /*set bg*/
}
#nav a span
{
display:none;/*hide links at top level*/
}
#nav ul a span
{
display:inline;/*show links at second level*/
}
#nav a
{
height:30px;/*expand links to fill li's*/
}
#nav #panel1{width:59px;}/*set custom width, a's will follow cause they are display - block*/
#nav #panel2{width:111px;}
#nav #panel3{width:74px;}
#nav #panel4{width:83px;}
#nav #panel5{width:92px;}
#nav #panel6{width:57px;}
#nav #panel7{width:85px;}
#nav #panel8{width:68px;}
#nav #panel9{width:76px;}
#nav #panel10{width:65px;}
#nav #panel1 a:hover, #nav #panel1 a.selected{background:url(../images/art/nav.jpg) 0 -30px no-repeat;}/*set background to hover and selected states*/
#nav #panel2 a:hover, #nav #panel2 a.selected{background:url(../images/art/nav.jpg) -59px -30px no-repeat;}
#nav #panel3 a:hover, #nav #panel3 a.selected{background:url(../images/art/nav.jpg) -170px -30px no-repeat;}
#nav #panel4 a:hover, #nav #panel4 a.selected{background:url(../images/art/nav.jpg) -244px -30px no-repeat;}
#nav #panel5 a:hover, #nav #panel5 a.selected{background:url(../images/art/nav.jpg) -327px -30px no-repeat;}
#nav #panel6 a:hover, #nav #panel6 a.selected{background:url(../images/art/nav.jpg) -419px -30px no-repeat;}
#nav #panel7 a:hover, #nav #panel7 a.selected{background:url(../images/art/nav.jpg) -476px -30px no-repeat;}
#nav #panel8 a:hover, #nav #panel8 a.selected{background:url(../images/art/nav.jpg) -561px -30px no-repeat;}
#nav #panel9 a:hover, #nav #panel9 a.selected{background:url(../images/art/nav.jpg) -629px -30px no-repeat;}
#nav #panel10 a:hover, #nav #panel10 a.selected{background:url(../images/art/nav.jpg) -705px -30px no-repeat;}
/*this have to be separate from above to make sure IE6 reades above rules*/
#nav #panel1:hover>a{background:url(../images/art/nav.jpg) 0 -30px no-repeat;}/*set background to hover and selected states*/
#nav #panel2:hover>a{background:url(../images/art/nav.jpg) -59px -30px no-repeat;}
#nav #panel3:hover>a{background:url(../images/art/nav.jpg) -170px -30px no-repeat;}
#nav #panel4:hover>a{background:url(../images/art/nav.jpg) -244px -30px no-repeat;}
#nav #panel5:hover>a{background:url(../images/art/nav.jpg) -327px -30px no-repeat;}
#nav #panel6:hover>a{background:url(../images/art/nav.jpg) -419px -30px no-repeat;}
#nav #panel7:hover>a{background:url(../images/art/nav.jpg) -476px -30px no-repeat;}
#nav #panel8:hover>a{background:url(../images/art/nav.jpg) -561px -30px no-repeat;}
#nav #panel9:hover>a{background:url(../images/art/nav.jpg) -629px -30px no-repeat;}
#nav #panel10:hover>a{background:url(../images/art/nav.jpg) -705px -30px no-repeat;}

#nav #panel1 ul li a,#nav #panel2 ul li a,#nav #panel3 ul li a,#nav #panel4 ul li a,#nav #panel5 ul li a,#nav #panel6 ul li a,#nav #panel7 ul li a,#nav #panel8 ul li a,#nav #panel9 ul li a,#nav #panel10 ul li a /*overwrite rules above for second level menu*/
{
	background:url(../images/art/subnav.jpg) repeat-x;
	width:130px;
	height:20px;
	font:11px "Trebuchet MS", "Lucida Sans Unicode", sans-serif;
	color:#fff;
	padding:3px 0 0 10px;	
}
#nav #panel1 ul li a:hover,#nav #panel2 ul li a:hover,#nav #panel3 ul li a:hover,#nav #panel4 ul li a:hover,#nav #panel5 ul li a:hover,#nav #panel6 ul li a:hover,#nav #panel7 ul li a:hover,#nav #panel8 ul li a:hover,#nav #panel9 ul li a:hover,#nav #panel10 ul li a:hover /*overwite rules above for hover states for second level menu*/
{
background:url(../images/art/subnav-hover.jpg) repeat-x;
}
#nav #panel1 ul li a.selected,#nav #panel2 ul li a.selected,#nav #panel3 ul li a.selected,#nav #panel4 ul li a.selected,#nav #panel5 ul li a.selected,#nav #panel6 ul li a.selected,#nav #panel7 ul li a.selected,#nav #panel8 ul li a.selected,#nav #panel9 ul li a.selected,#nav #panel10 ul li a.selected /*overwite rules above for selected states for second level menu*/
{
text-decoration:underline;
}
#nav #panel1 ul li:hover>a,#nav #panel2 ul li:hover>a,#nav #panel3 ul li:hover>a,#nav #panel4 ul li:hover>a,#nav #panel5 ul li:hover>a,#nav #panel6 ul li:hover>a,#nav #panel7 ul li:hover>a,#nav #panel8 ul li:hover>a,#nav #panel9 ul li:hover>a,#nav #panel10 ul li:hover>a
{
background:url(../images/art/subnav-hover.jpg) repeat-x;
}