html, body {
margin:0 auto;
padding: 0;
background:#003366;
}


#container {
width:780px;
background: #ffffff;
border:1px #003366;
margin:0 auto;
border:1px solid black;

}

#banner {
background-image: url(images/CCHeader.jpg); 
width:780px; height:211px;
padding:0;
clear:both;
}

#cascadesLogo {
background-image: url(images/logo_banner.jpg); 
width:765px; height:99px;
padding:0;
clear:both;
margin:0 auto;
}

#cascadesMain {
background-image: url(images/main_pic1.jpg);
width:765px; height:371px;
padding:0;
clear:both;
margin:0 auto;
}

#footer {
background-image: url(images/CCFooter.jpg); 
width:780px; height:83px;
padding:0;
font-family: Arial, Helvetica, Verdana, Sans-serif;
font-size: 12px;
color: #ffffff;
padding:0px 0px 0px 0px;

}

#bottomLinks {
font-family: Arial, Helvetica, Verdana, Sans-serif;
font-size: 12px;
color: #ffffff;
text-decoration:none;
margin: 0px 0px 0px 0px;
height:20px;
padding:56px 0px 0px 20px;
}

#bottomLinks a {
color:#fff;
font-weight:bold;
text-decoration:none;
}

#bottomLinks a:hover {
color:#fff;
font-weight:bold;
text-decoration:underline;
}

#CCiframe {
background:#fff; 
width:765px; height:550px;
padding:0px;
clear:both;
margin:0 auto;
}

#CCcontent {
background:#fff; 
width:765px; height:371px;
padding:0px;
clear:both;
margin:0 auto;
}

.bodyHeader { font-family: Arial, Helvetica, Verdana, Sans-serif; font-size: 14px; color: #3d5c7b; font-weight:bold; }
.bodycopy { font-family: Arial, Helvetica, Verdana, Sans-serif; font-size: 12px; color: #3d5c7b; }
.buildersLink a { font-family: Arial, Helvetica, Verdana, Sans-serif; font-size: 12px; color: #3d5c7b; text-decoration:none; font-weight:bold; }
.buildersLink a:hover { font-family: Arial, Helvetica, Verdana, Sans-serif; font-size: 12px; color: #3d5c7b; text-decoration:underline; font-weight:bold; }

#PhaseOneContent ul li { list-style:none; }
#Copy ul li { list-style:none; }

#PhaseOne {
background-image: url(images/PhaseOnePic.jpg);
width:350px; height:302px;
padding:0;
clear:both;
margin:0 auto;
float:left;
margin-top:20px;
margin-left:15px;
position:relative;
}

#PhaseOne a {
position: absolute;    
top: 0;    
left: 0;    
width: 350px;    
height: 302px;
}

#PhaseOne a h1 {
display: none;
}

#PhaseOneContent {
background:#FFF;
width:350px; height:308px;
padding:0;
float:right;
margin-top:20px;
}

#PhaseThree {
width:314px; height:302px;
padding:0;
clear:both;
margin:0 auto;
float:left;
margin-top:20px;
margin-left:15px;
position:relative;
}

#PhaseThree a {
position: absolute;    
top: 0;    
left: 0;    
width: 350px;    
height: 302px;
}

#PhaseThree a h1 {
display: none;
}


#buildersBanner {
background-image: url(images/buildersBanner.jpg); 
width:765px; height:114px;
padding:0px;
clear:both;
margin:0 auto;
}

#buildersPic {
background-image: url(images/construction.jpg);
width:240px;
height:330px;
margin:10px 0px 0px 0px;
float:right;
clear:none;
}

#Copy {
background:#ffffff;
width:460px; 
height:250px;
padding:25px;
margin:0 auto;
margin-top:0px;
float:left;
clear:none;
}

#Copy a { font-family: Arial, Helvetica, Verdana, Sans-serif; font-size: 12px; color: #3d5c7b; text-decoration:none; }
#Copy a:hover { font-family: Arial, Helvetica, Verdana, Sans-serif; font-size: 12px; color: #3d5c7b; text-decoration:underline; font-weight:bold; }


#amenitiesBanner {
background-image: url(images/amenitiesBanner.jpg); 
width:768px; height:114px;
padding:0px;
clear:both;
margin:0 auto;
}

#amenitiesPic {
width:213px;
height:320px;
margin:10px 0px 0px 0px;
float:right;
}

#mapBanner {
background-image: url(images/MapBanner.jpg); 
width:768px; height:114px;
padding:0px;
clear:both;
margin:0 auto;
}

#arialMap {
background: url(images/phaseOneSm.jpg) no-repeat;
width:372px; height:339px;
float:left;
margin-left:10px;
clear:none;
}


#mapContent {
width:373px;
height:340px;
float:right;
margin-left:10px;
clear:none;
}

#mapLinks li {
width:120px;
display: block;
list-style-type: none;
float:left;
padding:0px 0px 0px 0px;
vertical-align: middle;
}

#mapLinks {
width:380px;
height:40px;
margin:115px 0px 0px 0px;
padding:0px 0px 0px 0px;
list-style : none;
float:right;
vertical-align: middle;
}


#arialMap a { font-family: Arial, Helvetica, Verdana, Sans-serif; font-size: 10px; color: #3d5c7b; text-decoration:none; }
#arialMap a:hover { font-family: Arial, Helvetica, Verdana, Sans-serif; font-size: 10px; color: #3d5c7b; text-decoration:underline; }


#eventsBanner {
background-image: url(images/EventsBanner.jpg); 
width:768px; height:114px;
padding:0px;
clear:both;
margin:0 auto;
}

#eventsContent {
float:left;
width:375px;
height:350px;
margin-left:10px;
clear:none;
}

#eventsContent a {
font-family: Arial, Helvetica, Verdana, Sans-serif; 
font-size: 12px; 
color: #cc0000; 
text-decoration:none;
font-weight:bold;
}

#eventsContent a:hover { 
text-decoration:underline;
}


#imageRotate {
width:375px;
height:371px;
margin:0px 0px 0px 0px;
float:right;
clear:none;
}

#contestBanner {
background: url(images/tv.jpg) no-repeat; 
width:300px; height:352px;
padding:0px;
float:left;
clear:both;
margin:0 auto;
}

#contestForm {
width:370px; height:300px;
padding:0px;
margin:0 auto;
float:right;
margin-top:15px;
}



input {
color: #000;
background: #fff;
border: 1px solid #003366;
}

.formbutton{
cursor:pointer;
border:outset 1px #003366;
background:#bfcfdb;
color:#000;
font-weight:bold;
padding: 1px 2px;
}