/*######################
#### TOP NAVIGATION ####
######################*/ 



#navTop{
	float					: right;
	margin-top				: 5px;
	padding-right			: 0px;
	font-size				: 90%;
	line-height				: 1.2em;

}

#navTop a{
	padding-left			: 5px;
	padding-right			: 5px;
	color					: #336699;
	border-right			: 1px solid #FFFFFF;
	text-transform			: uppercase;
	text-decoration			: none;

}

#navTop a:hover{
	color					: #336699;
	border-right			: 1px solid #FFFFFF;
	text-decoration			: underline;

}



/*#######################
#### MAIN NAVIGATION ####
#######################*/ 


.menu {
	padding-top				: 90px;
}

.topNavMenu {
	font-size				: 0.85em; 
	position				: relative; 
	z-index					: 90;
	width 					: 930px;
	padding					: 0px;
	margin					: 0px;
	background-color		: #BFBFBF;
	border-top 				: 1px solid #FFFFFF;
	border-bottom			: 1px solid #FFFFFF;

}


/* hack to correct IE5.5 faulty box model */
* html .topNavMenu {
	width					: 930px; 
	w\idth					: 929px;
}
	
/* remove all the bullets, borders and padding from the default list styling */
.topNavMenu ul {
	padding					: 0;
	margin					: 0;
	list-style-type			: none;
	height					: 25px;


}
.topNavMenu ul ul {
	width					: 149px;
}

*html .topNavMenu ul ul {
	width					: 149px;
}



/* float the list to make it horizontal and a relative positon so that you can control the dropdown topNavMenu positon */
.topNavMenu li {
	float					: left;
	width					: 100px;
	position				: relative;
	border	 				: 0px;
	border-left				: 1px solid #FFFFFF;
	border-right			: 1px solid #FFFFFF;
	text-transform			: uppercase;
	
}
* html .topNavMenu li {
	width					: 90px;
}


.topNavMenu li li{
	border					: 0px none !important;
	width					: 120px;
	text-transform			: none;
}

/* style the links for the top level */
.topNavMenu a{
	display					: block;
	font-size				: 11px;
	text-decoration			: none; 
	color					: #336699; 
	background			: url(../images/button_bg1.jpg) repeat-x top;
	/*background-color		: #BFBFBF;*/
	width					: 90px; 
	height					: 25px; 
	padding					: 0px 5px 0px 5px; 
	line-height				: 25px;
}

/* a hack so that IE5.5 faulty box model is corrected */
* html .topNavMenu a{
	width					: 90px; 
}

/* style the second level background */
.topNavMenu ul ul a.drop {
	background-color		: #d4d8bd;
}

/* style the second level hover */
.topNavMenu ul ul a.drop:hover{
	background			: url(../images/button_bg2.jpg) repeat-x top;
	/*background-color		: #EF7E22;*/
}
.topNavMenu ul ul :hover > a.drop {
	background-color		: #c9ba65;
}

/* style the third level background */
.topNavMenu ul ul ul a{
	background				: #E6E7E8;
}

/* style the third level hover */
.topNavMenu ul ul ul a:hover {
	background			: url(../images/button_bg2.jpg) repeat-x top;
	/*background				: #EF7E22;*/
}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.topNavMenu ul ul {
	visibility				: hidden;
	position				: absolute;
	height					: auto;
	top						: 25px;
	left					: -2px; 
	width					: 230px;
	border					: 1px solid #336799;
	text-align				: left;
}

/* another hack for IE5.5 */
* html .topNavMenu ul ul {
	top						: 24px;
	t\op					: 25px;
}

/* position the third level flyout topNavMenu */
.topNavMenu ul ul ul{
	left					: 230px; 
	top						: -1px; 
	width					: 230px;
}

/* position the third level flyout topNavMenu for a left flyout */
.topNavMenu ul ul ul.left {
	left					:-149px;
}

/* style the table so that it takes no part in the layout - required for IE to work */
.topNavMenu table {
	position				: absolute; 
	top						: 0; 
	left					: 0; 
	border-collapse			: collapse;
}

/* style the second level links */
.topNavMenu ul ul a{
	background				: #DBDFE8; 
	height					: auto; 
	line-height				: 1.2em; 
	width					: 230px;
	padding					: 5px 10px; 
	border-bottom			: 1px solid #FFF;
}

/* yet another hack for IE5.5 */
* html .topNavMenu ul ul a{
	width					: 150px;
	w\idth					: 128px;
}

/* style the top level hover */
.topNavMenu a:hover, .topNavMenu ul ul a:hover{
	background			: url(../images/button_bg2.jpg) repeat-x top;
	/*background-color		: #EF7E22;*/
	color					: #FFF;
}

.topNavMenu :hover > a, .topNavMenu ul ul :hover > a {
	background			: url(../images/button_bg2.jpg) repeat-x top;
	/*background-color		: #EF7E22;*/
	color					: #FFF;
}

/* make the second level visible when hover on first level list OR link */
.topNavMenu ul li:hover ul, .topNavMenu ul a:hover ul{
	visibility				: visible; 
}

/* keep the third level hidden when you hover on first level list OR link */
.topNavMenu ul :hover ul ul{
	visibility				: hidden;
}

/* make the third level visible when you hover over second level list OR link */
.topNavMenu ul :hover ul :hover ul{ 
	visibility				: visible;
}

.topNavMenu ul ul a{
	width					: 210px !important;
	border					: 0x none !important;

}

#arrowMenu{
	/*background-image		: url(../images/arrowNav.gif);
	background-repeat		: no-repeat;
	background-position		: right;*/
}

.topNavMenu .topNavEnd a{
	width					: 102px;
	border-right			: 1px solid #FFFFFF;
	text-transform			: uppercase;
	
}
* html .topNavMenu .topNavEnd a{
	width					: 101px;
	border-right			: none;
}


.topNavMenu .topNavEnd a:hover{
	width					: 102px;
	background			: url(../images/button_bg2.jpg) repeat-x top;
	/*background-color		: #EF7E22;*/
	color					: #FFF;
}

* html .topNavMenu .topNavEnd  a:hover{
	width					: 101px;
}




/*#######################
### BOTTOM NAVIGATION ###
#######################*/ 


#navBottom{
	float					: right;
	padding					: 0px;
	margin-top 				: -45px;
	padding-right			: 10px;
	font-size				: 80%;
	line-height				: 1.2em;

}

#navBottom a{
	padding-left			: 3px;
	padding-right			: 3px;
	color					: #336699;
	border-right			: 1px solid #336699;
	text-transform			: uppercase;
	text-decoration			: none;

}

#navBottom a:hover{
	color					: #336699;
	border-right			: 1px solid #336699;
	text-decoration			: underline;

}