/* ALL CSS for NAV SIDEBAR ---- Start ---- */
/* Navbar Container */
#menuContainer {
	width:179px; 
	height:600px; 
	background:url(images/bkgn.png); 
	position:relative;
	}

/* where navbar text starts */
#verticalNav {
	position:absolute; 
	left:10px; 
	top:10px; 
	margin:0; 
	list-style:none; 
	position:relative; 
	font-family:verdana, sans-serif;
	float:left; 
	padding:0px 0 0 0;
	}

/* list style remove dots from ul */
#verticalNav ul.toplevel {
	padding:0; 
	margin:0; 
	list-style:none;
	}
	
#verticalNav ul.sub {
	padding:0;
	margin:0; 
	list-style:none;
	 }

/* position of text */
#verticalNav table {
	border-collapse:collapse; 
	margin:-1px;
	}

/* Sub fields are always shown. So they are positioned far to the left of the website, the rest of the CSS just moves the information to where we want it on mouse over. */
#verticalNav ul.toplevel ul.sub {
	position:absolute;
	left:-9999px; 
	width:150px;
	}
/* Divs define global design of the container boxes, first set is for top level containers, */
#verticalNav ul div.base {
	position:absolute; 
	left:-9999px; 
	background:#fff; 
	border:1px solid #ddd; 
	padding:10px; 
	width:370px; 
	height:300px;
	}
#verticalNav ul div.border {
	position:absolute; 
	left:-9999px; 
	background:transparent url(../images/backingb.png); 
	width:420px; 
	height:350px;
	}

/* Top level design */
#verticalNav ul.toplevel {
	width:140px;
	}	
#verticalNav ul.toplevel li {
	float:left; 
	width:150px;
	}	
#verticalNav ul.toplevel li a {
	display:block; 
	width:159px; 
	padding-left:10px; 
	height:22px; 
	line-height:22px; 
	text-decoration:none; 
	font-size:12px;
	font-style:italic;
	font-weight:bold;
	color:#000;
	border-width:0 1px 1px 1px; 
	}
#verticalNav a:hover {
	white-space:nowrap;
	}
#verticalNav :hover ul.toplevel li a {
	opacity:0.9;
	}
#verticalNav ul.toplevel li a:hover {
	color:#069; 
	background:#fff; 
	opacity:0.5;
	}
#verticalNav ul.toplevel li:hover > a {
	color:#069; 
	background:#fff; 
	opacity:1.0;
	}
/* Top level div containers ---- start ----*/
/* Div container postions off screen */
#verticalNav :hover ul.toplevel div.base {left:-9999px;}
#verticalNav :hover ul.toplevel div.border {left:-9999px;}
/* Div container positions on screen */
#verticalNav :hover ul.toplevel :hover div.base {left:184px;}
/* Div container top position relative to top level*/
#verticalNav :hover ul.toplevel :hover div.div1{top:7px;}
#verticalNav :hover ul.toplevel :hover div.div2 {top:29px;}
#verticalNav :hover ul.toplevel :hover div.div3 {top:51px;}
#verticalNav :hover ul.toplevel :hover div.div4 {top:73px; width:530px; height:400px;}
#verticalNav :hover ul.toplevel :hover div.div5 {top:95px;}
#verticalNav :hover ul.toplevel :hover div.div6 {top:117px;}
#verticalNav :hover ul.toplevel :hover div.div7 {top:139px;}
#verticalNav :hover ul.toplevel :hover div.div8 {top:161px;}
#verticalNav :hover ul.toplevel :hover div.div9 {top:183px;}
#verticalNav :hover ul.toplevel :hover div.div10 {top:205px;}
#verticalNav :hover ul.toplevel :hover div.div11 {top:227px;}
#verticalNav :hover ul.toplevel :hover div.div12 {top:249px;}
#verticalNav :hover ul.toplevel :hover div.div13 {top:271px;}
#verticalNav :hover ul.toplevel :hover div.div14 {top:293px;}
#verticalNav :hover ul.toplevel :hover div.div15 {top:315px;}
#verticalNav :hover ul.toplevel :hover div.div16 {top:337px;}
#verticalNav :hover ul.toplevel :hover div.div17 {top:359px;}
#verticalNav :hover ul.toplevel :hover div.div18 {top:381px;}
#verticalNav :hover ul.toplevel :hover div.div19 {top:403px;}
#verticalNav :hover ul.toplevel :hover div.div20 {top:425px;}
/* Div container background border positions. Background is 15px, make sure all sizes are 15px off set of main container boxes. These containers should be up against sub menu*/
#verticalNav :hover ul.toplevel :hover div.border {left:169px;}
#verticalNav :hover ul.toplevel :hover div.b1 {top:-8px;}
#verticalNav :hover ul.toplevel :hover div.b2 {top:14px;}
#verticalNav :hover ul.toplevel :hover div.b3 {top:36px;}
#verticalNav :hover ul.toplevel :hover div.b4 {top:58px; width:580px; height:450px;}
#verticalNav :hover ul.toplevel :hover div.b5 {top:80px;}
#verticalNav :hover ul.toplevel :hover div.b6 {top:102px;}
#verticalNav :hover ul.toplevel :hover div.b7 {top:124px;}
#verticalNav :hover ul.toplevel :hover div.b8 {top:146px;}
#verticalNav :hover ul.toplevel :hover div.b9 {top:168px;}
#verticalNav :hover ul.toplevel :hover div.b10 {top:190px;}
#verticalNav :hover ul.toplevel :hover div.b11 {top:212px;}
#verticalNav :hover ul.toplevel :hover div.b12 {top:234px;}
#verticalNav :hover ul.toplevel :hover div.b13 {top:256px;}
#verticalNav :hover ul.toplevel :hover div.b14 {top:278px;}
#verticalNav :hover ul.toplevel :hover div.b15 {top:300px;}
#verticalNav :hover ul.toplevel :hover div.b16 {top:322px;}
#verticalNav :hover ul.toplevel :hover div.b17 {top:344px;}
#verticalNav :hover ul.toplevel :hover div.b18 {top:366px;}
#verticalNav :hover ul.toplevel :hover div.b19 {top:388px;}
#verticalNav :hover ul.toplevel :hover div.b20 {top:410px;}

