/* 
Arch Template File - Fleet Phospho Soda
Chip Medema - The Main Lobby
*/

/* IE6 PNG Fix - add tags that use png's below */
body, img, div, h1, h2, h3, h4, p, a { behavior: url(iepngfix.htc) }

/* HTML Styles */
body{ margin: 0px; padding: 0px; font-family: Arial, Verdana, Helvetica, sans-serif; background: url('../images/top-bg.jpg') repeat-x #38474c; }
h1{ display: block; font-size: 24px; color: #242e31; padding: 0px 0px 15px; margin: 0px 0px 30px; font-family: "Times New Roman", Times, serif; border-bottom: 1px solid #979b9f; }
h2{ display: block; font-size: 18px; color: #506c7b; margin: 30px 0px 20px; font-family: "Times New Roman", Times, serif; }
p{ margin: 20px 0px 40px; padding: 0px 0px; }
strong{ font-weight: bold; }
img.footerImg{ margin-bottom: 3px; }
ul{ list-style-type: disc; margin: 17px 25px; }
li{ font-size: 12px; color: #333333; line-height: 17px; }
form{ display: block; width: 350px; font-family: "Times New Roman", Times, serif; margin: 0px auto; }

/* Div Styles */
div#header{ width: 800px; margin: 0px auto; overflow: hidden; }
div#rootContainer{ width: 916px; margin: 0px auto; padding: 4px 0px 0px; background: url('../images/background-shadows.png') no-repeat; }
div#videoScreen{ position: absolute; width: 410px; height: 315px; margin: 43px 0px 0px 518px; background: #030; }
div#mainContainer{ width: 900px; margin: 0px auto; background: #fff; }
div#topLinkBox, div#bottomLinkBox{ padding: 5px 0px 6px; background: #dbe4e9; overflow: hidden; }
div#topLinkBox{ border-bottom: 1px solid #c7cfd4; }
div#bottomLinkBox{ border-top: 1px solid #c7cfd4; }
div#contentContainer{ width: 900px; margin: 20px auto 0px; padding-bottom: 20px;  background: url('../images/content-bg.jpg') repeat-y; overflow: hidden; }
div#leftSide{ float: left; width: 518px; }
div#content{ width: 480px; font-size: 12px; color: #333333; line-height: 17px; margin: 0px auto; }

div#rightSide{ float: right; width:382px; padding: 335px 0px 0px; margin-right: 0px; }
div#leftSide, div#rightSide{ font-size: 12px; color: #333333; line-height: 17px; }
div#copyFooter{ width: 800px; margin: 25px auto 20px; overflow: hidden; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #dbe4e9; }
div#footerLeft{ float: left; width: 40%; line-height: 15px; }
div#footerRight{ float: right; width: 50%; text-align: right; line-height: 17px; }
div#copyright{ width: 800px; margin: 25px auto 20px; color: #dbe4e9; font-size: 12px; text-align: center; line-height: 16px; }
div#copyright > a{ color: #dbe4e9; }
div#bottomFooter{ width: 100%; height: 40px; border-top: 1px solid #849ca4; background: #242e31; }

img.touhyLogo{ float: left; }
img.orourkeLogo{ float: right; }

/* Form Styles */
div.formContainer{ display: block; margin: 15px 0px; overflow: hidden; }
div.formCheckBoxContainer{ margin: 10px 0px 10px 20px; overflow: hidden; }
div.formDivider{ display: block; height: 1px; font-size: 0px; margin: 10px 0px; background: #506c7b; }
span.contactTitle{ display: block; color: #506c7b; font-weight: plain; font-size: 16px; margin: 0px 0px 10px; }
span.formExplanation{ font-size: 12px; color: #333333; line-height: 17px; }
span.boldFormTitle{ display: block; color: #506c7b; font-weight: bold; font-size: 14px; margin: 20px 0px 0px; }
span.longLabel{ display: block; width: 100%; font-size: 16px; color: #506c7b; padding: 4px 0px; }
label.smallLabel{ float: left; width: 125px; font-size: 16px; color: #506c7b; padding: 4px 0px; }
label.bigLabel{ display: block; font-size: 16px; color: #506c7b; padding: 4px 0px; margin-bottom: 5px;  }
label.checkBoxRadioLabel{ float: left; width: 175px; font-size: 16px; color: #506c7b; padding: 2px 0px; }
label.yesNo{ color: #506c7b; font-size: 16px; margin: 0px 0px 0px 10px; }
input[type="text"], select{ float: left; width: 200px; font-size: 14px; color: #333; }
input[type="checkbox"]{ float: left; color: #333333; margin-right: 10px; }
textarea{ display: block; width: 345px; height: 150px; font-size: 16px; color: #506c7b; border: 1px solid #506c7b; }

/* Link Styles */
a.visitLink{ color: #62757b; font-size: 10px; font-weight: bold; text-decoration: none; margin-right: 15px; padding: 0px 10px; background: url('../images/visit-arrow.jpg') no-repeat 3px right; }

a.visitTouhyLink{ float: left; color: #62757b; font-size: 10px; font-weight: bold; text-decoration: none; margin-left: 15px; padding: 0px 10px; background: url('../images/visit-arrow.jpg') no-repeat 3px right; }
a.visitOrourkeLink{ float: right; color: #62757b; font-size: 10px; font-weight: bold; text-decoration: none; margin-right: 15px; padding: 0px 10px; background: url('../images/visit-arrow.jpg') no-repeat 3px right; }


a.footerLink{ color: #dbe4e9; }