body {
	text-align: center;
	margin:0;
	
	background: #d5d1c8 url(images/bg_main.gif) repeat-y top center;
	
	font: 10px Verdana, sans-serif;
	line-height: 18px;
}

img { border: 0 }

#page {
	width: 760px;
	margin: 0 auto;
	text-align: left;
}

#head {
	width: 760px;
	height: 188px;

	background: #113253 url(images/bg_head.jpg) no-repeat;
}

#left-column {
	width: 197px;
	float: left;
}

#right-column {
	margin-left: 197px;
}

#nav {
	float: right;
	width: 563px;
	height: 76px;
	text-align: center;
	background: #d7e2ea url(images/bg_nav.gif) no-repeat;
}

#intro {
	float: right;
	
	width: 563px;
	min-height: 95px;
	padding: 0;

	background-color: #fff;
}

#intro.nobox {
	min-height: none;
}

#intro-inner { margin: 20px 40px 5px 30px}
#intro.nobox #intro-inner { margin-bottom: 5px; padding-bottom: 0;}
#intro-inner.home { border-bottom: 2px solid #eee; margin-bottom: 12px }

#content {
	float: right;
	width: 563px;
		
	background-color: #eee;
}

#content-inner { padding: 20px 40px 20px 30px; }

#subnav {
	position: absolute;
	width: 166px;
	margin: 0;

	background: url(images/bg_subnav_bottom.gif) no-repeat bottom;
}

/********** NAVIGATION **********/

#nav-primary {
	padding: 3px 0 0 0;
	margin: 2px 53px 0 30px;
}

#nav-secondary {
	width: 481px;
	padding: 2px 0;
	margin: 16px 52px 0 30px;
	
	background: url(images/bg_secondarynav.gif) repeat-x;
}

#nav li {list-style-type: none; display: inline;}

#nav-primary li {
	padding: 4px 26px 5px 23px;
	margin: 0;
	
	background: url(images/bg_primarynav_div.gif) top right no-repeat;
}

#nav-primary li.last {
	background: none;
	padding-right: 14px;
}

#nav-primary li.current {
	background: url(images/bg_primarynav_hilite.gif) top right no-repeat;
}

#nav-primary li.last-current {
	background: url(images/bg_primarynav_hilite_nodiv.gif) top right repeat-x;
	padding-right: 14px;
}

#nav-secondary li {
	padding: 5px 5px;
}

#nav-secondary li.current {
	background: url(images/bg_secondarynav_hilite.gif) repeat-x;
}

/*********** LINKS ************/

#nav-primary a:link {
	font: bold 12px Verdana,sans-serif;
	text-decoration: none;
	color: #333;
}

#nav-primary a:visited {
	font: bold 12px Verdana,sans-serif;
	text-decoration: none;
	color: #333;
}

#nav-primary a:hover {
	text-decoration: underline;
}

#nav-primary a:active {
}

#nav-secondary a:link {
	font: 10px Verdana,sans-serif;
	text-decoration: none;
	color: #000;
}

#nav-secondary a:visited {
	font: 10px Verdana,sans-serif;
	text-decoration: none;
	color: #000;
}

#nav-secondary a:hover {
	text-decoration: underline;
}

#nav-secondary a:active {
}

#intro #subnav a:link {
	color: #000;
	text-decoration: none;
	font-weight: normal;
}

#intro #subnav a:visited {
	color: #666;
	text-decoration: none;
	font-weight: normal;
}

#intro #subnav a:hover {
	text-decoration: underline;
	font-weight: normal;
}

#intro #subnav a:active {
	color: #000;
	text-weight: normal;
}

/*********** TEXT FORMATTING ***********/

#subnav ul {
	font: 10px Verdana,sans-serif;
	padding:0;
	margin: 3px 0 14px 16px;
	list-style-position: outside;
	list-style-type: none;
	line-height: 15px;
}

h1 {
	padding: 43px 0 0 20px;
	margin: 0;
}

h2 {
	font: bold 11px Verdana,sans-serif;
	color: #222;
	margin: 0;
	padding: 13px 10px 0 16px;
}

#subnav h2 {
	background: url(images/bg_subnav_top.gif) no-repeat top left;
}

h3 {
	font: 15px Verdana,sans-serif;
	line-height: 26px;
	padding: 0;
	margin: 0;
}

#content h3 { margin-top: 27px }
#content h3.first { margin-top: 9px }
#content-head h3 { display: inline; color: #555 }
#intro h3 { margin: 0 0 0 186px }
#intro.nobox h3 { margin: 0 }

#intro p {
	font: bold 10px Verdana,sans-serif;
	margin: 0 0 0 186px;
	padding: 0;
	padding-bottom: 20px;
	line-height: 18px;
}

#intro.nobox p { margin: 0 }

#subnav p {
	font: 10px Verdana,sans-serif;
	padding:0;
	margin: 3px 14px 14px 19px;
	line-height: 15px;
}

/* FOOTER */

#footer {
	clear: both;
}

