/* =global */
* {
	margin: 0;
	padding: 0
}

body {
	background-color: #666;
	color: #126E90;
	font: small/120% Helvetica, Arial, sans-serif;
	text-align: center;
}

h1, h2, h3, h4, h5, h6, p, dl, ol, ul, .vcard, img { text-align: left; }

/* =typography */
h1 {
	font-size: 125%;
	margin-bottom: 16px;
	text-transform: uppercase;
	width: 660px;
}

h2 {
	color: #003551;
	font-size: 175%;
	line-height: 120%;
	letter-spacing: -.05em;
}

p {
	font-size: 95%;
	line-height: 160%
}

#sidebar h1#site_id {
	background: url(assets/site_id2.gif) no-repeat;
	height: 970px;
	margin-bottom: 32px;
	text-indent: -9000px;
}

#sidebar h3 {
	color: #003551;
	font-size: 100%;
	line-height: 120%;
}

#sidebar p {
	font-size: 100%;
	margin-bottom: 16px;
}

#sidebar h3, #sidebar p { padding-right: 64px; }
#footer p, #footer .vcard { color: #ccc; font-size: 85%; padding: 16px 0 16px 300px; }

/* =classes */
.imagepad { padding-top: 32px; }
.imagepad_right { margin-right: 16px; }
.next-p { margin-top: 8px; }
.clear { clear: both; }

/* =link colors */
a:link { color: #003551; }
a:visited { color: #999; font-style: italic; text-decoration: none; }
a:hover { color: #000; }
a:active { color: #b7202e; text-decoration: none; }

#footer a { color: #fff; }
#footer a:visited { color: #333; font-style: italic; text-decoration: none; }
#footer a:hover { color: #bbb; }
#footer a:active { color: #fff; text-decoration: none; }

/* =layout */
#wrapper { background: #C9E3EF; }

#contentwrapper {
    background: #C9E3EF url(assets/header_bg.gif) no-repeat;
	margin: 0 auto;
	padding-top: 32px;
	width:960px;
}

#content {
	float: right;
	padding-top: 100px;
	width: 660px;
}

#sidebar {
	float: left;
	margin-right: -600px;
	padding-top: 15px;
	text-align: left;
	width: 300px;
}

#footerwrap {
	background: #004D6D url(assets/footer_bg.gif) repeat-x;
	clear: both;
}

#footer {
	margin: 0 auto;
	width: 960px;
}

/* =folio boxes */
.foliobox {
	border-top: 1px solid #003551;
	float: left;
	margin-bottom: 16px;
	padding-top: 16px;
	width: 660px;
}

.topfoliobox {
	float: left;
	margin-bottom: 16px;
	width: 660px;
}

.folio_img {
	float: left;
	width: 660px;
}

.folio_title {
	float: left;
	width: 430px;
}

.folio_description {
	float: left;
	margin-top: 16px;
	width: 230px;
}

.folio_title h2 { padding-top: 16px; }
.folio_description h3 { color: #003551; line-height: 130%; margin-left: 16px; text-transform: uppercase; }
.folio_description p { padding: 4px 16px; }
.objective {
	color: #003551;
	font-weight: bold;
	padding: 2px 4px;
}