html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 margin-top: 10px;
 margin-left: 10px;
 margin-right: 10px;
 background-image: url(/Resources/images/beachBkg.jpg);
 background-repeat: no-repeat;
 background-position: top center;
 background-attachment: fixed;
    font-family: Arial;
        font-style: normal;
        font-variant: normal;
 color: #A00;
} 
 
p {padding: 0em; 2em; 0em; 2em; }
 
P.DC:first-letter {
        font-style: italic;
        font-weight: bold;
        font-size: 150%;
        color: #c22;
}

img {
padding: 2px;
margin-left: 10px;
margin-right: 10px;
margin-top: 2px;
margin-bottom: 2px;
}

#leadImg {
margin-top: 25px;
}

#pagewidth{ 
 width:950px; 
 text-align:left;  
 border-style: solid; 
 border-color: #00D;
 border-left-width: 10px;
 border-right-width: 0;
 border-top-width: 0px;
 border-bottom-width: 0px;
 margin: 0px;
 padding: 2px; 
 margin-left: 10px;
} 
 
#header{
 position:relative; 
 height:85px; 
 width:100%;
 color: #C22;
 padding: 2px;
} 

#headerTitle{
 margin-top: 0px;
 margin-bottom: 0px;
 margin-left: 0.25em;
 float: bottom;
 line-spacing: .5em;
 padding: 0;
 font-size: 18pt;
 font-weight: bold;
 font-style: italic;
}
#headerText{
 position: absolute;
 bottom: 5px;
 margin-top: 5px;
 margin-bottom: 5px;
 margin-left: 1em;
 line-spacing: .5em;
 padding: 0;
 font-size: 24pt;
 font-weight: bold;
 font-style: normal;
}
 
#leftcol{
 width:150px;
 height:100%; 
 float:left; 
 clear:right;
 position:absolute; 
 color: #C22;
 }

#leftcolText {
 margin: 10px;
 margin-top: 0px;
 color: #C22;
 link: #33F;
}

#maincol{
margin-top: 0px;
 top: 10px;
 width:800px; 
 color: #A00;
 float: right;
 clear: left;
 display:inline; 
 position: relative;
 }
 
#footer{
  margin-left: 10px;
  float: bottom;
  height:30px; 
  bottom: 0px;
  width: 100%;
  clear: both;
  color: #A00;
  background-color: white;
 } 

#footerL {
  float: left;
  position: absolute;
  margin-top: 5px;
  margin-left: 20px;
  width: 500px;
  left: 30px;
  clear: both;
}

#footerR {
  float: right;
  postion: absolute;
  margin-top: 5px;
  margin-right: 10px;
  width: 300px;
  right: 0px;
  text-align: right;
  left: auto;
  clear: both;
} 

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}