@charset "UTF-8";
/* CSS Document */

html {
margin:0; padding:0;
}
body {
  font-size: 12px;
  font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif;
  color:#000;  
  margin:0px;
  text-align: center;
  background: #B7CFE1 url('../images/bkg.jpg') top left repeat-x;
}
a:link {color: #005A84; text-decoration: none; }
a:active {color: #005A84; text-decoration: none; }
a:visited {color: #005A84; text-decoration: none; }
a:hover {color: #005A84; text-decoration: underline; }
img, png, gif {
text-decoration: none;
}
h1 {
color: #742504;
font: bold italic 14pt/1em Georgia, Palatino, Times, Times New Roman, serif;
margin-bottom: 5px;
}
h2 {
color: #742504;
font: bold italic 11pt/1em Georgia, Palatino, Times, Times New Roman, serif;
margin-bottom: 5px;
}
h2 a:link, h2 a:active, h2 a:visited, h2 a:hover {
color: #742504;
text-decoration: none;
}
h3 {
color: #000;
font: bold italic 12pt/1em Georgia, Palatino, Times, Times New Roman, serif;
margin-bottom: 10px;
margin-top: 25px;
}
h4 {
color: #000;
font: bold italic 10pt/1em Georgia, Palatino, Times, Times New Roman, serif;
margin-bottom: 5px;
margin-top: 10px;
}
.whitetxt {
color: #FFF;
}
.boldtxt {
font-weight: bold;
}
ul {
color: #000;
margin-left: 5px;
padding-left: 5px;
}
li {
margin-left: 0;
padding-left: 0;
list-style: none;
color: #000;
}
li span {
color: #000;
}
img { border:0; vertical-align:text-bottom; behavior: url('css/iepngfix.htc'); }
.clear { clear:both }
.fl {float: left;}
.fr { float: right;}
#wrapper {
width:864px;
margin: 0 auto; padding:0; 
}
/* START HEADER AREA */
#header {
width:840px;
position:relative;
}

	#header h1 {
	width:332px;
	height:88px;
	margin:0;
	padding:5px 0 0 0;
	float: left;
	}
	
		#header h1 a {
		display:block;
		width:332px;
		height:88px;
		text-indent:-3000px;
		margin:0; padding:0;
		background:url('../images/santee-logo.png') no-repeat 0 0;
		text-decoration:none;
		}
	#header .h_text {
	border: 1px solid #B7CFE1;
	font-size: 11px;
	padding: 3px 4px;
	width: 180px;
	}
	#header .h_submit {
	background-color: #B7CFE1;
	border: 1px solid #005A84;
	border: none;
	color: #005A84;
	font-weight: bold;
	height: 20px;
	width: 52px;
	}
.newsletter {
margin-top: 50px;
text-align: left;
color: #FFF;
font-weight: bold;
}

/* BEGIN CONTENT BACKGROUND AREA */

	#notetop {
	background:url('../images/bkg-content-top.png') no-repeat 0 0;
	height: 30px;
	width: 864px;
	position: relative;
	float: none;
	margin: 0;
	padding: 0;
	}
	#notecontentcontainer {
	background:url('../images/bkg-content-mdl.png') repeat-y 0 0;
	width: 864px;
	position: relative;
	}
	#notecontent {
	margin: 0 auto;
	width: 800px;
	position: relative;
	float: none;
	text-align: left;
	}
	#notefooter {
	background:url('../images/bkg-content-btm.png') no-repeat 0 0;
	clear: both;
	height: 30px;
	width: 864px;
	position: relative;
	float: none;
	margin: 0;
	padding: 0;
	}
/* BEGIN NAVIGATION */

.nav-container {float:left; width:100%; overflow:hidden;}
#nav {
  padding: 10px 0 15px 0; 
  margin:0 auto; 
  float:left;
  position:relative; 
  left:50%;
  }
	#nav li {
	float: left;
	position: relative;
	right: 50%;
	background: url(../images/nav-div.gif) center right no-repeat; 
	font: bold 10pt/1.5em Georgia, Palatino, Times, Times New Roman, serif;
	height: 20px;
	list-style-type: none;
	margin: 0;
	padding: 0 3px;
	}
	#nav li.last {
	background: none;
	}
		#nav a {
		width: auto;
		display: block;
		padding: 0 10px;
		color: #742504;
		text-decoration: none;
		}
		#nav a:hover, #nav a:active {
		border-bottom: 4px solid #742504;
		}


/* BEGIN SLIDESHOW */

ul#slideshow {
list-style: none;
height: 255px;
position: relative;
margin:0;
padding-left:0;
}
ul#portfolio li img{
border: 0;
padding: 0;
margin: 0;
}
.hdr-img {
background: url('../images/bkg-hdr.png') top left no-repeat; 
height: 255px;
padding: 13px 13px;
width: 800px;
}

	
/* END SLIDESHOW */
.clear {
clear: both;
}
#content {
width: 600px;
margin-left: 15px;
margin-right: 20px;
float: left;
}
.course {
width: 600px;
height: 230px;
}
.column1 {
float: left;		
margin-left: 15px;
margin-right: 20px;
width: 290px;
}
.column2 {
float: left;		
margin-right: 20px;
width: 290px;
}
.column-btn {
float: right;		
width: 150px;
margin-right: 15px;
}
.burg {
width: 100%;
height: 2px;
background-color: #732714;
}
.img-hm {
background: url('../images/img-hm-bkg.png') top left no-repeat; 
height: 126px;
padding: 8px 8px;
margin: 10px 0 15px 0;
width: 130px;
float: left;
}
.img-content {
background: url('../images/img-content-bkg.png') top left no-repeat; 
height: 170px;
padding: 16px 16px;
margin: 0 20px 0 0;
width: 270px;
float: left;
}
#btm-villas {
background: url('../images/btm-villas.png') top left no-repeat; 
height: 152px;
padding: 10px 20px;
margin-top: 15px;
width: 800px;
float: left;
}
#btm-text {
float: left;
margin-right: 20px;
width: 375px;
}
#footer {
text-align: center;
margin: 0 auto;
width: 864px;
padding-top: 10px;
}



/* CONTACT FORM CSS */
#contact-area {
width: 480px;
margin-top: 0;
}

#contact-area input, #contact-area textarea {
padding: 5px;
width: 480px;
font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif;
font-size: 10px;
margin: 0px 0px 10px 0px;
border: 1px dashed #8CC63F;
}

#contact-area textarea {
height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
border: 1px dashed #3B6E8F;
}

#contact-area input.submit-button {
width: 100px;
float: right;
background-color: #3B6E8F;
color: #FFF;
}

.label {
float: left;
text-align: left;
margin-right: 15px;
margin-bottom: 10px;
width: 90px;
padding-top: 5px;
font-size: 12px;
}
.thumb {
margin: 0 10px 0 10px;
}