/* CSS Document */

html { font-size: 100%; /* IE hack */ }
table { font-size: 100%; /* IE hack */ }

body { margin: 63px 0 50px 0; font-family: Arial, Tahoma, Helvetica, sans-serif; font-size: 11px; color: #666666; }

i.notvisible { visibility: hidden; }
p { margin: 15px 0; }
img { border: none; }
ul { margin: 5px 0 15px 20px; }

.firstchild { margin-top: 0 !important; padding-top: 0 !important; }

strong { color: #000000; }

a { color: #469ca2; text-decoration: none; }
a:hover { color: #000000; text-decoration: none; }

h1 { color: #5f7b80; }
h2 { color: #5f7b80; }
h3 { color: #77b1bc; }
h4 { color: #77b1bc; }
h5 { color: #000000; font-size: 12px; margin-bottom: 0; }
h6 { color: #93c9d3; }


/* Header */
#mainheader { height: 110px; width: 965px; margin: 0 auto; }
#mainheader .beachsidelogo { float: left; width: 240px; height: 110px; }
#mainheader .mirvaclogo { float: right; width: 125px; height: 62px; margin:17px 0 0 0; }


/* Banner Area */
#sitebanner { background-color: #bbe1e8; }
#sitebanner #bannercontents { width: 965px; margin: 0 auto; }
#sitebanner #bannercontents #navigation { float: left; width: 178px; min-height: 303px; min-height/**/:/**/ 278px; height: auto !important; height: 303px; height/**/:/**/ 278px; padding-top: 25px; background-color: #e6e6e6; border-left: 5px solid #FFFFFF; border-right: 1px solid #FFFFFF; }
#sitebanner #bannercontents #bannerarea { float: left; width: 781px; height: 303px; position: relative; }
#sitebanner #bannercontents #bannerarea #hdrflash { position: absolute; top: 195px; left: 0; }


/* Homepage Content Styling */
#contentcontainer { width: 965px; margin: 0 auto; padding: 37px 0 0 0; }
#contentcontainer .hpleftcol { float: left; width: 184px; width/**/:/**/ 162px; padding: 0 0 0 22px; margin-right: 83px; }
#contentcontainer .hpmaincontent { float: left; width: 685px; }

#contentcontainer .hpleftcol form { margin: 35px 0 0 0; padding: 0; }
#contentcontainer .hpleftcol input.text { border: 1px solid #dddddd; color: #666666; padding: 3px; font-size: 11px; }
#contentcontainer .hpleftcol input.submit { width: 53px; height: 16px; margin: 5px 0 0 73px; }

#contentcontainer .hpmaincontent .headline { padding-bottom: 25px; }
#contentcontainer .hpmaincontent .hpcopycont { line-height: 18px; }

.hpmaincontent .hpcopycont .contentleftcol { float: left; width: 350px; width/**/:/**/ 315px; padding-right: 35px; }
.hpmaincontent .hpcopycont .contentrightcol { float: right; width: 328px; width/**/:/**/ 318px; padding-right: 10px; }


/* Internal Content Styling */
#contentcontainer .leftcol { float: left; width: 184px; width/**/:/**/ 162px; padding: 0 0 0 22px; }
#contentcontainer .subnavigation { float: left; width: 190px; margin-right: 13px; }
#contentcontainer .maincontent { float: left; width: 573px; }

#contentcontainer .subnavigation a { display: block; margin-bottom: 8px; }

#contentcontainer .maincontent .copycont { line-height: 18px; }
#contentcontainer .maincontentwide .copycont { line-height: 18px; }

.maincontent .copycont .contentleftcol { float: left; width: 295px; width/**/:/**/ 270px; padding-right: 25px; }
.maincontent .copycont .contentrightcol { float: right; width: 275px; }

.copycont ul { margin: 10px 0 0 0; padding: 0 0 0 10px; list-style: none; }
.copycont li { list-style: none; padding-left: 12px; background: url(images/content-li-arrow.gif) no-repeat 0px 8px; }

.copycont .copyimage { width: 237px; width/**/:/**/ 233px; padding: 2px; border: 1px solid #d5d5d5; float: right; }


/* Form Styles */
form#eoiform { margin: 0; padding: 0; }
form#eoiform table { width: 100%; }
form#eoiform th { text-align: left; color: #333333; width: 90px; padding-left: 7px; }
form#eoiform td { padding: 5px 0; }
form#eoiform input.textfield { font-size: 11px; color: #333333; width: 160px; }
form#eoiform select{ font-size: 11px; color: #333333; width: 164px; }

form#eoiform input.checkradio { float: left; margin: 1px 0 0; padding: 0; }
\ html form#eoiform input.checkradio { margin: -2px 0 0 -3px;  }
form#eoiform td label { display: block; margin: 0 0 5px 20px; }


.footer { padding: 20px 0 0 29px; }