@charset "UTF-8";


/*----------------------------------------------------------------------------- 
[Santarosaclub.com] Screen Stylesheet 

version:   1.0 
date:      01/09/08 
author:    [Jason] 
email:     [] 
website:   [www.cysy.com]
-----------------------------------------------------------------------------*/



/* Import other stylesheets
@import url("typography.css");
-----------------------------------------------------------------------------*/



/* Remove padding and margin ------------------------------------------------*/ 
* { 
    margin: 0; 
    padding: 0; 
    border: 0; 
}



/* Random Classes -----------------------------------------------------------*/

.clear 
    { 
    clear:both; 
} 

.right 
    { 
    float: right; 
} 

.left 
    { 
    float: left; 
}




/* Tables 
-----------------------------------------------------------------------------*/ 

table 
    {
	border-collapse:collapse;
} 

td 
    { 
    font-weight: normal;
	vertical-align:top;
}




body {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size:11px;
	background-color: #F5F2EE;
	background-image:url(images/bgshore.jpg);
	background-repeat: no-repeat;
	margin-left: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-position: center top;
	text-align:center;
	color:#ff00ff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 21px;
	text-decoration: none;
}

/* ------------------------------------------------------------------TAG ASSIGNMENTS -------------------------------------------*/

h1 {
	text-indent: -5000px;
	background-repeat: no-repeat;
	background-position: top;
	background-position: left;
	width: 1px;
	height: 1px;
	visibility: hidden;
}

h4 {
	text-indent: -5000px;
	background-repeat: no-repeat;
	background-position: top;
	background-position: left;
	width: 215px;
	height: 35px;
	margin-bottom: 7px;
}

h3 {
	color: #399292;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	line-height: 18px;
	text-decoration: none;
	font-weight: normal;
	margin-bottom: 7px;
}

h2 {
	text-indent: -5000px;
	background-repeat: no-repeat;
	background-position: top;
	background-position: left;
	width: 429px;
	height: 35px;
	margin-bottom: 7px;
}

a:link {
	font-weight: bold;
	text-decoration: underline;
	color: #3c3c2d;
	background-color:#FFFFFF;
}

a:hover {
	font-weight: bold;
	text-decoration: underline;
	color: #3c3c2d;
	background-color:#FFFFFF;
	
}

a:visited {
	font-weight: bold;
	text-decoration: underline;
	color: #3c3c2d;
	background-color:#FFFFFF;}



b {
font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}

strong {
	color: #3c3c2d;
}


#logo {
	text-align: center;
	margin-top: 9px;
	margin-left:auto;
	margin-right:auto;
}

.inMain {
text-indent: 0px;
line-height:14px;
padding-left:20px;
}


/*-------------------------------------------------------- CONTENT AREA -----------------------------------*/


#front_content {
	text-align: left;
	width: 780px;
	margin-left:auto;
	margin-right:auto;
	display: block;
	background-color:#FFFFFF;
	margin-top:0px;
	padding-top:20px;
	padding-left:0px;
	color:#60635c;
}

#front_content2 {
	text-align: left;
	width: 780px;
	margin-left:auto;
	margin-right:auto;
	
	margin-top:0px;
	padding-top:20px;
	padding-left:0px;
	color:#60635c;
}
	
	#front_content_left {
		text-align: left;
		width: 430px;
		float: left;
		padding-left: 45px;
		display: block;
	}
		#front_content_smallbox {
			width: 200px;
		}
	
	#front_content_right {
		text-align: left;
		width: 210px;
		float: right;
		padding-right: 45px;
		display: block;
	}
	
	#front_footer_logo {
		float: left;
		margin: 32px 0px 0px 53px;
		width: 118px;
		display: block;
	}
	
	#front_footer {
		text-align: left;
		float: left;
		width: 502px;
		margin: 32px 0px 100px 38px;
		display: block;
	}
		
	#sub_content {
	text-align: center;
	width: 850px;
	margin-top: 52px;
	margin-left:auto;
	margin-right:auto;
	display: block;
}
	
	#sub_content_left {
	float:left; 
	width:20%; 
	color:#003399;
	display:block;
	margin-left:20px;
	}
	
	#sub_content_large {
		text-align: left;
		width: 60%;
		float: left;
		padding-left: 45px;
		display: block;
		color:#333333;
	}
	
		#sub_content_smallbox {
			width: 200px;
		}
	
	#sub_content_right {
		text-align: left;
		width: 20%;
		float: right;
		padding-right: 45px;
		display: block;
		color:#CC3300;
	}
	
	#sub_footer_logo {
		float: left;
		margin: 32px 0px 0px 53px;
		width: 118px;
		display: block;
	}
	
	#sub_footer {
		text-align: left;
		float: left;
		width: 502px;
		margin: 32px 0px 100px 38px;
		display: block;
	}
