/* CSS Document for sunandsearesort.com © 2008 inflexi.com. Created on September 14, 2008 */

body
{
	color: #39391f;
	background: #fbfade;
	font-size: 11px;
	font-family: Arial, Verdana, Helvetica, Sans Serif;
	line-height:15px;
	margin-left: 40px;
	margin-top:0px;
	margin-bottom:20px;
	padding:0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	background-image:url(../images/site_bg.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}

p {
	margin-bottom: .7em;
	margin-top: .7em;
	margin: .7em;
	font-family: Arial, Verdana, sans-serif;
	color: #39391f;
	font-family: Arial, Verdana, Helvetica, Sans Serif;
	font-size: 11px;
	line-height:15px;
	padding-bottom:9px;
	padding-top:0px;
}

a:link {color: #50512e; text-decoration: none;}
a:visited {color: #50512e; text-decoration: none;}
a:active {color: #50512e; cursor: hand;	text-decoration: none;}
a:hover {color: #a3a718; cursor: hand; text-decoration: none;}

.headerBox {
	height:25px;
	padding-left:31px;
	background-color:#e2e2c4;
	background-image:url(../images/header-bg.gif);
	background-repeat:no-repeat;
	background-position:left;
	vertical-align:middle;
	}

.contentBox{
	padding:7px;
	}
	
.footerLink:link{color: #9b9b76;text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
.footerLink:visited{color: #9b9b76;text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
.footerLink:active{color: #9b9b76;cursor: hand;text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
.footerLink:hover{color: #595a3e;cursor: hand;text-decoration: underline; font-family:Arial, Helvetica, sans-serif; font-size:11px;}

.footerText { color:#9b9b76;}

.dateText { color:#bbbb8f; font-style:italic;}

.footerSep { color:#9b9b76; padding-left:3px; padding-right:3px;}

.topSep { color:#c4c59d; padding-left:6px; padding-right:6px;}

.topLink:link{color: #909171;text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;}
.topLink:visited{color: #909171;text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;}
.topLink:active{color: #909171;cursor: hand;text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;}
.topLink:hover{color: #595a3e;cursor: hand;text-decoration: underline; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;}

.newsLink:link{color: #50512e;text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;}
.newsLink:visited{color: #50512e;text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;}
.newsLink:active{color: #50512e;cursor: hand;text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;}
.newsLink:hover{color: #878936;cursor: hand;text-decoration: underline; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;}


h1 { FONT-SIZE: 14px; COLOR:#787847; FONT-STYLE: normal; font-weight:bold; FONT-FAMILY:Arial, Helvetica, sans-serif; clear:both; padding:0px; margin:0px; }
h2 { FONT-SIZE: 11px; COLOR:#787847; FONT-STYLE: normal; font-weight:bold; FONT-FAMILY:Arial, Helvetica, sans-serif; clear:both; padding:0px; margin:0px; }
h3 { FONT-SIZE: 13px; COLOR:#787847; FONT-STYLE: normal; font-weight:bold; FONT-FAMILY:Arial, Helvetica, sans-serif; clear:both; padding:0px; margin:0px; }

.sideNav:link{color: #50512e;text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; background-image:url(../images/sun_and_sea_20.gif); background-repeat:no-repeat; background-position:left center; padding-left:23px;}
.sideNav:visited{color: #50512e;text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; background-image:url(../images/sun_and_sea_20.gif); background-repeat:no-repeat; background-position:left center; padding-left:23px;}
.sideNav:active{color: #50512e;cursor: hand;text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; background-image:url(../images/sun_and_sea_20.gif); background-repeat:no-repeat; background-position:left center; padding-left:23px;}
.sideNav:hover{color: #a3a718;cursor: hand;text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; background-image:url(../images/b.gif); background-repeat:no-repeat; background-position:left center; padding-left:23px;}

.footerLinkText { FONT-SIZE: 11px; COLOR:#FFFFFF; FONT-STYLE: normal; font-weight:normal; FONT-FAMILY:Arial, Helvetica, sans-serif; line-height:15px; }

/* Top Menu CSS Start */
	ul {list-style:none;margin:0;padding:0; overflow:hidden;}
	li {float:right;width:150px; height:75px;margin:0;padding:0;text-align:center; vertical-align:middle; overflow:hidden;}
	li a {display:block;padding:10px 10px;height:100%;color:#FFF;text-decoration:none;border-left:1px solid #fbfade;}
	li a {background:url(../bg2.jpg) repeat 0 0;}
	li a:hover, li a:focus, li a:active {background-position:-150px 0;}
	#a a {background:url(../images/bg.jpg) repeat -20px 35px;}
	#b a {background:url(../images/bg2.jpg) repeat 0 0;}
	#c a {background:url(../images/bg3.jpg) repeat 0 0;}
	#d a {background:url(../images/bg4.jpg) repeat 0 0;}
/* Top Menu CSS End */

/* Button CSS Start */
			.clear { /* generic container (i.e. div) for floating buttons */
				overflow: hidden;
				width: 100%;
			}
			.btnLnk {color: #11449E; font: 12px Arial; text-decoration: none; font-weight: bold;}
			.btnLnk:link {color: #11449E; font: 12px Arial; text-decoration: none; font-weight: bold;}
			.btnLnk:hover {color: #006DBA; font: 12px Arial; text-decoration: underline; font-weight: bold;}
			
			a.button {
				background: transparent url('../images/bg_button_a.gif') no-repeat scroll top right;
				color: #5a5a3c;
				display: block;
				float: left;
				font: normal 12px arial, sans-serif;
				font-weight: bold;
				height: 24px;
				margin-right: 6px;
				padding-right: 18px; /* sliding doors padding */
				text-decoration: none;
			}
			a.button:hover {
				background: transparent url('../images/bg_button_a.gif') no-repeat scroll top right;
				color: #5a5a3c;
				display: block;
				float: left;
				font: normal 12px arial, sans-serif;
				font-weight: bold;
				height: 24px;
				margin-right: 6px;
				padding-right: 18px; /* sliding doors padding */
				text-decoration: none;
			}
			a.button span {
				background: transparent url('../images/bg_button_span.gif') no-repeat;
				display: block;
				line-height: 14px;
				padding: 5px 0 5px 18px;
			}
			
			a.button:active {
				background-position: bottom right;
				color: #000;
				outline: none; /* hide dotted outline in Firefox */
			}
			
			a.button:active span {
				background-position: bottom left;
				padding: 6px 0 4px 18px; /* push text down 1px */
			}
/* Button CSS End */