
:focus
{
  -moz-outline-style: none;
}

body {
  background: #b4c0c9 url('../images/backgroundx.jpg') repeat-x top left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
}

#content ul, #content_home ul, #content_custom ul, #sidebar_left ul{
list-style: url(../images/bullet.gif);
margin: 0;
padding: 0 20px;
}


/*========= MAIN TEXT ELEMENTS==========*/

h1 {
  font-size: 24px;
	font-weight: bold;
  color: #036;
	margin:0;
	padding: 0;
}

h2 {
  font-size: 20px;	
  line-height: 23px;
  font-weight: bold;
  color: #999900;
  margin: 30px 0 5px 0;
	padding: 5;
	clear: both;	
}

h3 {
  font-size: 16px;
	line-height: 18px;
  font-weight: bold;
  color: #036;
  margin:0;
}

h4 {
  font-size: 14px;
	line-height: 16px;
  color: #660000;
  margin-bottom: 4px;
}

h5 {
  font-size: 12px;
	line-height: 14px;
  font-weight: bold;
  color: #036;
  margin: 5px 0;
}

h6 {
  font-size: 13px;
	line-height: 15px;
  font-weight: normal;
  color: #036;
  margin-top: 10px;
}

#container, #container p {
font: 12px/14px Arial, Helvetica, sans-serif;
color: #333;
}

#sidebar, #sidebar_right{
  font: 12px/14px Arial, Helvetica, sans-serif;
}
 #sidebar_left, #sidebar_left p  {
 font: 11px/13px Arial, Helvetica, sans-serif
}
 
h2 a, h2 a:link {
	color: #999900;
}

h2 a:hover {
	color: #3399cc;
}

a, a:link {
  color: #06c;
	font-weight: 600;
	text-decoration: none;
}
a:hover, a:focus {
color: #3399cc;
}

p {
margin-top: 4px;
}

/*========= BLOCK LEVEL ELEMENTS==========*/

#wrapper {
  width: 800px;
  padding: 0;
  margin: 80px auto 0 auto; 
}

#header {
  background: url('../images/header.gif') no-repeat bottom center;
  height: 67px;	
  margin: 0;
  padding: 0;
	clear: both;
}

#subhead {
  background: url('../images/main_back.gif') repeat-y 30px;
  height: 80px;
  padding:5px 0 20px 80px;
}


#container {
 background: url(../images/body.png) repeat-y top;
 width: 796px;
 margin: 0 auto;
 padding; 0;
 overflow: hidden;
}

*html #container{
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src="../images/body.png");
background: none;
}

#sidebar_left {
  margin: 20px 0 0 10px;
  padding: 15px; 
  width: 230px;
  float: left;	
}

#content {
  margin: 10px 10px 0 0;
  padding: 15px;  
  float: left;
	width: 470px;
}

#content_home {
  margin: 20px 20px 25px;
  padding: 0 20px 0 0;	
}

#sidebar_right {
  margin: 50px 10px 0 0;
  padding: 0 20px 30px 0;  
  width: 200px;
  float: right;	
}

#content_custom {
  margin: 20px 30px;
  padding: 20px 30px;
  overflow: auto;
}

/*FOOTER*/

#footer {
  background: url('../images/background_footer.jpg') no-repeat top center;
  height: 35px;
	margin-bottom: 50px;
}

#footer p {
 font: 7pt Arial, Helvetica, sans-serif;
  color: #1e428d;
  margin: 0;
  padding: 30px 20px 0 0;
  text-align: right;
}

#footer a, #footer a:link {
 color:#1e428d;
 font-weight: normal;
}

#footer a:hover, #footer a:focus {
 color:#5f7cb9;
}

.top_pad {
margin-top: 70px;
}
/*======================SECTIONAL ELEMENTS============================================*/

/*header*/

#header ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: right;
}

#header li {  
  font-weight: bold;
  float: right;
  padding: 5px 70px 0 0;
}

#header a, #header a:link {
  font-size: 14px;
  text-decoration: none;
  color: white;
}

#header a:hover, #header a:focus {
  text-decoration: none;
  color: #d4e2ff;
}

#header h1 {  
	padding: 0 30px;
	position: absolute;
	text-indent: -9999px;
}

#header h1 a {
	display: block;
	width: 200px;
	height: 100px;
}

#header ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: right;
}

#header li {
  font-size: 12px;
  font-weight: bold;
  float: right;
  padding: 40px 70px 0 0;
}


#header a, #header a:link {
  text-decoration: none;
  color: white;	
}

#header a:hover, #header a:focus {
  text-decoration: none;
  color: #d4e2ff;
}

/*sidebars*/

#sidebar_right ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#sidebar_right li {
  margin: 0;
	padding: 0;
	border-bottom: 1px solid white;	
}

#sidebar_right a{
	padding: 5px 10px;
	display: block; 
	color: #06c;
	font-weight:bold;
	background: #cfdce8 url('../images/li_back.jpg') repeat top left;
}


#sidebar_right a:hover, #sidebar_right a:focus{
  background: #06c;
	background-image: none;
	color: white;
}

/*--------Resource Directory----------*/

.subpage_category {
	width: 120px;
	float:left;
}

.subpage_category_two {
	width: 250px;
	float:left;	
	padding-bottom: 20px;
}
