BODY {
	BACKGROUND:#6BA6D6;
	FONT:10px verdana;
	COLOR:#003366;
	margin:0 0 0 0;
	border:0;
	text-align:center;
}
body alink{
	color:#003366;
}
body vlink{
	color:#003366;
}
body link {
	color:#003366;
}

TABLE {
	TEXT-ALIGN:center;
}
.text {
	FONT:10px verdana;
	COLOR:#003366;
}
.text TD {
	FONT:10px verdana;
	COLOR:#003366;
}
.text_misc {
	LINE-HEIGHT:normal;
}
.text_misc TD {
	LINE-HEIGHT:normal;
}
.text_misc P {
	MARGIN-TOP:0px;
}
.hier {
	FONT:10px arial;
	COLOR:#999999;
}
#contentdiv {
	HEIGHT:100%;
	BACKGROUND-COLOR:#ffffff;
}
INPUT {
	FONT:10px verdana;
	COLOR:#003366;
}
SELECT {
	FONT:10px verdana;
}
TEXTAREA {
	FONT:10px verdana;
	COLOR:#003366;
}
.buttons {
	FONT:bold 10px verdana;
	COLOR:white;
	BACKGROUND-COLOR:#003366;
}

#bannermod94 {
	BORDER-RIGHT:0px solid;
	BORDER-TOP:0px solid;
	BACKGROUND:#ffffff;
	MARGIN:0px;
	BORDER-LEFT:0px solid;
	WIDTH:100%;
	BORDER-BOTTOM:0px solid;
}
#bannermod94 {
	COLOR:#bbaa66;
}
#bannermod94 TD {
	COLOR:#bbaa66;
}
#bannermod94 .bannermodcontent {
	PADDING-RIGHT:0px;
	PADDING-LEFT:0px;
	PADDING-BOTTOM:0px;
	PADDING-TOP:0px;
}
#bannerdiv94 A {
	COLOR:#bbaa66;
}
#bannerdiv94 A:visited {
	COLOR:#bbaa66;
}
#bannerdiv94 A:active {
	COLOR:#bbaa66;
}

