﻿body 
{
   background : #FFFFFF;
   margin : 0px;
   color: #4E5AD4;
   font-family: verdana, arial, helvetica, sans-serif;
   font-size: .75em;
   behavior: url('http://www.specialdistricts.org/2/style/csshover3.htc');   
   
}

#header
{
	background: #FFFFFF;
	position: relative;
	width: 100%;
	
}

#header img
{
	display:block;
}

#header #deptImg
{
	width: 100%;
	height: 80px;	
	background: url('http://www.specialdistricts.org/2/images/titlebg.jpg');
	background-repeat: repeat-x;	
}

#header #deptImg img
{
	border-style: none;	
}

#header #districtImg
{
	background-color: #4E5AD4;
}


#sideNav
{
	position: absolute;
	top:1px;
	left: 0px;
	width: 200px;
	z-index: 200;
	
}

#sideNav h2
{
	display: block;
	width: 100%;
	text-align: center;
	color: #FFFFFF;
	background-color: #4E5AD4;
	margin-bottom: 0px;
	margin-top: 0px;
	line-height: 2em;
	font-size: 1.25em;
	
}

#sideNav ul
{
	position: relative;
	list-style: none;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #FFFFFF;
}
#sideNav li
{

	border-top: 1px solid #FFFFFF;
	padding: 3px;
	line-height: 2em;
	background: #A8AFE1;
	color: #FFFFFF;

}

#sideNav li a 
{
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	width: 100%;
	height: 1%;
}

#sideNav li:hover 
{
	font-weight: bold;
	background-color: #4E5AD4;
}

#sideNav div
{
	margin: 0px;
	padding: 0px;
}


#sideNav  ul li 
{

	position: relative;
} 
#sideNav ul ul 
{
	position: absolute;
	top: -2px;
	left: 200px; 
	width: 100%;
	z-index: 10;
	border: 2px solid #4E5AD4;
}

#sideNav ul ul
{display: none;}

#sideNav ul li:hover ul,
#sideNav ul ul li:hover ul
{display: block;}

#mainContent 
{
	position: absolute;
	top: 0px;	
	left: 200px;
	right: 0;
	border-left:  1px solid #4E5AD4;
	padding: 0px 20px;
	background: #FFFFFF;
}

#mainContent h2
{
	display:block;
	width: 100%;
	border-bottom: 1px solid #4E5AD4;
}

#mainContent #feature
{
	margin: 0px 0px 30px 0px;
}
#mainContent #feature #video
{
	margin-left:auto;
	margin-right: auto;
	width: 485px;
}

#mainContent #feature  #video #byLine
{
	margin: 0px;
	font-size: .75em
}
#content
{
	position:relative;
}

<!--[if IE]>

body {
   behavior: url('http://www.specialdistricts.org/2/style/csshover3.htc');
	font-size: 100%;
}

#sideNav ul li {float: left; width: 97%;}
#sideNav ul li a {height: 1%;} 


<![endif]-->