* {margin: 0; padding: 0;}

body { color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 62.8%; background: url(images/body_bg.png) repeat-x #000; }

#page { margin:15px auto 0 auto; width: 990px; position: relative;}

#header { height: 150px; }
#header h1 { text-indent: -999999em; width: 346px; height: 94px; float: left; background: url(images/hurlbut_visuals.png) no-repeat; margin-top: 20px;}

#nav { background: #132C47; height: 39px; margin-bottom: 30px;}
#nav ul { margin-left: 30px; height:39px; display: block;}
#nav ul li { list-style:none; float:left; margin: 2px;	}
#nav ul li a { display:block; height:16px; padding:8px 25px 10px 25px; color: #fff; font-size: 1.6em; text-decoration: none; }
#nav ul li a.selected, #nav ul li a:hover { background: #334d7c;}

#topblog { width: 300px; top: 0; right: 0; background: #000; padding: 0 10px 10px 10px; height: 110px; position: absolute;}

#feature { background: #132c47; padding: 10px; margin: 0 0 10px 0;}

.cycle {width: 640px; height: 360px; margin-left: 330px;}
.cycle a {width: 640px; height: 360px;}

.video { width: 295px; height: 252px; float: left; margin: 4px 19px 4px 4px; padding: 6px; background: #091623;}

#content .video_thumbs { list-style: none; display: block; }
#content .video_thumbs li { float: left; margin: 3px;}
#content .video_thumbs li a img{ border: 3px solid #091623;}
#content .video_thumbs li a:hover img, #content .video_thumbs li a.active img{ border-color:#fff;}

.video-links { height: 26px; background: url(images/size_bg.gif) repeat-x center center #616161; display: block; text-align: center; padding: 0 15px; margin: -3px 10px 0 10px}
.video-links { -moz-border-radius-bottomleft: 1em; -webkit-border-bottom-left-radius: 1em; -moz-border-radius-bottomright: 1em; -webkit-border-bottom-right-radius: 1em; }
#content .video_thumbs li .video-links a img { border: 1px solid #616161; border-top: none; border-bottom: none; padding: 0 5px; }
#content .video_thumbs li .video-links a:hover img { border-color: #fff; }

#sidebar { width: 300px; padding: 10px; background-color: #132C47; float: right;}

#main { margin-right: 330px; background-color: #132C47; padding: 10px; width: 640px;}
#main .highlight { background: #552231; padding: 10px; margin: 10px 0; }
.col1 { float: left; width: 48%; margin-right: 1%;}
.col2 { float: left; width: 48%;}

.bio { float: left; width: 345px}
form { margin: 2em;}
form div { clear: both; margin: 0.5em 0;}
label { width: 75px; display: block; float: left; font-size: 1.4em;}

.title { font-weight: bold; padding: 0.6em 0 0.6em 0}
.alignleft { padding:0 8px 8px 0; float: left; }
.alignright { padding:0 0 8px 8px ; float: right; }
.clearer { clear: both; }
.button { background: url(images/button.png) repeat-x center center #eff0f2; color: #132c47; padding: 5px 10px; text-decoration: none;}
a.button:hover {  text-decoration: underline;}

p { font-size: 1.4em; margin: 0 0 1em 0;}
a { color: #fff;}
a img { border: none;}
h2 { font-size: 2.5em; border-bottom: 1px solid #fff; margin-bottom: 1em; }
h3 { border-bottom-color: white; border-bottom-width: 1px; border-bottom-style: solid; color: white; font-size: 1.75em; margin-bottom: 1em; background: #334d7c; padding: 7px; font-weight: normal;}
h4 { border-bottom-color: white; border-bottom-width: 2px; border-bottom-style: dashed; font-size: 1.5em; margin-bottom: 1em; color: #6699cc; padding: 5px}

#content h1 { font-size: 3.5em; margin-bottom: 0.2em;}
#content li { margin-left: 2.5em; font-size: 1.4em; margin-bottom: 0.5em}


.contact { background: url(images/body_bg.png); padding: 10px 5%; margin-top: 10px;  text-align: center;}

#footer { background: #132C47; padding: 2em 10px 10px 10px; }
#footer p { text-align: center; }