/*********************************/
/* reset browser default styling */
/*********************************/

html, body, p, blockquote, em, small, strike, strong, sub, sup, tt, var,  fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border:0; font:11px/14px verdana, arial, san-serif; color: #10323c; font-weight:normal; margin:0; outline:0; padding:0; font-size:100%; }
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
strong {font-weight:bold;}
em {font-style:italic;}
caption, th, td {font-weight:normal; text-align:left;}
:focus {outline:0;}
form {display:inline;}
table {border-collapse:separate; border-spacing:0;}
a,a:visited{ cursor:pointer; text-decoration:underline; color:#56a3c6; }
a:hover{ cursor:pointer; text-decoration:underline; color:#21a4e0; }

/**********************************************************************************
 * 
 * NOTE ABOUT THIS LAYOUT FOR INTERNET EXPLORER 6
 * 
 * ie 6 doesn't support position: fixed; so instead it's using positon: absolute; 
 * the body is set to height: 100%; overflow-y: auto; 
 * the scrollbar present is on the body element not a part of the window itself.
 * anything using the position:; property will be static on the page in ie6.
 * 
 * the head is static so things can be positioned in that area using position:;
 * all other page areas should not use this property.
 * 
 * please refer to ie6.css in this same directory.
 * 
 **********************************************************************************/ 
 
	
/* PAGE LAYOUT */
		
html, body {
	color: #000;
	margin: 0;
	padding: 0;
	width: auto;
	background: #FFCC66 url(images/bg.png) no-repeat center top;
	}
img.waves {
	display: block;
	position: fixed; /* ie6.css overides this use of positioning */
	bottom: 0;
	left: 0px;
	z-index: 200;
	}
img.dunes {
	display: block;
	position: fixed; /* ie6.css overides this use of positioning */
	bottom: 60px;
	left: 0px;
	z-index: 200;
	}
#dunebg{background: url(images/dunes2.png) repeat-x; display: block;
	position: fixed; /* ie6.css overides this use of positioning */
	bottom: 0;
	left: 0px;
	z-index: 200;}
img.buoy {
	display: block;
	position: fixed; /* ie6.css overides this use of positioning */
	bottom: 0;
	left: 0px;
	z-index: 200;
	}
#cloud {
	position: absolute;
	left: 780px;
	top: 120px;
	z-index: -200;
	}
#cloud2 {
	position: absolute;
	left: 8px;
	top: 225px;
	z-index: -200;
	}
div#container {	
	z-index: -50;

	}

/*************************************************
 * 
 *    DO NOT USE THE POSITION:; PROPERTY BELOW
 * 
 *************************************************/
	
/* BODY */

div#wrap {
	width: 702px;
	margin: 0;
	padding: 0;
	margin-top: -5px;
	z-index: -10;
	}
div#wrap div.top {
	width: 702px;
	height: 15px;
	}
div#body {
	width: 702px;
	margin: 0;
	z-index: -5;
	color: #222;
	font: 11px verdana, arial, san-serif;
	line-height: 15px;
	}
div#body p {
	margin-bottom: 80px;
	}

/* HOME PAGE */

div#body div.topContainer {

	width: 100%;
	height: 185px;
	margin: 3px 0 0;
	padding: 0;
	float:left;
	}
div#body div.homeBody {
	width: 702px;
	height:100%;
	margin: 5px 0 0;
	padding: 0 10px 0 0;
	float: left;
	}
div#popupBody {
	width: 350px;
	height:100%;
	margin: 5px 0 0;
	padding: 20px 20px 20px 20px;
	float: left;
	font: 11px verdana, arial, san-serif;
	line-height: 15px;
	color: #222;
	}
	
.bgleft {background-image:url(images/left_home.gif); background-repeat : repeat-y;}
.bgright {background-image:url(images/right_home.gif); background-repeat : repeat-y;}

div#news {color:#10323c; font:10px/12px verdana, arial, san-serif;}
H1 {font:20px/26px verdana, arial, san-serif; color: #b88e61; font-weight: normal; margin-top: 0; margin-bottom: 0;}
H2 {font:16px/24px verdana, arial, san-serif; color: #b88e61; font-weight: bold; margin-top: 0; margin-bottom: 0;}
H3 {font:13px/15px verdana, arial, san-serif; color: #b88e61; font-weight: bold; margin-top: 0; margin-bottom: 0;}
	
.small{color:#b39867; font:10px/12px verdana, arial, san-serif;}
a.small,a:visited.small{color:#b39867; font:10px/12px verdana, arial, san-serif; text-decoration:none;}
a:hover.small{color:#21a4e0; font:10px/12px verdana, arial, san-serif; text-decoration:underline;}
A.bluelink, a:visited.bluelink {color: #519dbd; font-weight: normal; text-decoration: underline;}
A:hover.bluelink {color: #b88e61; font-weight: normal; text-decoration: underline;}
.red {color: #b88e61}

#aboutcola{
float:left;
width:190px;
}
#aboutcolb{
float:left;
width:190px;
}
#aboutcolc{
float:left;
width:190px;
}
#aboutspacer{
float:left;
width:30px;
}