/*ADxMenu.js - v4 (4.10)
www.aplus.co.yu/adxmenu/
(c)Copyright 2003, Aleksandar Vacic, www.aplus.co.yu
This work is licensed under the Creative Commons Attribution License.
To view a copy of this license, visit http://creativecommons.org/licenses/by/2.0/ or
send a letter to Creative Commons, 559 Nathan Abbott Way, Stanford, California 94305, USA
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
/*this is beginning of functionality for the AdxMenu - do not modify this*/
#mainnav, #mainnav ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	display: block;
	}
#mainnav li {
	margin: 0;
	padding: 0;
	border: 0;
	display: inline;
	float: left;
	position: relative;
	z-index: 5;
	}
#mainnav li:hover {
	z-index: 10000;
	white-space: normal;
	}
#mainnav li li {
	float: none;
	display: block;
	}
#mainnav ul {
	visibility: hidden;
	position: absolute;
	z-index: 10;
	left: 0;
	top: 0;
	}
#mainnav li:hover>ul {
	visibility: visible;
	top: 100%;
	}
#mainnav li li:hover>ul {
	top: 0;
	left: 100%;
	}
#mainnav:after, #mainnav ul:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	clear: both;
	}
#mainnav, #mainnav ul {
	display: inline-block;
	min-height: 0;
	}
#mainnav a {
	text-decoration: none;
	display: block;
	position: relative;
	}
#mainnav ul {
	background-image: url(../img/spacer_transparent.gif);
	padding: 10px 30px 30px 30px;
	margin: -10px 0 0 -30px;
	}
#mainnav ul ul {
	padding: 30px 30px 30px 10px;
	margin: -30px 0 0 -10px;
	}
/* Fix for IE5/Mac \*//*/
#mainnav a {
	float: left;
	}
/* End Fix */
/*this is end of functionality for the AdxMenu*/

/*this is beginning of design for the AdxMenu - modify values here*/
#mainnav {
	width: 853px;
	height: 43px;
	background: url(../img/mainNav_complete.gif);
	}
#mainnav a span {
	display: none; /*hide links at top level*/
	}
#mainnav ul a span {
	display: inline; /*show links at second level*/
	}
#mainnav a {
	height: 43px; /*expand links to fill li's*/
	}
#mainnav #section_1 {width: 174px;} /*set custom width, a's will follow cause they are display - block*/
#mainnav #section_2 {width: 126px;}
#mainnav #section_3 {width: 127px;}
#mainnav #section_4 {width: 127px;}
#mainnav #section_5 {width: 126px;}
#mainnav #section_6 {width: 173px;}
#mainnav #section_1 a:hover, #mainnav #section_1 a.selected {background: url(../img/mainNav_complete.gif) 0 -43px no-repeat;} /*set background to hover and selected states*/
#mainnav #section_2 a:hover, #mainnav #section_2 a.selected {background: url(../img/mainNav_complete.gif) -174px -43px no-repeat;}
#mainnav #section_3 a:hover, #mainnav #section_3 a.selected {background: url(../img/mainNav_complete.gif) -300px -43px no-repeat;}
#mainnav #section_4 a:hover, #mainnav #section_4 a.selected {background: url(../img/mainNav_complete.gif) -427px -43px no-repeat;}
#mainnav #section_5 a:hover, #mainnav #section_5 a.selected {background: url(../img/mainNav_complete.gif) -554px -43px no-repeat;}
#mainnav #section_6 a:hover, #mainnav #section_6 a.selected {background: url(../img/mainNav_complete.gif) -680px -43px no-repeat;}
/*this have to be separate from above to make sure IE6 reades above rules*/
#mainnav #section_1:hover>a {background:url(../img/mainNav_complete.gif) 0 -43px no-repeat;} /*set background to hover and selected states*/
#mainnav #section_2:hover>a {background:url(../img/mainNav_complete.gif) -174px -43px no-repeat;}
#mainnav #section_3:hover>a {background:url(../img/mainNav_complete.gif) -300px -43px no-repeat;}
#mainnav #section_4:hover>a {background:url(../img/mainNav_complete.gif) -427px -43px no-repeat;}
#mainnav #section_5:hover>a {background:url(../img/mainNav_complete.gif) -554px -43px no-repeat;}
#mainnav #section_6:hover>a {background:url(../img/mainNav_complete.gif) -680px -43px no-repeat;}
/*overwrite rules above for second level menu*/
#mainnav #section_1 ul li a, #mainnav #section_2 ul li a, #mainnav #section_3 ul li a, #mainnav #section_4 ul li a, #mainnav #section_5 ul li a, #mainnav #section_6 ul li a {
	background: url(../img/bkgrnd_subnavFlyout.gif) repeat-x;
	width: 115px;
	height: 20px;
	font: 11px "Trebuchet MS", "Lucida Sans Unicode", sans-serif;
	color: #FFF;
	padding: 3px 0 0 10px;	
	}
/*overwite rules above for hover states for second level menu*/
#mainnav #section_1 ul li a:hover, #mainnav #section_2 ul li a:hover, #mainnav #section_3 ul li a:hover, #mainnav #section_4 ul li a:hover, #mainnav #section_5 ul li a:hover, #mainnav #section_6 ul li a:hover {
	background: url(../img/bkgrnd_subnavFlyout-hover.gif) repeat-x;
	}
/*overwite rules above for selected states for second level menu*/
#mainnav #section_1 ul li a.selected, #mainnav #section_2 ul li a.selected, #mainnav #section_3 ul li a.selected, #mainnav #section_4 ul li a.selected, #mainnav #section_5 ul li a.selected, #mainnav #section_6 ul li a.selected {
	text-decoration: underline;
	}
#mainnav #section_1 ul li:hover>a, #mainnav #section_2 ul li:hover>a, #mainnav #section_3 ul li:hover>a, #mainnav #section_4 ul li:hover>a, #mainnav #section_5 ul li:hover>a, #mainnav #section_6 ul li:hover>a {
	background: url(../img/bkgrnd_subnavFlyout-hover.gif) repeat-x;
	color: #B6B6B6;
	}