html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

img{border:0px;}



#page{
 margin:0px auto;/* center the div*/
 width:960px; 

}
body{
 margin:0px;
 padding:0px;
 background-image:url(../images/interior-bg.jpg);
 background-position:top;
 background-repeat:repeat-x;

}

/* Following, set header, page_body and footer width to 960px aswell and make all the layers float left. By setting float value to "left" you'll avoid several floating issues with nested divs. */

#header{
 width:960px;
 height:116px;
 float:left;
 padding-bottom: 50px;
 background-image:url(../images/header-bg.gif);
 background-repeat:no-repeat; 
}

#page_body{
 width:960px;
 float:left;
}

#content{
	width:960px;
	float:left;
 }
 #quote{
	width:400px;
	margin-top:55px;
	margin-left:85px;
	margin-bottom:80px;
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	color:#565656;
  }
 #author{
 font-family:Arial, Helvetica, sans-serif;
 font-size: 10px;
 margin-left:45px;
 margin-top:10px;
 }
  #content_body{
	width:400px;
	margin-top:25px;
	margin-left:85px;
	margin-bottom:25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#565656;
  }
  #content_body ul{
  margin-left:40px;
 }
#content_body p{
font-weight:bold;
padding:12px;
}
#content_body p a{
	color:#565656;
	text-decoration:underline;

}
#content_body p a:hover{
	color:#4f84ba;
	text-decoration:underline;

}
/* Interior Pages */

  #interior_body{
	width:700px;
	margin-top:45px;
	margin-left:75px;
	margin-right:55px;
	margin-bottom:25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#565656;
  }
  
 #interior_body_larger {
font-size:16px;
}

  #interior_body ul{
  margin-left:40px;
 }
#interior_body p{
padding-bottom:10px;
}
#interior_body p a{
	color:#565656;
	text-decoration:underline;

}
#interior_body p a:hover{
	color:#4f84ba;
	text-decoration:underline;

}
#pagetitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size:26px;
	color:#4f84ba;
	margin-left:55px;
}

#subnav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color:#4f84ba;
	margin-top:20px;
	margin-left: 85px;
}
#subnav a{
color:#4f84ba;
text-decoration:none;
}
#subnav a:hover{
color:#4f84ba;
text-decoration:none;
}
#subnav a:visited{
color:#4f84ba;
text-decoration:none;
}

.sectionheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#4f84ba;
}



/*  */



 #sidebar{
 width:390px;
 height:450px;
 float:left;
}
#sidebar img{
margin-left:18px;
margin-top:15px;
}

#footer{
   width:100%;
   float:left;
   background-color:#4f84ba;
   background-repeat: repeat-x;
}
#footer_container{
 width:960px;
 margin:15px auto 75px auto;/* center the div*/
}
#copyright{
	width:300px;
	margin-left:100px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}
#contact{
	width:300px;
	margin-right:75px;
	float:right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-align: right;
}
#contact a{
	color:#ffffff;
	text-decoration:none;
}
#contact a:hover{
	color:#565656;
}
#logo{
 width:443px;
 height:55px;
 float:left;
 
 padding-top:40px;
 padding-left:54px;
}

#pages_nav{
 	width:650px;
 	float:left;
 	padding-top:20px;
 	padding-left:370px;
}
 
 #pages_nav li{
 	display:inline;
 	margin:0px;
 	padding:0px;
	color:#565656;

 }
 
 #pages_nav li a{
	padding:10px 10px 5px 10px;
	color:#565656;
	font-size:16px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
 }
 
 #pages_nav li a:hover, #pages_nav li.active a{
 	color:#4f84ba;
	background:url(../images/menu-hover.gif) no-repeat 10px 100%;
}
 #pages_nav li.active a{
 	color:#4f84ba;
}
.sectionheader_sm {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#4f84ba;
}
.vspacebelow {
margin-bottom:20px;
}