/* CSS Menus - Vertical CSS Menu with Popout and Dropdown Menus - 20050131 */



*{margin:0;padding:0;border:none;}



body{margin:0.5em 0.5em 0.5em 1.0em;font-size:100%;font-family:verdana,tahoma,arial,sans-serif;}



/* Begin CSS Popout Menu */



.menuTitle{

	color:#FFFFFF;

	background-color: #333333;

	padding-top:3px;

	padding-bottom:3px;

	display:block;

	border: 1px outset #555;

	font: bold 12px Arial, Helvetica, sans-serif;

	text-transform:uppercase;

}

.menuTitle a{

	color:#FFFFFF;

	background-color:#666666;

	padding-top:3px;

	padding-bottom:3px;

	font: bold 12px Arial, Helvetica, sans-serif;

	text-transform:uppercase;

	text-decoration:none;

}

.menuTitle a:hover{

	color:#333;

	text-decoration:none;

}



#menu2 {

margin-left:-5px;

position:relative;

top:0.5em;

left:0em;

z-index:100;



padding-bottom:1em;

}

.menu2title{

	font:bold 11px/16px arial,helvetica,sans-serif;

	display:block;

	white-space:nowrap;

	margin:0;

	padding:3px 3px;

	border: 1px outset #555;

	background-image:url(../images/bgNav.gif);

	color:#FFFFFF;

}



.menu2title a{

	color:#FFFFFF;

	text-decoration:none;

	display:block;

}



.menu2title a:hover{

	color:#a00;

	text-decoration:none;

}



.menu2title a:active{

	color:#060;

	background:#ccc;

	text-decoration:none;

}



#menu{

margin-left:-5px;

position:relative;

top:0.5em;

left:0em;

z-index:100;



padding-bottom:1em; /* To allow room for bottom dropdown */

}



#menu a{

	font:bold 11px/16px arial,helvetica,sans-serif;

	display:block;

	/* white-space:nowrap; */

	margin:0;

	padding:3px 3px;

	border: 1px outset #555;

}



#menu h3{
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:#267EAC;
	background-repeat: repeat;
}



#menu h3 a{
	color:#fff;
	background-color:#267EAC;
	background-repeat: repeat;
}

#menu h2{
	color:#fff;
	background-color:#267EAC;
	/* background-image: url(../images/bgNav.gif);*/
	background-repeat: repeat;
}



#menu h2 a{
	color:#fff;
	background-color:#267EAC;
	/* background-image: url(../images/bgNav.gif);*/
	background-repeat: repeat;
}



#menu a{

color:#000;

background:#eee;

text-decoration:none;

display:block;

}



#menu a:hover{

color:#a00;

background:#ddd;

}



#menu a:active{

color:#060;

background:#ccc;

}



#menu ul{

list-style:none;

margin:0;

padding:0;

width:inherit;

z-index:100;

}



/* Requirement: Put the element selector name (div)

onto non anchor hover selectors to force IE5 and

5.5 to correctly apply the csshover file. */



div#menu li, div#menu li:hover{

position:relative;

}



div#menu li ul{

position:absolute;

top:0;

left:100.1%;

display:none;

}



div#menu ul ul,

div#menu ul ul ul,

div#menu ul li:hover ul ul,

div#menu ul li:hover ul ul ul

{display:none;}



div#menu ul li:hover ul,

div#menu ul ul li:hover ul,

div#menu ul ul ul li:hover ul

{display:block;}



/* End non-anchor hover selectors */



/* Styling for Expand */



#menu a.x, #menu a.x:visited{

background:#eee url(/css/images/expand3.gif) no-repeat bottom right;

}



#menu a.x:hover{

color:#a00;

background:#ddd;

}



#menu a.x:active{

color:#060;

background:#ccc;

}



/* Begin Content Area */



#content{margin:0 0 0 10em;padding:0.5em;border:1px solid #000;}

#content a:link{color:#a00;}

#content a:visited{color:#a00;}

#content a:hover{color:#a00;background:#eee;}

#content a:active{color:#060;background:#ddd;}

#content h1, #content h2, #content h3{font:bold 1.0em arial,sans-serif;margin:0.5em 0.25em;padding:0;}

#content img{border:none;}

#content p{font:normal 0.8em/1.5em verdana,sans-serif;margin:1.0em;}

#content ul, #content ul ul{font:normal 0.9em/1.4em verdana,tahoma,arial,sans-serif;margin:1.0em 4.0em 1.5em 4.0em;}

#content ul li{font:normal 0.9em/1.4em verdana,tahoma,arial,sans-serif;margin:1.0em 0;}

#content ul ul li{font:normal 1.1em/1.6em verdana,tahoma,arial,sans-serif;margin:0;}

#content .fr{float:right;margin:0 0 1.0em 1.0em;}

#content .mod{font:normal .6em arial,sans-serif;margin:.25em;}

div.vv{position:relative;top:0;float:right;margin:0 0 15px 15px;}



/* End Content Area */