#bannermod21 {
	BORDER-RIGHT:0px solid;
	BORDER-TOP:0px solid;
	MARGIN:0px;
	BORDER-LEFT:0px solid;
	WIDTH:193px;
	BORDER-BOTTOM:0px solid;
}
#bannermod21 {
	COLOR:#ffffff;
}
#bannermod21 TD {
	COLOR:#ffffff;
}
#bannermod21 .bannermodtd {
	PADDING-RIGHT:10px;
	PADDING-LEFT:10px;
	PADDING-BOTTOM:10px;
	PADDING-TOP:10px;
}
.class1 A:link {color: #cccccc}
.class1 A:visited {color: #cccccc}
.class1 A:active {color: #cccccc}
.class1 A:hover {text-decoration: underline; color: #003366;}
.class1 {
		text-align:center;
		color:#cccccc;
		font-size:12px;
		background-color:#005588;
		width:950px;
		float:left;

}
.class2 {
		text-align:center;
		background-color:#FFF;
		width:950px;
		
}
.stylehead {
		text-align:center;
		float:left;
		font-size:35pt;
		font-style:italic;
		font-weight:bold;
		width:950px;
		background-color:#003366;
		height:95px;
		line-height:95px;
		color:#CCCCCC;
		top: 50%;
		margin:0 0 0 0;
		border:0;
}
.stylehead2 {
		width:757px;
		background-color:#003366;
		color:#CCCCCC;
		text-align:center;
		font-size:35pt;
		line-height:145px;
		font-style:italic;
		font-weight:bold;
		float:left;
		height:145px;
		margin:0;
		border:0;
		top: 50%
	
}
.stylemain {
		width:757px;
		background-color:#FFFFFF;
		font-family:Verdana;
		font-size:12px;
		float:left;
		height:870px;

}
.stylecopyright{
		text-align:center;
		background-color:#6BA6D6;
		color:#003366;
		font-size:8pt;
		width:100%

}
.boxg {
		width:10px;
		height:12px;
		background-color:#00FF7F;
		border-color:black;
		border-style:solid;
		border-width:1px;
}
.boxy  {
		width:10px;
		height:12px;
		background-color:#FFFF00;
		border-color:black;
		border-style:solid;
		border-width:1px;

}
.boxr  {
		width:10px;
		height:12px;
		background-color:#FA8072;
		border-color:black;
		border-style:solid;
		border-width:1px;
		background-image:url('http://www.surfsidecottages.com/images/calendarbackground5.gif');

}
.stylereview{
		border:10px solid #6BA6D6;
		font-size:xx-small;
		text-align:center;
}
.stylecenter{
		text-align:center;
		margin-left:auto;
		margin-right:auto;

}

.style1 {
	text-align:center;
	color:#cccccc;
	font-size:2px;
	
	
}
.style2 {
     font-family:Verdana;
     text-align:center;
     font-size:10pt;
     color:#003366;
        
	
}
.style3 {
	font-family:Verdana;
	font-size:10pt;
	text-align:left;
}
.style4{
	text-align: center; 
	border-style: solid; 
	border-width: 1px;
	text-align: center;
	color: #003366;
	font-size:10pt;
	font-weight:bold;

}
td.style5 {
	text-align: center; 
	border-style: solid; 
	border-width: 1px;
	background-color: White;
	text-align: center;
	color: #003366;
	font-size:10pt;
	font-weight:bold;

}
.style6 {
	text-align: center; 
	border-style: solid; 
	border-width: 1px;
	background-color:#00FF7F;
	font-weight: bold;
	text-align: center;
	color: #003366;
	font-size:10pt;
	font-weight:bold;

}
.style7 {
	text-align: center; 
	border-style: solid; 
	border-width: 1px;
	background-color: Yellow;
	text-align: center;
	color: #003366;
	font-size:10pt;
	font-weight:bold;

}
.style8{
    text-align: center; 
	border-style: solid; 
	border-width: 1px;
	background-color:#F6B39E;
	background-image:url('http://www.surfsidecottages.com/images/NA.gif');
	text-align: center;
	color: #003366;
	font-size:10pt;
	font-weight:bold;
}

.style10 {

	text-align:center;
	font-family:Verdana;
	font-size:10px;
}
.style11 {
	border:10px solid #6BA6D6;
}

.style12 {
	background-color:#008000;
}
.style13 {
	background-color:#BD6352;
	color:black;
	text-align:center 
	
}
.style14 {
	text-align: center;
	color: #005588;
}
.style82 {
	border-collapse: collapse;
	border: 1px solid rgb(153, 153, 153);
	width: 125px; 
	height: 136px; 
	font-weight: bold;
	font-size: 8pt; 
	font-family: Verdana; 
	color: White; 
	
}

.style96 {
	border-color:#000000;
	border-width:1px;
	background-color:#FA8072;
	background-image:url('images/calendarbackground5.gif');
	font-weight:bold; 
	text-align:center;
	font-size:10px;
	color:black;
	
    
}
.style97 {
	background-color:green;
	color:black;
	font-size:10px;
	font-family:Verdana;
	text-align:center;

}
.style98 {
	background-color:#003366;
	text-align:center;
	color:white;
	font-weight:bold;
	font-size:10px;
	font-family:Verdana;
}
.style99{
    color: #D3D3D3;
	background-color: #D3D3D3;
	border-width: 1px;
	text-align: center;
}
.styledays {
	text-align:center;
	font-family:Verdana;
	font-size:10px;
	color:black;
	background-color:white;
	width:14%;
	font-weight:bold;
	border:1px gray solid;
	height:12px;

}
.styler {
	border-color:black;
	border-width:1px;
	border: 1px black solid;
	background-color:#FA8072;
	background-image:url('http://www.surfsidecottages.com/images/calendarbackground5.gif');
	font-weight:bold; 
	text-align: center;
	font-size:10px;
	color:black;
	width:14%;
	height: 12px;
	font-family: Verdana;
	
}
.styleblue {
	text-align:center;
	width:100%

}
.styleg {
	color:black;
	font-size:10px;
	font-family:Verdana;
	text-align:center;
	font-weight:bold;
	width: 14%;
	height: 12px;
	border: 1px black solid;
	background-color:#00FF7F;
}

.styley {
	text-align:center;
	font-size:10px;
	font-weight:bold;
	background-color:#FFFF00;
	font-family:Verdana;
	color:black;
	border: 1px solid #000000;
	width: 14%;
	height: 12px;
	
}
.styleplain {
	background-color:gray;
	text-align:center;
	height:20px;
}

.stylemonth {
	background-color:#808080;
	text-align:center;
	height:20px;
	color:white;
	font-weight:bold;
	font-size:8pt;
	width:100%
}
.styleemail {
	color:white;
	font-size:x-small;
	text-align:center;
	font-family:Verdana;
	
}
.stylereview {
	text-align: center; 
	border-style: solid; 
	border-width: 1px;
	background-color:white;
	text-align: center;
	color: #003366;
	font-size:10pt;
	font-weight:bold;

}
.stylegray {
	width: 14%;
	height: 2px;
	background-color:#D3D3D3;
	border: 1px solid #808080;

}
.style20cot  {
		font-size: 12pt; 
		font-weight: bold; 
		color:#003366;
		border-width: 1px;
		border-color:#808080;
		text-align: center;
		background-color:#C0C0C0;
}
.style20cot A {
		font-size: 12pt; 
		font-weight: bold; 
		color:#003366;
		border-width: 1px;
		border-color:#808080;
		text-align: center;
		background-color:#C0C0C0;
}

td.style20sp {
	    font-size: 8pt; 
		border-width: 1px;
		border-color:#808080;
		text-align: center;
		background-color:#C0C0C0;
}
td.style20txt {
	font-size: 10pt;
	background-color:#C0C0C0;
	font-size:10pt;
	text-align:center;
	color:black;
	border-width: 1px;
	border-color:#808080;
	font-weight: bold;
	}
.styletxt2{
	background-color:#C0C0C0;
	font-size:10px;
	text-align:center;
	color:#003366;
	border-width: 1px;
	border-color:#808080;
	font-weight: bold;
	
}
.styletxt2 A{
	background-color:#C0C0C0;
	font-size:10px;
	text-align:center;
	color:#003366;
	border-width: 1px;
	border-color:#808080;
	font-weight: bold;
	
}

td.styledates {
	font-weight: bold; 
	font-size: 10pt;
	color:#003366;
	text-decoration:underline;
	text-align:center;
	background-color:#C0C0C0;

}
.stylenoborder {
		border:0

}
.styletimestamp {
	text-align:center;
	color:white;
	font-size:12px;
}
.styleintro{
	text-align: center; 
	background-color:white;
	color: #003366;
	font-size:10pt;
	font-weight:bold;
	height:170px;
	float:left;
	margin-right:0px;
	margin-left:0px;
	margin-bottom:0px;
	margin-top:0px;
	background-position:center;
	border-top:0px;
	border-bottom:0px;
	border-left:0px;
	border-right:0px;
	width:950px; 
}		

#content {
	width:950px;
	text-align:center;
	margin:0 auto
}
.style100 {
	text-align:center;
	font-size:12px;
	background-color:#FFFFFF;
	font-family:Verdana;
	border:0;
	
}
.style101 {
	font-size:x-small;
	height: 12px;
	width: 14%;
	font-weight:bold;
}
.style102 {
	text-align:center;
	color:white;
	border:1px solid #005588;
	background-color:#005588;
	width:137px;
	font-size:12px;
	font-weight:bold;
		
}
.style103 {
	text-align:center;
	border:1px solid #005588;
	color:#003366;
	font-weight:bold;
	background-color:#FFFFFF;
	font-family:Verdana;
	font-size:12px;
	width:627px;
}
.style104 {
	text-align:center;
	background-color:#FFFFFF;
	font-size:14px;
	color:#003366; 
	font-family:Arial, Helvetica, sans-serif;
	
}
.style105 {
	font-size:12px;
	font-weight:bold;
	background-color:#FFFFFF;
	border:1px solid #005588;
	text-align: center;
	color:#005588
}

}
.style106 {
	text-align:center;
}
.style107 {
	border-width:1px;
	background-color:#FF9900;
	color:white;
	font-size:10px;
	font-family:Verdana;
	text-align:center;
}
.style108 {
	font-size:x-small;
	font-weight:bold;
	
}

.style109 {
	text-align:center;
	font-size:10px;
	background-color:#FFFFFF;

}
.style110 {
	font-size:xx-small;
	font-weight:bold;
	text-align:center;
	color:#FFF;
}
.style112 {
	text-align: center;
	width:137px;
	font-size: 12px;
	font-weight: bold;
	background-color: #FFFFFF;
	border: 1px solid #005588;
	}


.style114 {
	text-align:center;
	font-size:10px;
	font-weight:bold;
	background-color:#FFFF00;
	border: 1px solid#D3D3D3;
	text-align:center;
}
.style116 {
	color:#FFFFFF;
	border-width: 0px;
	font-weight:bold;
	font-size:xx-small
}
.style119 {
	border-width:0px;
}

.style120 {
	
	font-style:italic;
}
.style122 {
	font-size:xx-small;
	font-weight:bold;
	color:white;
	text-align:center;
	width:97%;
}
.style123 {
	text-align: center;
	font-family: Verdana;
	font-size: 10px;
	background-color:silver;
	border: 1px gray solid;
}


#bannermod20 {
	BORDER-RIGHT:#ffffff 0px solid;
	BORDER-TOP:#ffffff 0px solid;
	MARGIN:0px;
	BORDER-LEFT:#ffffff 0px solid;
	WIDTH:193px;
	BORDER-BOTTOM:#ffffff 0px solid;
}
#bannermod20 {
}
#bannermod20 TD {
}
#bannermod20 .bannermodtd {
	PADDING-RIGHT:0px;
	PADDING-LEFT:0px;
	PADDING-BOTTOM:0px;
	PADDING-TOP:0px;
}

