body { background: #fff url("images/bg.gif") repeat-x; font: normal 12px/18px Arial, sans-serif; margin: 0px; padding: 0px; }

* { margin: 0px; padding: 0px; }

a:link { color: #c31c22; text-decoration: underline; }

a:visited { color: #c31c22; text-decoration: underline; }

a:hover { color: #c31c22; text-decoration: underline; }

a:active { color: #c31c22; text-decoration: underline; }

h1 { color: #ff520b; font: normal 24px/26px Georgia, serif; }

h2 { color: #c31c22; font: normal 24px/26px Georgia, serif; }

h2 span { background-color: #f0f0f0; }

h3 { font: normal 14px/16px Arial, sans-serif; margin-bottom: 15px; }

h4 { font:  normal 12px/14px Arial, sans-serif; text-transform: uppercase; margin-bottom: 15px; }

.clearfloats { clear: both; }

#siteContainer { width: 900px; font: normal 12px/18px  Arial, sans-serif; color: #666; margin: 13px 0px 60px 0px; margin-left: auto; margin-right: auto; }

#headerContainer { width: 900px; }
#headerContainer #logoArea { width: 98px; padding: 0px 33px 0px 14px; float: left; }
#headerContainer #navArea { width: 755px; float: left; }
#headerStrip { width: 900px; height: 4px; background-color: #c31c22; }

#navContainer { margin: 15px 0px 0px 0px; padding: 0; height: 24px; font: normal 14px/14px Arial, sans-serif; width: 100%; list-style-type: none; background: #fff; }
#navList li { float: left; margin: 0; padding: 0; width: auto; display: block; }
#navList li a, #navList li a:link { background: #fff; color: #000; text-decoration: none; padding: 5px 10px 5px 10px; display: block; }
#navList li a:hover { color: #000; background: #f0f0f0; } 
#navList li a#current, #navlist li a#current:link { color: #000; background: #f0f0f0; }
#navList li a#current:hover {  background: #f0f0f0; }


#subnavContainer { margin: 0; padding: 0; height: 32px; font: normal 11px/11px Arial, sans-serif; width: 100%; list-style-type: none; background: #f0f0f0; }
#subnavList li { float: left; margin: 0; padding: 8px 10px 8px 10px; width: auto; display: block; }
#subnavList li a, #subnavList li a:link { color: #000; text-decoration: none;  display: block; padding: 3px; }
#subnavList li a:hover { color: #fff; background: #c31c22; } 
#subnavList li a#current, #subnavlist li a#current:link { color: #fff; background: #c31c22; }
#subnavList li a#current:hover { color: #fff; background: #c31c22; }

#interactiveArea { min-height: 293px }


#subArea { width: 900px; height: 43px; background: url(images/bg_main.gif) repeat-x; }
#subArea #subNews { width: 268px; padding-top: 15px; float: left; }
#subArea #subInteract { width: 300px; padding-top: 15px; float: left; }
#subArea #subAbout { width: 250px; padding-top: 15px; float: left; }
.subFirstSpacer { width: 12px; float: left; }
.subSpacer { width: 35px; float: left; }
#subArea #subHistory { width: 888px; padding-top: 15px; float: left; }
#subArea #subSection { width: 573px; padding-top: 15px; padding-left: 30px; float: left; }
#subArea #subContact { width: 603px; padding-top: 15px; float: left; }
#subArea #subStory { width: 268px; padding-top: 15px; float: left; }
#subArea #subLinks { width: 250px; padding-top: 15px; float: left; }
#subArea #subArchive { width: 210px; padding-top: 15px; float: left; }
#subArea #subArticles { width: 627px; padding: 15px 0px 0px 0px; float: left; }
.beforeContentNav { color: #000; font: normal 10px/14px Arial, sans-serif; margin-top: 15px; margin-bottom: 15px; }

#contentArea { width: 900px; }
#contentArea #contentLeft { width: 268px; float: left; }
#contentArea #contentCenter { width: 300px; float: left; }
#contentArea #contentRight { width: 250px; float: left; }

/* Begin History */
#historyArea { width: 900px; background: url("images/bg_history.gif") no-repeat; color #666; font: normal 13px/18px Georgia, serif;  }
#historyArea #historyLeft { width: 270px; float: left; padding: 30px 0px 0px 0px; }
#historyArea #historyCenter { width: 260px; float: left; padding: 78px 37px 0px 33px; }
#historyArea #historyRight { width: 276px; float: left; padding: 78px 12px 0px 0px; }

.tinyHeader { font: normal 10px/14px Arial, sans-serif; text-transform: uppercase; padding-bottom: 2px; }
.bigHeader { color: #c31c22; font: normal 21px/25px Georgia, serif; margin-bottom: 8px; }
.bigHeader span { background: #f0f0f0; }
.contentText { font: normal 11px/18px Georgia, serif; }

#newsArea { font: normal 11px/18px Georgia, serif; }
.newsEntry { color: #666; margin-bottom: 16px; }
.newsEntry .newsDate { font: normal 10px/14px Arial, sans-serif; text-transform: uppercase; padding-bottom: 2px; }
.newsEntry .newsHead { background: #f0f0f0; color: #666; font: normal 11px/16px Georgia, serif; margin-bottom: 8px; padding: 4px; font-weight: normal; }
.newsEntry .newsHead .newsDesc { font-weight: normal; padding-top: 8px; }

.interactiveItem { width: 300px; border-bottom: 1px solid #fff; background-color: #f0f0f0;  }
.interactiveItem .interHead a { display: block; padding: 8px; color: #fff; background-color: #999; text-decoration: none; font: normal 11px/16px Georgia,serif; color: #fff; }
.interactiveItem .interHead a:link, .interactiveItem .interHead li a:visited { color: #fff; }
.interactiveItem .interHead a:hover { color: #fff; background-color: #c31c22; }
.interactiveItem span { text-align: right; }
.interactiveItem span.action { font: bold 11px/14px Arial, sans-serif; margin-right: 8px; width: 40px; float: right; text-transform: uppercase; }
.interactiveItem .moreItem { margin-top: 13px; margin-bottom 13px; padding-left: 12px; padding-right: 12px; background-color: #f0f0f0; font: normal 11px/16px Arial, sans-serif; color: #666; }
.interactiveItem .moreItem .interDesc { padding-bottom: 13px; }
.interactiveItem .moreItem .moreItemImage { padding-bottom: 13px; }
.interactiveItem a.current { color: #fff; background-color: #c31c22; }

#interactiveVideoContainer { width: 850px; height: 253px; padding: 20px 25px; background: #000; }
#interactiveVideo { width: 432px; float: left; }
#interactiveInfo {  width: 398px; margin-left: 20px; float: left; color: #fff; }
#interactiveInfoPage { font: normal bold 11px/14px Arial, sans-serif; margin-bottom: 8px; }
#interactiveInfoType { font: normal bold 36px/30px Arial, sans-serif; margin-bottom: 8px; }
#interactiveInfoName { font: normal bold 36px/30px Arial, sans-serif; margin-bottom: 8px; }

#aboutDacra { font: normal 14px/20px Georgia, serif; color: #666; padding-bottom: 24px; }
#dacra { font: normal 24px/20px Georgia, serif; color: #c31c22; }
#readOn { font: normal 12px/16px Arial, sans-serif; color: #666; padding-bottom: 24px; }

.sectionBar { width: 250px; font: normal 11px/11px Georgia, serif; margin-bottom: 8px; }
.sectionBar a { display: block; padding: 8px; color: #fff; background-color: #c31c22; text-decoration: none; }
.sectionBar a:link { color: #fff; }
.sectionBar a:visited { color: #fff; }
.sectionBar a:hover { color: #fff; background-color: #c31c22; }
.sectionBar span.action { margin-right: 8px; width: 60px; float: right; text-transform: uppercase; text-decoration: underline; }

.homePress { float: left; }

/* Contact Form */
#contactForm { width: 603px; float: left }

/* General Forms */
.labelLg { width: 550px; margin-bottom: 8px; }
.labelSm { width: 265px; float: left; }
.labelMiddle { width: 20px; float: left; }


/* Sections Section */
#pagesLinks h2 { color: #c31c22; font: normal 20px/30px Georgia, serif; }
#pagesLinks .pageLeader { font: normal 11px/18px Georgia, serif; padding: 0px 0px 8px 0px; }
#secDesc { width: 573px; float: left; font: normal 24px/28px Georgia, serif; padding-left: 30px; }



/* Pages Section */
/* Interior SubArea */
#theStory { color: #666; margin-bottom: 30px; }
#theStory #pageName { font: normal 10px/14px Arial, sans-serif; text-transform: uppercase; padding-bottom: 2px; }
#theStory #pageHead { color: #c31c22; font: normal 21px/25px Georgia, serif; margin-bottom: 8px; }
#theStory #pageHead span { background: #f0f0f0; }
#theStory #pageStory { font: normal 11px/18px Georgia, serif; }

.linkContainer { width: 185px; margin-bottom: 25px; font: normal 11px/14px Arial, sans-serif; color: #666 }
.linkContainer .imgDeco { padding-bottom: 6px; }
.linkContainer .linkDesc { width: 173px; padding: 6px; background-color: #f0f0f0; }
.linkContainer .linkDeco { padding: 2px; color: #fff; background-color: #c31c22;  }


/* Begin Bios */
#staffArea { width: 900px; background: url("images/bg_bios.gif") no-repeat; font: normal 13px/18px Georgia, serif; color: #666; }
#staffArea #staffNames { width: 171px; float: left; padding: 30px 39px 0px 0px; }
#staffArea #bioArea { width: 556px; float: left; padding: 30px 84px 40px 38px; }
.staffUnder { font: normal 10px/12px Arial, sans-serif; text-transform: uppercase; padding: 0px 0px 8px 0px; }
.staffImage { padding-right: 25px; float: left; }
.staffInfo { width: 401px; float: left; }

.staffTitle { font: normal 10px/14px Arial, sans-serif; text-transform: uppercase; padding-bottom: 2px; }
.staffName h2 { color: #c31c22; font: normal 24px/26px Georgia, serif; }
.staffName h2 span { background-color: #f0f0f0; }
.staffBio { font: normal 11px/18px Georgia, serif; padding-top: 20px; }

/* Begin Press */
#pressArea { width: 900px; background: url("images/bg_press.gif") no-repeat; color #666; font: normal 13px/18px Georgia, serif; color: #666;  }
#pressArea #pressArchive { width: 171px; float: left; padding: 30px 39px 0px 0px; }
#pressArea #articleArea { width: 556px; float: left; padding: 30px 84px 40px 38px; }
.articleImage { padding-right: 25px; float: left; }
.articleInfo { width: 401px; float: left; }

.articleDate { font: normal 10px/14px Arial, sans-serif; text-transform: uppercase; padding-bottom: 2px; }
.articlePublication h2 { color: #c31c22; font: normal 24px/26px Georgia, serif; }
.articlePublication h2 span { background-color: #f0f0f0; }
.articleTitle { font: normal 18px/24px Georgia, serif; }
.articleAuthor { font: normal 11px/18px Georgia, serif; }
.articleContent { font: normal 11px/18px Georgia, serif; padding-top: 20px; }

.articleContainer { width: 625px; margin-bottom: 25px; }
.articleSelector { width: 128px; float: left; margin-right: 25px; }
.articleImg { border: 1px solid #ebebeb; }

#interactiveLoading { display: none; }

#footer { border-top: 4px solid #c31c22; margin-top: 65px; padding: 5px 0px 40px 0px; font: normal 10px/14px Arial, sans-serif; text-transform: uppercase; }

.errorArea { background-color: #F1F1F1; color: #333333; padding: 20px; width: 85%; margin-bottom: 20px; font-size: 12px; border: 1px solid #666; }
.errorText { color: #FF0000; text-transform: uppercase; }
.errorArea ul { margin-left: 15px; }