@charset "UTF-8";
/* CSS Document */

html, body, #wrap {height: 100%; margin:0; padding:0;}
body{margin:0 auto; padding:0; text-align:center; background:url(/img/bg.jpg) top left repeat-x; font: normal 16px Tahoma, Verdana, Arial, Helvetica;}
body.sub{background:url(../../img/subbg.jpg) top left repeat-x;}
p{clear:both; position:relative;}
a img{border: none; outline:none;}
#content a, #content a:link, #content a:visited, #content a:active{color:#204563;}
#content a:hover{color:black;}
a:hover img{border:none; outline:none;}
body > #wrap {height: auto; min-height: 100%;}
#main {padding-bottom: 150px;}  /* must be same height as the footer */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}/* End hide from IE-mac */

#default em{font-size:.7em; color:#204563;}

.imageright{float:right; padding:0 0 10px 10px;}
.imageleft{float:left; padding:0 10px 10px 0;}
#staff{text-align:center; width:600px; margin:0 auto; font-size:.7em; padding:0 0 20px 0;}

.container{width: 960px; margin:0 auto; padding-bottom:50px;}
.container h1{color:#204562;}
.container h1, .container h2{margin:0; padding:0 0 5px 0;}
.container h1{font-size:2em; text-align:left;}
.container h2{font-size:1.7em; text-align:left;}
.container h3{font-size:1.3em; text-align:left;}
.container h4{font-size:1.1em;}

#subheader{width: 100%;}

#header{width:100%; height:352px; background:url(/img/header.jpg) top left no-repeat; text-align:left;}
#header #logo, #header #menu {height:90px;}
#subheader #logo, #subheader #menu{height:60px;}
#header #logo, #subheader #logo{padding:10px 0 0 0; clear:left; position:relative; float:left;}
#header #menu, #subheader #menu{clear:right; position:relative; margin:30px 0 0 0; padding:0; float:right; font-size:.8em;}
#header #menu li, #subheader #menu li{position:relative; display:inline; list-style:none; margin:0; padding:0 20px 0 0;}
#header #menu li a, #subheader #menu li a{color:#cedfed; text-decoration:none;}
#header #menu li a:hover, #subheader #menu li a:hover{text-decoration:underline; color:#fff;}
#header .introtext{clear:both; position:relative; width:620px; color:#fff; height:155px; font-size:1.4em;}
h1.front{font-size:1.3em;}

.buttons{height:50px;}
a.button {background: transparent url('/img/button_right.jpg') no-repeat scroll top right;display: block;float: left; height: 40px;margin-right:20px;padding-right: 15px;text-decoration: none;color: #fff;font-size:1em; font-weight:normal; display:inline;}
a.button span {background: transparent url('/img/button_left.jpg') no-repeat; display: block; height: 30px; padding: 5px 5px 5px 20px;} 
a.button:hover span{color:#FF9900; cursor:pointer;}


#content{clear:both; float:left; position:relative; font-size:1em; padding-top:20px; text-align:left; min-height:500px; color:#333333; margin-bottom:20px;}
#content .left{width:600px; float:left; position:relative;}
#content .right{width:320px; padding-left:19px; border-left:1px solid #ccc; margin-left:19px; float:left; position:relative;}

.follow a{position:absolute; top:5px; right:0; border:1px solid #ccc;}
.follow a:hover{border-color:grey;}
#twitter_div{font-size:.8em; border-bottom:1px solid #ccc;}
#twitter_div:after, #content:after, .right iframe:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
#twitter_div a{color:#204563; text-decoration:none;}
#twitter_div a:hover{text-decoration:underline;}
#twitter_div ul { margin:0px; padding:0px;}
#twitter_div ul li { list-style:none; margin-bottom:15px; clear:both;}

#footer{width:100%; float:left; background:url(/img/footer.jpg) top repeat-x #204563; position: relative;	margin-top: -150px; min-height: 150px; clear:both;}


#footer .fat, #footer .skinny{float:left; position:relative; text-align:left; margin:20px 0 0 0; padding:0 10px 10px 30px; width:auto;}
#footer .container{padding:0 0 0 50px;}
#footer .borderboth{border-right:1px solid white; border-left:1px solid white;}
#footer .borderright{border-right:1px solid white;}
#footer h1{color:#fff; font-size:1.3em; font-weight:900; margin:0; padding:0;}
#footer h1 a{color:#fff;}
#footer ul{border:none; margin:0; padding:0; float:left; list-style:none; text-align:left; width:110px;}
#footer #services ul {width:150px;}
#footer ul li{font-weight:normal; font-size:.7em; margin:0; padding:0; color:#fff; line-height:15px;}
#footer a{color:#cedfed; text-decoration:none;}
#footer a:hover{text-decoration:underline; color:#fff;}