/* Page styles */

html {
  font-size: 125%;
  }

body {
  font-size: 50%;
  font-family: Arial, Helvetica, sans-serif;
  }

* {
  margin: 0;
  padding: 0;
  }

/* Banner styles */

#banner {
  width: 100%;
  height: 75px;
  background: url(../images/banner_middle.jpg) repeat-x;
  margin-top: 15px;
  border-top: 20px solid #333333;
  }

#banner_left {
  float: left;
  width: 400px;
  height: 75px;
  background: url(../images/banner_left.jpg);
  }

#banner_right {
  float: right;
  width: 300px;
  height: 75px;
  background: url(../images/banner_right.jpg);
  text-indent: -5000px;
  }
  
#banner_left p {
  color: #ffffff;
  font-weight: bold;
  font-size: 2.2em;
  padding: 13px 70px 13px 0;
  text-align: center;
  }

/* Search-form styles */

#form_wrapper {
  height: 24px;
  background-color: #333333;
  }

#searchbar {
	padding-right: 10px;
	padding-left: 10px;
	float: right;
	margin: 0px;
	padding-top: 0px;
  }
  
#searchbar form {
	margin: 0px;
	padding: 0px;
  }

/* Content wrapper */

#contentarea {
  width: 100%;
  background: url(../images/nav_bg.gif) repeat-y;
  }

/* Navigation styles */

#nav {
  float: left;
  width: 200px;
  background-color: #0e1826;
  margin-left: 25px;
  }

#nav ul {
  list-style-type: none;
  margin: 0 10px 0 5px;
  }

#nav ul li {
  padding: 10px 0 10px 25px;
  border-bottom: 1px solid #ffffff;
  }

#nav ul li.no_border {
  border-bottom: 0px;
  }

#nav * a {
  color: #ffffff;
  font-size: 1.2em;
  }

#nav * a:link, #nav * a:visited {
  text-decoration: none;
  }

#nav * a:hover, #nav * a:active {
  text-decoration: underline;
  }

/* Content styles */

#content {
  line-height: 1.4em;
  width: auto;
  font-size: 1.2em;
  margin: 0 10px 0 235px;
  padding: 15px;
  }

#content h1, #content h2 {
  font-weight: bold;
  line-height: 1.2em;
  }

#content h1 {
  font-size: 1.8em;
  border-bottom: 2px solid #999999;
  padding-bottom: 5px;
  margin-bottom: 10px;
  }

#content h2 {
  font-size: 1.6em;
  border-bottom: 1px solid #999999;
  padding: 15px 0 5px 0;
  }

#content h3 {
  font-size: 1.4em;
  padding: 15px 0 5px 0;
  }

#content p {
  padding: 7px 0;
  }

#content a {
  color: #0e1826;
  }

#content a:link, #content a:visited {
  text-decoration: underline;
  }

#content a:hover, #content a:active {
  text-decoration: none;
  }

/* Footer styles */

#footer {
	height: 40px;
	text-align: center;
	font-size: 1.3em;
	border-top: 1px solid #666666;
	background: url(../images/footer_back.jpg) repeat-x center top;
}

#footer p {
  margin-top: 5px;
  }

#footer a {
  color: #0e1826;
  }

#footer a:link, #footer a:visited {
  text-decoration: none;
  }

#footer a:hover, #footer a:active {
  text-decoration: underline;
  }

/* List styles */

#content ul, #content ol {
  margin-left: 20px;
  }

#content ul li, #content ol li {
  padding: 3px 0;
  }

#content * li ul, #content * ol li {
  padding-top: 5px;
  }
  
#search_box ul li, #search_box ol li {
  padding: 1px 0;
  }

.lower_alpha {
  list-style-type: lower-alpha;
  }

.num {
  list-style-type: decimal;
  }

.upper_alpha {
  list-style-type: upper-alpha;
  }

.bullet_disc {
  list-style-type: disc;
  }

.bullet_circle {
  list-style-type: circle;
  }

dt {
  font-weight: bold;
  margin: 10px 0;
  }

/* Table styles */

table {
  width: 99%;
  border-collapse: collapse;
  margin-bottom: 30px;
  }

caption {
  background-color: #0e1826;
  color: #ffffff;
  font-size: 1.4em;
  font-weight: bold;
  padding: 5px;
  margin-top: 20px;
  }

th, td {
  text-align: left;
  padding: 5px;
  }

td {
  border-top: 1px solid #999;
  }

/* Special styles */

#content .announcement {
  border: 2px solid #0e1826;
  padding: 10px;
  margin: 10px 0 10px 0;
  }

#content .announcement legend {
  font-weight: bold;
  font-size: 1.4em;
  border: 2px solid #0e1826;
  background-color: #e5eaf2;
  padding: 5px;
  }
  
#content .announcement legend a {
  color: #0e1826;
  text-decoration: none;
  }

#content .block_indent {
  margin-left: 20px;
  }

#content .block_indent p {
  margin: 0;
  padding: 2px 0;
  }

#content .center_note {
  text-align: center;
  }

#search_box {
  margin-top: 20px;
  background: #e5eaf2;
  border: 2px solid #0e1826;
  padding: 10px;
  }
  
#search_box p, #search_box input {
  font-weight: bold;
  }

#census {
  float: right;
  width: 150px;
  height: 85px;
  margin: 0 0 0 10px;
  background: url(../images/census.jpg) no-repeat;
  text-indent: -5000px;
  }

/* CSS hacks */

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* Hide from IE-mac \*/
* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}
/* End hide from IE-mac */