#footer-left {
	float: left;
	text-align: center;
	width: 197px;
	height: 107px;
	background: #d9e2e8 url(images/bg_footer_left.gif) repeat-x bottom left;
}

#footer-right {
	float: right;
	height: 107px;
	width: 563px;
	background: #eee url(images/bg_footer_right.gif) repeat-x bottom left;
}

#footer-right-top { margin-top: 10px; height: 71px }
#footer-right-bottom { height: 26px }

#footer p {
	margin: 0;
	padding-left: 30px;
	color: #1d3c57;
}

#footer-right-top p {
	font-weight: bold;
}

#footer img {
	vertical-align: middle;
}

#footer li {
	padding: 0 5px;
	list-style-type: none;
	display: inline;
}

#footer ul {
	margin: 81px 0 0 0;
	padding: 0;
}

#footer-right-top ul {
	margin: 0 0 0 0;
	padding: 0 0 0 20px;
}

#footer-right-top li {
	padding: 5px 10px;
}

#footer a:link {
	color: #1d3c57;
	text-decoration: none;
	font-weight: bold;
}

#footer a:visited {
	color: #1d3c57;
	text-decoration: none;
	font-weight: bold;
}

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

#footer a:active {
	color: #1d3c57;
}







td {
vertical-align: top;
font: bold 10px Verdana,sans-serif;
line-height: 18px;
}

th {
text-align: left;
font: bold 10px Verdana,sans-serif;
line-height: 18px;
color: #444;
}

table {
	width: 493px;
}

table.event {
	border-spacing: 0;
	margin: 9px 0;
}

table.event tr, table.event td, table.event th {
	margin: 0; padding: 0;
}

table.event th {
	width: 30%;
}


img.thumb {
float: left;
margin: 0 15px 10px 0;
border: 5px solid white;
}

img.key {
	vertical-align: -20%;
}

img.logo {
float: left;
margin: 0 8px 10px 0;
}

img.shield-link {
	float: left;
}

h4.shield-link {
	padding-top: 10px;
}

#content.links p {
	margin-left: 48px;
}

#content.jobboards p {
	margin-left: 48px;
}

#content.testimonials p {
	margin-left: 130px;
}

div.group {
clear: both;
}

div.board {
width: 186px;
float: left;
margin: 10px 18px 30px 22px;
border: 1px solid #ddd;
background-color: #FFF
}

#legend	{
	position: absolute;
	background-color: white;
	border: 1px solid #ccc;
	padding: 10px 10px 0 10px;
	margin-top: 20px
}

#legend p {
	font-size: 9px;
	line-height: 16px;
}

img#oets-location {
	position: absolute;
	margin: 190px 0 0 316px;
}

img#oec-location {
	position: absolute;
	margin: 172px 0 0 358px;
}

img#map {
	margin: 20px 0;
}

div.chart {
width: 418px;
margin: 10px 22px 30px 22px;
border: 1px solid #ddd;
background-color: #FFF;
clear: both;
}

div.movie {
width: 197px;
margin: 10px 22px 15px 20px;
border: 1px solid #ddd;
background-color: #FFF;
float: left;
}

div.board img, div.chart img, div.movie img {
border: 6px solid #eee;
margin: 11px 11px 0 11px;
}

div.chart img {
	border: none;
}

div.board p, div.chart p {
padding: 3px 17px 17px 17px;
}

div.movie p {
padding: 3px 17px 3px 17px;
}

p.address {
	font-weight: bold;
	color: #333;
}

#content h4 {
	font: bold 11px Verdana,sans-serif;
	margin: 18px 0 0 0;
	line-height: 18px;
}

#content h5 {
	font: bold 11px Verdana,sans-serif;
	margin: 18px 0 0 27px;
	line-height: 18px;
}

#content h4.first {
	font: bold 11px Verdana,sans-serif;
	margin-top: 0;
	line-height: 18px;
}

#content p {
	margin: 0 0 9px 0;
}

#content p.sub {
	margin: 0 0 9px 27px;
}

p.strong {
	font-weight: bold;
	font-style: italic;
	color: #333;
}

span.address {
	font-weight: bold;
	color: #333;
}

span.tel {
	font-weight: bold;
	color: #333;
}

#content a:link, #intro a:link {
	color: #235796;
	text-decoration: none;
	font-weight: bold;
}

#content a:visited, #intro a:visited {
	color: #235796;
	text-decoration: none;
	font-weight: bold;
}

#content a:hover, #intro a:hover {
	text-decoration: underline;
}

#content a:active, #intro a:active {
	color: #235796;
}

#content h4 a:link {
	color: #12427c;
	text-decoration: underline;
	font-weight: bold;
}

#content h4 a:visited {
	color: #12427c;
	text-decoration: underline;
	font-weight: bold;
}

#content h4 a:hover {
	text-decoration: underline;
	color: #1863be;
}

#content h4 a:active {
	color: #12427c;
}

#content ul {
	margin-top: 0;
	padding-left: 30px;
}

blockquote {
	margin-left: 20px;
}

.clear { clear: both }
.abs { position: absolute } /*fixes some weirdness with the subnav in IE6???*/