@charset "utf-8";
/* CSS Document */

/*---------------------------------------------------------------------------------------*/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#chromemenu{
width: 100%;
font-weight: bold;
font-size: 100%;
background: url("../../../../assets/images/nav/menuoff.gif");  
}

#chromemenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#chromemenu ul{
/* border:1px solid #004a89;
border-bottom: 1px solid #000000;
border-right: 0px; */
width: 100%;
padding: 5px 0;
margin: 0;
text-align: center; /*set value to "right" for example to align menu to the left of page*/
}

#chromemenu ul li{
display: inline;
}

#chromemenu ul li a{
color:#cccccc;
padding: 5px 25px 5px 25px;
margin: 0;
text-decoration: none;
/*
border-right: 1px solid #02559b;
border-left: 1px solid #013159;
*/
}

#chromemenu ul li a:hover{
color:#ffffff;
background: url("../../../../assets/images/nav/menuon.gif");
}

/*-------------------------------------------------------------------------------*/




/********************************************** VERTICAL MENUS  ******************************************/

#vertical-menu {
	width: 200px;	padding: 0 0 1em 0;	margin-bottom: 1em;
	font-family: 'Trebuchet MS', 'Lucida Grande',	  Verdana, Lucida, Geneva, Helvetica, 	  Arial, sans-serif;
	background-color: transparent;	color: #999999;
	}

#vertical-menu ul {
text-transform:uppercase;	list-style: none;		margin: 0;		padding: 0;		border: none;		}

#vertical-menu li {	margin: 0;}

#vertical-menu li a {display: block; padding: 3px 5px 3px 1em; margin: 0 0 5px 0; 
color: #2b528b; text-decoration: none; width: 100%;	}

/* If you give the block an explicit width of 100%, then IE/Windows plays along. But doing this creates problems with IE5/Mac and Netscape/Mozilla. So I used the child selector">" to redefine the width to auto. Since IE/Windows doesn't understand child selectors, it ignores the rule. IE5/Mac, Opera and Netscape/Mozilla follow the rule  */
	html>body #vertical-menu li a, .active {width: auto;}

#vertical-menu li a:hover {	background-color: #2b528b; color: #ffffff; }
#vertical-menu li.active a {background-color: #2b528b;	 color: #ffffff; }

/*************************************/



#misc-links {
	width: 250px;	
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; background-color: transparent; color: #999999;}

#misc-links ul {list-style: none; margin: 0; padding: 0; border: none;		}

#misc-links li {margin: 0;}

#misc-links li a {
		display: block;
		padding: 3px 3px 3px 6px;
		margin: 0 0 10px 0;
		background:url(../../../assets/images/nav/small_arrow.gif) #999999 no-repeat 97% center;
		color: #ffffff;
		text-decoration: none;

		}

/* If you give the block an explicit width of 100%, then IE/Windows plays along. But doing this creates problems with IE5/Mac and Netscape/Mozilla. So I used the child selector">" to redefine the width to auto. Since IE/Windows doesn't understand child selectors, it ignores the rule. IE5/Mac, Opera and Netscape/Mozilla follow the rule  */
	html>body #misc-links li a {		width: auto;		}

#misc-links li a:hover {background:url(../../../assets/images/nav/small_arrow.gif) #ebebeb no-repeat 97% center;		color: #000000;		}

/********************************************** VERTICAL  MENUS ENDS ******************************************/