body {
	font-family: sans-serif;
  background: #fff;
	margin:0;
	color: #787777;
}

a {text-decoration: none;}
a:link, a:visited {color: #605b5b;}
a:hover {color: #333;}


#header {background: #395d67; }
#header h1 {margin:0; padding-top:18px; margin-left: 0px; *padding-bottom:7px; }


#navigation {
}
#navigation ul {
  list-style-type: none;
  margin: 30px 0 30px 0;
	padding-left: 0;
}
#navigation li {
	display:inline;
  font-size: 12px;
	padding: 10px 18px 10px 13px;
	border-right: 2px solid #ccc;
	font-weight:bold;
}
#navigation li.first {
	padding-left: 0;
}
#navigation li.last {
	border-right: none;
}
#navigation li .active {color: #333;}

#main {}
#main h1 {
	padding-top:18px; *padding-top:27px;
	padding-bottom:3px;
  font-size: 24px;
  font-weight: normal;
  line-height: 27px;
}
#main h2{
  font-size: 15px;
  font-weight: bold;
  line-height: 18px;
}
#main h3{
  font-size: 15px;
  margin-top:;
  font-weight: normal;
  line-height: 18px;
	font-style:italic;
}
#main p {
  margin: 20px 0;
  font-size: 12px;
  line-height: 18px;
}
#main ul {padding-left:36px;}
#main li {font-size:12px; line-height:18px;}

#footer { margin-top: 108px; background: #fff url(/graphics/rule.png) no-repeat scroll top center; border-top:1px solid #ededed;   }
#footer p {text-align: left; color:#9a9a9a; padding-top:24px; padding-bottom: 18px;font-size: 11px;line-height: 18px;}

#credits { float: right; margin-top:-58px; *margin-top:-36px; }
#credits p {text-align: right; color:#9a9a9a; padding-top:0px; margin-right: 18px; padding-bottom: 18px;font-size: 11px;line-height: 18px;}
#credits p a {color:#9a9a9a; }

/* Containers
----------------------------------------------------------------------------------------------------*/
.page, .content {margin-left:auto;margin-right:auto;width:866px;}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_8{display:inline;float:left;position:relative;margin-left:9px;margin-right:9px;}


/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/
#navigation, #main, #footer, #credits {width:848px;margin-left:9px;margin-right:9px; }
#main img {}
#content {width:648px;}

/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0;}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}