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

body {margin: 0px; padding: 0px; background: url(assets/header.gif) no-repeat; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.0em;}

h1, h2, h3, h4, p, table, td, form {font-size: 1.0em; margin: 0px; padding: 0px; border: 0px; color: #084C8E;}
img {display: block;}
a {color: #084C8E; text-decoration: none;}


#theHeader {clear: both; height: 184px; width: 980px;}
#theLogo {float: left; width: 557px; padding-left: 30px;}
#theTopNav {float: left; width: 150px; padding-top: 67px;}

#theContent {clear: both; width: 980px; padding-bottom: 20px;}

#theImageColumn {float: left; width: 707px; margin-left: 30px;}
#theImage {height: 441px; margin-bottom: 42px;}
.bkgrndHome {background: url(assets/bkgrnds/home.jpg) no-repeat;}
.bkgrndWhat {background: url(assets/bkgrnds/what.jpg) no-repeat;}
.bkgrndWho {background: url(assets/bkgrnds/who.jpg) no-repeat;}
.bkgrndContact {background: url(assets/bkgrnds/contact.jpg) no-repeat;}

#theImageText {padding: 135px 50px 75px 375px;}
#theImageText h1 {font-size: 1.0em; line-height: 1.3em; padding-bottom: 10px;}
#theImageText h2 {font-size: 0.9em; line-height: 1.3em; padding-bottom: 10px;}
#theImageText p {font-size: 0.8em; line-height: 1.3em; padding-bottom: 10px;}
#theImageText a {}

.portraitWrapper {clear: both; width: 707px; padding-bottom: 21px;}
.portraitText {float: left; width: 487px;}
.portraitText h2 {font-size: 0.9em; line-height: 1.3em; padding: 0px 20px 10px 0px;}
.portraitText p {font-size: 0.8em; line-height: 1.3em; padding: 0px 30px 10px 0px;}
.portraitPhoto {float: left; width: 220px; padding-bottom: 20px;}

#theSubColumn {float: left; width: 177px; padding: 60px 0px 0px 20px;}
#theSubColumn p {font-size: 0.8em; line-height: 1.3em; padding-bottom: 40px;}

#theFooter {clear: both; height: 300px; background: url(assets/footer.gif) no-repeat;}
#theBottomNav {width: 150px; padding: 140px 0px 0px 587px;} 
#theBottomNav p {font-size: 0.7em; color: #96AFCF;}