/* CSS Document */

body {
	font-family: arial, helvetica, serif; font-size:12px;
}

a
{
	font-size:12px;
	color:#FFF;
	text-decoration:none;
}

a:hover{
	color:#FFCC00;
}

#nav, #nav ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		/* width : 11em; */
		width: 155px;
	}
	
	#nav li { /* all list items */
		position : relative;
		float : left;
		line-height : 1.25em;
		margin-bottom : -1px;
		/* width : 11em; */
		width: 155px;
		
	}
	
	#nav li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 9.40em;
		margin-top : -1.35em;
		
	}
	
	#nav li ul ul { /* third-and-above-level lists */
		left: -999em;
		
	}
	
	#nav li a {
		width: 155px;
		display : block;
		color : black;
		font-weight : normal;
		font-size:10px;
		text-decoration : none;
		background-color : #fff; 
		padding : 0 0.5em;
	}
	
	#nav li a:hover {
		color : white;
		background-color : #000;
	}
	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
	}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul 
	{ /* lists nested under hovered list items */
		left: auto;
	}
	
	#content {
		margin-left : 9.40em;
	}

.navigate{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 12px Arial;
color: white;
background-color: black;
margin-bottom: 2px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 2px 0 2px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.navigate a{
	color: white;
	text-decoration:none;
}

.navigate a:visited{
color: white;
}

.navigate a:hover{ /*hover state CSS*/
color: #FFCC00;

}

.arrowlistmenu{
width: 200px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 12px Arial;
color: white;
background-color: black;
margin-bottom: 2px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 2px 0 2px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(titlebar-active.png);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 1px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #FFF;
background: url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
/* border-bottom: 1px solid #dadada; */
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #FFF;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #FFCC00;
/* background-color: #F3F3F3; */
}



.arrowlistmenu .menuheader a{
color: #FFF;
background: url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
text-decoration: none;
font-weight: bold;
/* border-bottom: 1px solid #dadada; */
font-size: 90%;
}

.arrowlistmenu .menuheader a:visited{
color: #FFF;
}

.arrowlistmenu .menuheader a:hover{ /*hover state CSS*/
color: #FFCC00;
/* background-color: #F3F3F3; */
}

h3
{
    margin:0;
    padding:0;
}