body, html { background: #E0EAB0; 
font-family: Arial, Helvetica, sans-serif;
margin: 2px;
padding: 2px; 
} 


#wrap {
width:900px;
margin: 0 auto ;
background:#f6f9fc;

}

#header 
{
	padding:8px 8px 1px 8px;
	background-position:bottom top; 						
	background-repeat:no-repeat;
	background-color:#1E7AAB;
}

#navcontainer ul
 {
	font-family: Arial, sans-serif;
	font-weight:bold;
	padding: 45px 0px 0px 0px;
	margin:0px 0px 0px 0px;
 	list-style-type: none;
 	text-align: center;
 }

 #navcontainer li { display: inline;
 line-height:30px;
 
 }

 #navcontainer li a
 {
 text-decoration: none;
 background-color: #047891;
 color: #FFFFFF;
 padding: 4px 14px 4px 14px;
 margin: 0px;

 }

 #navcontainer li a:hover
 {
 background-color:#09C;
 color: #FFFFFF;
 padding: 4px 14px 4px 14px;
 margin: 0px;
 
 }


#main { 
font-size: 15px;
line-height:1.4em;
background:#FFF; 
float:left; 
width:600px;
}

#topad {
float:left;
padding:4px 10px 0px 0px;
}

#contentad {
float:right;
}

#sidebar {
float:right;
width:300px;
background:#f6f9fc;

}

#footer {
clear:both;
padding:10px;
border-top-color:#047891;
border-top-style:solid;
background:#FFF;
font-size:13px;
}
.content {
	padding: 10px;
	
}


.content img{
	padding: 4px;
	border: 1px solid #CCCC99;
	background: #FFFFFF
}

.content img.alignleft{
	float: left;
	margin: 4px 5px 0px 0px;
}

.content img.alignright{
	float: right;
	margin: 4px 0px 0px 5px;
}

.content img.aligncentral{
	margin: 0px 20px 0px 20px;
}

@media screen and (max-width:768px) 
{ 
	#main,
	#sidebar { 
	float:none;
	width:100%;
	clear:both;
	}
	
	#wrap {
	max-width:100%;
	margin: 0 auto ;
	}
	

	.menu ul ul {
  	columns: 2;
 	-webkit-columns: 2;
  	-moz-columns: 2;
	}


	.menu ul ul ul {
		display:none;

	}
}

@media screen and (max-width:480px) 
{ 

body, html { 
	margin: 0px;
	padding: 0px; 
	} 
#main { 
line-height:1.5em;
}	

#navcontainer ul
	{
	padding-top: 8px;
	}

#navcontainer li a
	{
	display:block;
	margin: 2px;
	list-style: circle;
	}
	
#navcontainer li a:hover
	{
	margin: 2px;
	}
	
#topad {
	clear:both;
	text-align:center;
	float:none;
	padding:4px 0px 0px 0px;
	}
	
#contentad {
float:none;
}

#map {
float:none;
width:100%;
clear:both;
	text-align:center;

}

.content img.alignleft{
	float: none;
	display: block;
    margin: 10px auto 10px auto;
	

}

.content img.alignright{
	float: none;
	display: block;
    margin: 10px auto 10px auto;

}

.content img.aligncentral{
	margin: 10px ;}




#footer {
display:none;
	}	

}


a { text-decoration: none; color: #0361A0;}
a:hover { text-decoration: underline; }

.content h1 {
	font-size: 24px;
	font-weight:400;
	color: #536f06;
	line-height:1.1em;
}

.content h2 {
	font-size: 20px;
	font-weight:400;
	color: #990000;
	line-height:1.1em;
}

.content h3 {
	font-size: 18px;
	font-weight:400;
	color: #990000;
	line-height:1.1em;
}


a.white, a.white:hover {  color: #FFFFFF; text-decoration:none}

.small {
	font-size: 14px;
}

a.heading1 { color:#FFFFFF; font-size: 22px; font-weight: bold;}


.alignright{
	float:right;
	margin-bottom:10px;
	
}

.menu 
{
font-size: 16px;
}

.menu a {text-decoration:underline;
}
.menu a:hover {text-decoration:none;
}

.menu ul{
	list-style-type: none;
	margin:0;
	padding :0;
	
}

.menu ul li{
	margin: 0 0 4px;
}

.menu ul li h3{
	padding: 8px 0px 6px 12px;
	font-size: 16px;
	color: #03558B;
	margin: 0ex;
}

.menu ul ul{
	border-top: 1px solid #cce0ee; 
	padding: 4px 2px 11px 12px;
	background: #f6f9fc ;
	line-height: 1.5em;
}

.menu ul ul li{
	margin: 0;
	padding: 0 0 0 16px;
	background: url(/assets/bullet_green.gif) no-repeat 0px 9px;
}

.menu ul ul ul{
	border: 0;
	padding: 0;
}

.menu ul ul ul li{
	padding: 0 0 0 16px;
	font-size: 15px;
	background: url(/assets/bullet_sub.gif) no-repeat 0px 9px;
}


.menu h3 a {  text-decoration: none; }
.menu h3 a:hover {  text-decoration: underline; }

td { vertical-align:top; }

.breadcrumbs
{
	margin: 0px 0px 10px 0px;
	width: 560;

	padding: 5px 5px 5px 5px;
	font-size: 13px;
	line-height:1.3em;
	
	background-color: #F4FBDC;
	border: #C9DA94 1px solid;
	}
	
.breadcrumbs ul { list-style-type: none; margin: 0px; padding: 1px 0px 0px 20px; background: url(/assets/breadcrumbhome.png) no-repeat left center;}
.breadcrumbs li { background: url(/assets/trailarrow.gif) no-repeat left center; margin: 0px 4px 0px 0px; padding: 1px 0px 00px 10px; text-decoration: none; display: inline;}
.breadcrumbs li a { margin: 0px; padding: 0px;}