#box{width: 18em;padding: 20px;margin:0 auto;
    background:#E6E6E6;color:#000}

/* --------------------------------------------------  NAVIGATION ON SITE ----------------------------------------------*/
#front_main_navigation {
	text-align: center;
	margin-top: 36px;
	margin-left:auto;
	margin-right:auto;
	display: block;
}

#front_sub_navigation {
	text-align: center;
	margin-top: 5px;
	margin-left:auto;
	margin-right:auto;
}

#sub_main_navigation {
	text-align: center;
	margin-top: 49px;
	margin-left:auto;
	margin-right:auto;
	display: block;
}

#sub_sub_navigation {
	text-align: center;
	margin-top: 10px;
	margin-left:auto;
	margin-right:auto;
}

#image_nav {
	margin-top: 16px;
	margin-left:auto;
	margin-right:auto;
}





/*------------------------------------------------------------------FLASH AREA---------------------------------------------------*/
	

#front_flash {
	margin-top: 34px;
	margin-left:auto;
	margin-right:auto;
}

#sub_flash {
	margin-top: 9px;
	margin-left:auto;
	margin-right:auto;
}

/*  ------------------------------------------------------------  UL / LI Tag definitions ----------------------------------------*/

#linav {
	list-style-type: none;
	margin: 0;
	padding: 0;

}

#linav li {
	background-image:url(images/bullet.gif);
	background-position:0 0.4em;
	background-repeat:no-repeat;
	padding:0 0 0 15px;
}

#linav a {
	color: #000000;
	text-decoration: none;
	font-weight: normal;
}

#linav a:hover {
	color: #227171;
	text-decoration: none;
	font-weight: normal;
}

#front_main_nav {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #45423a;
	line-height: 18px;
	text-decoration: none;
	margin-left: auto;
	margin-right: auto;
}

#front_main_nav li {
	display: inline;
	margin: 0px 4px 0px 4px;
}

#front_sub_nav {
font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	color: #45423a;
	line-height: 15px;
	text-decoration: none;
}

#front_sub_nav li {
	display: inline;
	margin: 0px 4px 0px 4px;
}

#sub_main_nav {
font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 19px;
	color: #45423a;
	line-height: 19px;
	text-decoration: none;
}

#sub_main_nav li {
	display: inline;
	margin: 0px 4px 0px 4px;
}

#sub_sub_nav {
font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #45423a;
	line-height: 16px;
	text-decoration: none;
}

#sub_sub_nav li {
	display: inline;
	margin: 0px 4px 0px 4px;
}




/*--------------------------------------------------------------------- TEXT CLASSES ------------------------------------------------*/

.footertext {
	color: #a19d6d;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 21px;
	text-decoration: none;
	font-weight: normal;
}
	.footertext a {
		font-weight: normal;
		text-decoration: none;
		color: #a19d6d;
	}
	.footertext a:hover {
		font-weight: normal;
		text-decoration: underline;
		color: #000000;
	}
	

.inputtext 
    {
	background-color: #e4e6c6;
    padding: 3px; 
    border: 1px solid #c2c593;
	color: #000000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: normal; 
}
ol {
	list-style-image: url(images/ol_bird.gif);
}
ul {
	list-style-image: url(images/li_palm.gif);
	text-indent: 0px;
	display: block;
}
li {
	margin-left: 22px;
	margin-top: 7px;
	margin-bottom: 7px;
}


.linkitem {
	color: #8F8049;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: 21px;
	text-decoration: none;
	font-weight: normal;
}

