/* CSS Document */

body {margin:10px 10px 0px 10px; padding:0px; text-align:center;}

#container {
	width:98%; 
	border:1px solid #336699; 
	font:1.0em century gothic,verdana,helvetica,arial,sans-serif; 
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	padding:1px;
	}

/* Header */
#header {
	width:98%;
	padding:1px;
	text-align:left;
	color:#369;
	background-image:url(logo.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	}

h1,h4 {text-align:right;}
h3 {margin-bottom:2px;}
#main h5 {margin-bottom:1px;text-align:center;border-top:1px solid #369;border-bottom:2px solid #369;}
.contact {text-align:left;padding-left:50px;width:90%;}
#faq {text-align:left;padding-left:20px;width:90%;}
	
/* Menu */
#nav {
background: url(nav_bg.jpg); 
/* background-repeat:repeat-y; */
}

/* Main Content */
	#main {
		width:99%;
		font:0.8em century gothic,verdana,helvetica,arial,sans-serif;
		text-align:center;
		margin-left:auto;
		margin-right:auto;
		background:#EBF0F5;
		overflow:auto;
		padding:5px;
		border-top:1px solid #369;
		border-bottom:1px solid #369;		
		}
	
	div#mainleft {
		position:relative;
		padding: 1% 2% 1% 2%;
		float: left;
		text-align: center;
		width: 50%;
		border:1px solid #222222;
		background:#ffffff;
		height:auto;
		overflow:hidden;
		}	
	
	div#mainright {
		position:relative;
		padding: 1% 2% 1% 2%;
		float: right;
		width: 40%;
		border:1px solid #222222;
		text-align:justify;
		background:#ffffff;}
		
	.disc {font:0.7em verdana,arial,helvetica,sans-serif;}

#main ul {background:#fff;}

#main ul li {
		font:1.0em Century Gothic,Verdana,Helvetica,Arial,sans-serif;
		text-weight:bold;
		text-align:left; 
		color:#000;
		background:#CCD9E5;
		border:1px solid #777777;
		margin-right:5px;
		list-style:none;
		}
		
#main ul li a:link {text-decoration:none; color:#369; font-weight:bold;}
#main ul li a:visited {text-decoration:none; color:#369; font-weight:bold;}
#main ul li a:hover {text-decoration:underline;color:#336699;font-weight:bold;}
#main ul li a:active {text-decoration:underline;color:#336699;font-weight:bold;}
#main ul li em {font:0.8em Century Gothic,Verdana,Helvetica,Arial,sans-serif;font-style:italic;}
	
/* NAVIGATION */
div#navbar {font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: .8em;
font-weight: bold;
text-align: center;
/* background-color: #8cc3f6; */
border-bottom: solid #336699 thin;
font-weight: bold;
padding: 5px;
margin-bottom:10px;}

#navbar a:link, #navbar a:visited {color: #fff;
text-decoration: none;
border: solid #8cc3f6 1px;
padding-top: 3px;
padding-left: 10px;
padding-bottom: 3px;
padding-right:10px;
display: inline;}

#navbar a:hover, #navbar a.current {color: #fff;
background-color: #6f9cc7;
text-decoration: none;
border: solid #6188b0 1px;}

/* Footer */
#footer {
	font:0.7em century gothic,verdana,helvetica,arial,sans-serif;
	color:#555555;
	text-align:right;
	border:1px solid #222222;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:2px;
	padding-left:6px;
	width:98%;
	}
	
#footer a:link, a:visited {color:#369;text-decoration:none;}
#footer a:hover, a:active {color:#369;font-weight:bold;text-decoration:underline;}
#footer a.current {color:#369;text-decoration:none;background:#C0CBFB;}
	
.copy {
	text-align:left;
}
	
.search {
	inherent:none;
	font:0.7em "century gothic",verdana,helvetica,arial,sans-serif;
	width:125px;
	margin-right:20px;
	}

#highlights {position:relative;}
#highlights ul li {padding-left:5px;}
a.beach {
	width:200px;
	background:#CCD9E5;
	font:1.0em "century gothic",verdana,helvetica,arial,sans-serif;
	font-weight:bold;
	text-decoration:none;
	border:1px solid #369;
}

#links {
	width:99%;
	font:0.8em "century gothic",verdana,helvetica,arial,sans-serif;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	background:#EBF0F5;
	overflow:auto;
	padding:5px;
	border-top:1px solid #369;
	border-bottom:1px solid #369;		
	}
	

#links ul {
	border:1px solid #369;
	border-width:1px 4px;
	background:#EBF0F5;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	list-style-type:none;
	width:600px;
	font-weight:bold;
	}

#links ul li {
	margin-bottom:4px;
	padding-left:2px;
}
	
#links ul li a:link {
	font:0.9em "century gothic",verdana,helvetica,arial,sans-serif;
	font-weight:bold;
	text-decoration: none;
	color:#369;
}

#links ul li a:visited {
	font:0.9em "century gothic",verdana,helvetica,arial,sans-serif;
	font-weight:bold;
	text-decoration: line-through;
	color:#A0BBD5;
}

#links ul li a:hover, #links ul li a:active{
	font:0.9em "century gothic",verdana,helvetica,arial,sans-serif;
	font-weight:bold;
	text-decoration: underline;
	color:#369;
}

.linkdesc {
	font:0.9em "century gothic",verdana,helvetica,arial,sans-serif;
	font-weight:normal;
}

#key {width:99%;text-align:center;}
#key ul {width:90%;}
#key ul li {background:none;border:none;display:inline;font-weight:bold;padding:2px;border:0;text-align:center;}
#key ul li.rented1 {background:#f99;}
#key ul li.rented2 {background:#9cf;}
#key ul li.rented3 {background:#9c9;}

#ratebox {text-align:center;margin-left:auto;margin-right:auto;width:90%;}
#ratebox table {text-align:left;padding-left:6px; padding-right:6px;}
#ratebox th {text-align:left;}
#ratebox td {text-align:left;}
#ratebox td.rates {text-align:right;font-weight:bold;}

table.quarter {text-align:center;padding-left:6px; padding-right:6px;}
th.quarter {text-align:center;}
td.quarter {text-align:center;}

table.month {text-align:center;padding-left:5px; padding-right:5px;border:1px solid #555;}
table.passed {color:#888;background:#e0e0e0;}
th.month {text-align:center;}
td.month {text-align:center;}

.rented1 {text-align:center;background:#f99;padding:0;border:0;}
.rented2 {text-align:center;background:#9cf;padding:0;border:0;}
.rented3 {text-align:center;background:#9c9;padding:0;border:0;}

#availdisc {text-align:center;padding:4px;border:1px solid #369;width:90%;}
#availdisc a {font-weight:bold;}

#crumbs {font:0.8em "century gothic",verdana,helvetica,arial,sans-serif;color:#369;text-align:left;}
#crumbs a:link, #crumbs:visited {text-decoration:none;}
#crumbs a:hover, #crumbs a:active {text-decoration:underline;}
#crumbs .current {background:#C0CBFB;}

#mainleft img {padding:5px;margin-left:6px; margin-right:6px;border:1px solid #777;}