/* Design of div container */
#verticalNav :hover ul.toplevel :hover div.base ul {
	float:left; 
	padding:0; 
	margin:0; 
	list-style:none;
	width:180px; 
	}
#verticalNav :hover ul.toplevel :hover div.base ul li {
	display:block; 
	float:left; 
	width:180px; 
	height:auto; 
	padding:0; 
	margin:0;
	}
#verticalNav :hover ul.toplevel :hover div.base ul li a {
	width:180px;
	padding-left:0px; 
	background:#fff; 
	color:#000; 
	border:0; 
	margin:0; 
	height:auto; 
	line-height:18px;
	}
#verticalNav :hover ul.toplevel :hover div.base ul li a:hover {color:#069;}
#verticalNav :hover ul.toplevel :hover div.base h4 {
	color:#003399; 
	font-size:15px; 
	margin:0; 
	padding:5px 0 5px 0;
	}
#verticalNav :hover ul.toplevel :hover div.base h5 {
	color:#003399; 
	font-size:12px; 
	margin:0; 
	padding:0px 0 0px 0;
	}
#verticalNav :hover ul.toplevel :hover div.base p {
	color:#555; 
	font-size:11px; 
	margin:0; 
	padding:0 0 5px 0; 
	line-height:18px;
	}
/* Top Level Div Containers ---- end ---- */

/* Postion of all first level sub menus*/
#verticalNav :hover ul.toplevel :hover ul.sub {left:169px; top:0;}
#verticalNav :hover ul.toplevel :hover ul.pos1 {top:0px;}
#verticalNav :hover ul.toplevel :hover ul.pos2 {top:22px;}
#verticalNav :hover ul.toplevel :hover ul.pos3 {top:44px;}
#verticalNav :hover ul.toplevel :hover ul.pos4 {top:66px;}
#verticalNav :hover ul.toplevel :hover ul.pos5 {top:88px;}
#verticalNav :hover ul.toplevel :hover ul.pos6 {top:110px;}
#verticalNav :hover ul.toplevel :hover ul.pos7 {top:132px;}
#verticalNav :hover ul.toplevel :hover ul.pos8 {top:154px;}
#verticalNav :hover ul.toplevel :hover ul.pos9 {top:176px;}
#verticalNav :hover ul.toplevel :hover ul.pos10 {top:198px;}

/* Design of submenu */
#verticalNav :hover ul.toplevel :hover ul.sub li a {
	background:#e2ecf8; 
	color:#000; 
	opacity:1.0;
	}
#verticalNav :hover ul.toplevel :hover ul.sub li a.sub2 {
	background:#e2ecf8; 
	color:#000;
	}
#verticalNav :hover ul.toplevel :hover ul.sub li a:hover {
	background:#fff; 
	color:#069;
	}
#verticalNav :hover ul.toplevel :hover ul.sub li a.sub2:hover {
	background:#fff; 
	color:#069;
	}
#verticalNav :hover ul.toplevel :hover ul.sub li:hover > a.sub2 {
	background:#fff; 
	color:#069;
	}

/* ALL CSS for NAV SIDEBAR ---- End ---- */