#navtable_20 {
	MARGIN:1px 0px;
	WIDTH:100%;
	LINE-HEIGHT:normal;
}

#navtable_20 A {
	PADDING-RIGHT:4px;
	DISPLAY:block;
	PADDING-LEFT:0px;
	PADDING-BOTTOM:2px;
	MARGIN:1px 2px 0px 1px;
	WIDTH:100%;
	PADDING-TOP:1px;
	TEXT-DECORATION:none;
}
#navtable_20 A:hover {
	BACKGROUND:#6BA6D6;
	COLOR:#ffffff! important;
}
.nav1_20 A {
	FONT-SIZE:11px;
	BACKGROUND:#003366;
	COLOR:#ffffff! important;
	FONT-FAMILY:verdana;
	width: 125px;

}
.navon1_20 {
	FONT-SIZE:11px;
	BACKGROUND:#6BA6D6;
	FONT-FAMILY:verdana;
	color: black;
	font-weight:bold;
}
.navtextdivon_20 {
	PADDING-LEFT:20px;
}
p:first-letter {
 font-size : 200%;
 color: #003366;
  }
p:first-line { line-height: 100%; }

#dhtmlbtn_2 {
		border:0;
		width:110px;
		height:30px;
}
#dhtmlbtn_3 {
		border:0;
		width:145px;
		height:30px;
}
#dhtmlbtn_31 {
		border:0;
		width:142px;
		height:30px;
	
}
#dhtmlbtn_4 {
		border:0;
		width:104px;
		height:30px;
}
#dhtmlbtn_6 {
		border:0;
		width:155px;
		height:30px;
}
#dhtmlbtn_5 {
		border:0;
		width:139px;
		height:30px;
}
#dhtmlbtn_7 {
		border:0;
		width:155px;
		height:30px;

}
 