.linkitem a {
	color: #399292;
	text-decoration: underline;
	font-weight: normal;
}

.linkitem a:hover {
	color: #8F8049;
	text-decoration: underline;
	font-weight: normal;
}


.rightnav_linkitem {
	color: #399292;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 18px;
	text-decoration: underline;
	font-weight: normal;
}

.rightnav_linkitem a {
	color: #8F8049;
	text-decoration: underline;
	font-weight: normal;
}

.rightnav_linkitem a:hover {
	color: #399292;
	text-decoration: underline;
	font-weight: normal;
}


#rates_dark {
	width: 480px;
	background-color:#F9FAE6;
	padding: 5px;
}

#mainPanel {
padding-top:2px;
padding-bottom:2px;
padding-left:2px;
padding-right:2px;
background-color:#eff1d6;
width:780px;
}

#inPanel {

border:1px solid;
border-color:#ca9344;
}

#header {
margin-right:15px;
margin-top:4px;
margin-bottom:5px;}

#myContent {
padding-left:15px;
padding-right:15px;
padding-top:20px;
}

.myCls {
clear:both;
}

.myBtns {
float:left;
margin-left:2px;
margin-right:2px;
margin-bottom:6px;}

.menu {
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
color:#928d61;}

.menu a {
text-decoration:none;
}

.footMenu {
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
color:#330000;
text-align:center;
background-color:#e9d3be;
line-height:14px;
z-index:99;
}

.footMenu a:link {
text-decoration:none;
background-color:#e9d3be;}

.footMenu a:visited {
background-color:#e9d3be;}

.footMenu a:hover {
background-color:#e9d3be;}

.style3 {
	color: #6f6a5F;
	font-size: 18px;}
	
.dbCntr {
width:700px;
margin-top:20px;
}

.detailTop {
padding-left:20px; padding-right:20px; text-align:left;}

.style5 {
text-align:left;
width:750px;
color: #6f6a2F; 
font-size: 18px;
margin-top:20px;}

.dbDetail {
border:solid 1px #333333;
width:700px;
height:130px;
text-align:left;}

.dbImageThb {
border:solid 2px;
vertical-align:middle;
margin:2px;}

.dbTpLine {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#442b04;
padding-left:4px;
padding-right:4px;}

.dbSecLine {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#990000;
padding-left:4px;
padding-right:4px;
}
.dbSubs{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color:#061060;
padding-left:8px;}

.dbfillit {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:100;
color:#061060;
padding-left:5px;

}

.dbTools {
text-align:right;

}

.dbsubhead {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
color:#990000;
}

.dbSubBlu {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#061060;
}

.dbSearch td{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#061060;
padding-right:10px;
text-align:left;}

.dbButton {
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color: #ffffff;
border:1px dotted #00ff33;
color: #000000;
font-size: 10px;
font-style: normal;
font-weight: bold;
}

.dbButton a:link,
a:visited,
a:hover{
  background-color: #fc6;
  color: #000;
  text-decoration: none;
}

.dbButton a:link,
.dbButton a:visited {
  border-top: 1px solid #cecece;
  border-bottom: 2px solid #4a4a4a;
  border-left: 1px solid #cecece;
  border-right: 2px solid #4a4a4a;
}
.dbButton a:hover {
  border-bottom: 1px solid #cecece;
  border-top: 2px solid #4a4a4a;
  border-right: 1px solid #cecece;
  border-left: 2px solid #4a4a4a;
}



.searchPg {
background-image:url(images/seaoats.jpg);
background-repeat:no-repeat;
background-position:bottom right;
background-color:#c8b988;
width:600px;
border:dotted 1px #000000; 
padding:20px 20px;
}

.aboutPg {
background-image:url(images/beachChair.gif);
background-repeat:no-repeat;
background-position:bottom right;
background-color:#c8b988;
width:600px;
border:dotted 1px #000000; 
padding:20px 20px;
}

.frntMP {
padding-left:20px;
padding-right:5px;
}

.form {
border:solid 1px #0099CC;
margin-left:5px;}

.searchbutton

{
border:solid 1px #57585a;
font-weight:bold;
    FONT-SIZE: 9px;
    MARGIN: 2px;
    COLOR: #57585a;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #fff
}