html, body { width: 100%; }
body { font-family: helvetica, Arial, sans-serif; font-size: 85%; text-align: center; margin: 0 auto; padding: 0 0 30px 0; background-color: #83B0BE; }
table { font-size: 85%; }
a { color: #004D67; }
.textbox {}
.button {}
.clearer { height: 1px; clear: both; }
div { text-align: left; }


/* white bar across top of page */
#header { background-color: White; border-top: solid 8px #004B64; border-bottom: solid 4px #004B64; height: 100px; position: relative; margin-bottom: 20px; width: 100%; }
#header img { border-width: 0; margin: 10px 0 0 10px; }
/* login form at top right */
#loginForm { width: 410px; background-color: #E4E9EC; border-left: solid 1px #004B64; border-bottom: solid 1px #004B64; position: absolute; top: 0; right: 0; padding: 4px 10px; font-size: 80%; }
#loginForm .textbox { width: 115px; margin-right: 10px; }
#loginForm .button { font-size: 85%; }

/* content area container placement */
#container { z-index: 100; position: relative; width: 980px; _width: 992px; background: #F2F5F7 url(images/columnBG.jpg) repeat-y left top; border: solid 6px #004B64; border-top-width: 0; margin: 0 auto; }
#content { width: 668px; float: left; margin-right: 6px; }
#content div.main { background: url(images/homeContentBG.jpg) repeat-x left top; padding: 20px; _width: 668px; }





h1 { margin: -2px 0px 0px 0px; background-color: #E4EDF0; border-bottom: solid 2px #004B64; border-top: solid 2px #004B64; padding: 4px 0 4px 20px; font-size: 140%; font-weight: normal; color: #AF2626; }
h2 { margin: 0; font-size: 110%; color: #AF2626; }
a img { border-width: 0; }



/* images to create bottomn sections of right and left columns */
#leftTopImg { position: absolute; top: -25px; left: -6px; _display: none; }
#leftBotImg { position: absolute; bottom: -25px; left: -6px; _display: none; }
#rightTopImg { position: absolute; top: -25px; right: -6px; _display: none; }
#rightBotImg { position: absolute; bottom: -25px; right: -6px; _display: none; }
#IEContentStripe { margin: -4px 0 -2px 0; }







/* sideBars */
#rightColumn { width: 150px; float: left; background-color: #F2F5F7; border-top: solid 6px #004B64;  }
#leftColumn { z-index: 200; width: 150px; float: left; background-color: #F2F5F7; margin-right: 6px; border-top: solid 6px #004B64; }
#closer { margin: 5px 0px 0px 120px; width: 800px; text-align: right; font-size: 80%;  }



/* menu controls */
#menu { z-index: 400; margin: 0 0 0 0; padding: 0; background-color: lightsteelblue; list-style-type: none; }
#menu li { background: url(images/navButtonBG.jpg) repeat-x left top; text-align: right; padding: 6px 4px 3px 0; border-bottom: solid 1px #004B64; }
#menu li a { text-decoration: none; color: White; display: block; font-size: 110%; font-weight: bold; }




/* non-nav list styles */
.hLinksList { list-style-type: none; padding: 0; }
.hLinksList li { display: inline; margin: 0 20px 20px 0; }

/* video placement */
.videoPlayer { /*position: absolute; top: 80px; right: 15px;*/ float: right; margin: 25px 15px 5px 15px; z-index: 900; }

/* generic image controls */
.rightImg { float: right; margin-left: 20px; clear: both; }
.leftImg { float: left; margin-right: 20px; }

.grid {  }

#contactForm { margin: 0px 0 0 0px; padding: 20px; }
#contactForm div.row { clear: both; }
#contactForm div.buttonRow { text-align: right; padding-right: 20px; }
#contactForm div.row span.label { float: left; line-height: 20px; vertical-align: middle; width: 200px; _width: 180px; text-align: right; padding: 0 10px 6px 0; _padding-bottom: 0; font-size: 85%; }
#contactForm div.row span.field { float: right; width: 380px; _width: 380px; text-align: left; }
#contactForm div.row .button { margin: 0px 10px 0 0; _margin: 0px 20px -20px 0; }
#contactForm div.row .inline { margin: -23px 10px 0 0; _margin: -23px 20px -20px 0; }
#contactForm div.row .textbox { width: 375px; }
#contactForm #lblMessage { color: #7c0000; float: left; margin-left: 110px; font-weight: bold; }
.centerImage { text-align: center; margin-bottom: 10px; }
.closeButton { float: right; }
.smallForm { margin: 0px 0 0 0px; padding: 4px; border: solid 1px black; background-color: #F2F5F7; width: 250px; font-size: 70%; }
.smallForm div.row { clear: both; }
.smallForm div.buttonRow { text-align: right; padding-right: 20px; }
.smallForm div.row span.label { float: left; line-height: 20px; vertical-align: middle; width: 95px; _width: 90px; text-align: right; padding: 0 10px 6px 0; _padding-bottom: 0; }
.smallForm div.row span.field { padding-top: 4px; float: right; width: 145px; _width: 150px; text-align: left; }
.profileImage { width: 250px; }
.profileRightColumn { float: right; width: 250px; }
.profileLeftColumn { float: left; width: 370px; }
#phoneField { position: absolute; bottom: 2; right: 5; }