#dhtmlmenu_2 {
	border:0;
	text-align:left;
	WIDTH:110px! important
	
}
#dhtmlmenu_3 {
	border:0;
	float:none;
	text-align:left;
	WIDTH:145px! important
	
}
#dhtmlmenu_31 {
	border:0;
	float:none;
	text-align:left;
	WIDTH:142px! important
}
#dhtmlmenu_4 {
	border:0;
	width:104px;
	float:none;
	text-align:left;
}
#dhtmlmenu_6 {
	border:0;
	float:none;
	text-align:left;
	WIDTH:155px! important
	
}
#dhtmlmenu_5 {
	border:0;
	float:none;
	text-align:left;
	WIDTH:139px! important
}
#dhtmlmenu_7 {
	border:0;
	float:none;
	text-align:left;
	WIDTH:155px! important
}
ul#navigation { width: 193px; float:left; margin:0; border:0; padding:0;   }

ul#navigation li { 
  list-style: none; 
  background-color: #003366; 
  border-top: solid 1px #FFFFFF; 
  text-align:left;
  padding-left:10px; 
  
  color: #FFFFFF; 
  height: 26px;
  font-family:Verdana;
  font-weight:bold;
  font-size:12px;
}
ul#navigation li a { 
  display: block; 
  text-decoration: none; 
  border-bottom: solid 1px #39f; 
  border-right: solid 1px #39f;
  color:#FFFFFF;
  
   
}
a:hover { background-color: #6BA6D6; color: black;
 }
 


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #003366;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: white;
text-decoration: none;
font-family:Verdana;
font-size:14px;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -400px;
left: 10px; /*position where enlarged image should offset horizontally */

}

.ql_btn {
	MARGIN-TOP:0px; PADDING-TOP: 0px
}
#ql_menu {
	BORDER-RIGHT:#000000 0px solid; BORDER-TOP: #000000 0px solid; MARGIN-TOP: 16px; BACKGROUND: #bbaa66; LEFT: 0px; VISIBILITY: hidden; BORDER-LEFT: #000000 0px solid; WIDTH: 157px; PADDING-TOP: 5px; BORDER-BOTTOM: #000000 0px solid; POSITION: absolute; TOP: 0px
}
#ql_menu BR {
	DISPLAY:none
}
#ql_menu A {
	PADDING-RIGHT:4px; DISPLAY: block; PADDING-LEFT: 4px; FONT-SIZE: 11px; PADDING-BOTTOM: 2px; COLOR: #000000; PADDING-TOP: 2px; TEXT-DECORATION: none
}
#ql_menu A:hover {
	BACKGROUND:#003366; COLOR: #ffffff
}