/*
=============================================
LAYOUT 
=============================================
*/
body {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	background-repeat:repeat-x;
	
}

p {
	font-size: 12px;
	line-height: 17px;
}


#twocol2 {
	width:250px;
	vertical-align:top;
	padding:0px;
	background-position: right bottom;
}
#twocol1{
	padding:20px;
	vertical-align: top;
}



/*
=============================================
BODY TABLE
=============================================
*/

.normalcontentcell{
	padding:20px;
	vertical-align: top;
	line-height: 17px;
	color: #333333;
}

img.imageStyle1 { 
border: 5px solid #def;
background: #aaa;
padding: 1px;
}


.normalcontentcell p {
	margin-top: 2px;
	margin-bottom: 10px;
}
.mediacontentcell{
	padding:0px;
	vertical-align: top;
}

#bodytbl{
	width: 960px;
	margin-left:auto;
	margin-right:auto;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: 2763a5;
	border-left-color: 2763a5;
	padding: 0px;
	border-top-style: none;
	border-bottom-style: none;
	border-collapse:	collapse;
	margin-top: 0px;
	margin-bottom: 0px;
	
}
#bodytbl{
	font-size:12px;
	color: #333333;
}
#bodytbl a:link {
	color:#245398;
	text-decoration:underline;
}
#bodytbl a:visited {
	color:#2763a5;
}
/*
=============================================
HEADERS & FOOTER 
=============================================
*/
#headerTbl{
	width:960px;
	margin-left:auto;
	margin-right:auto;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	border-collapse:	collapse;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.headerCell {
	background-image: url(/objs/2007redesign/header_bg.gif);
	font-size: 10px;
	text-align:left;
	color: #003366;
	background-repeat: repeat;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #2763a5;
	border-right-color: #2763a5;
	border-bottom-color: #2763a5;
	border-left-color: #2763a5;
	margin: 0px;
	padding: 0px;
	background-color: #86C2F2;
}
.headerCelladspace {
	background-image: url(/objs/2007redesign/header_adspace_top.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#headermenu {
      float:left;
      width:100%;
      font-size:93%;
      line-height:normal;
}
#headermenu ul {
	  margin:0;
	  padding:10px 10px 0 50px;
	  list-style:none;
}
#newstable {
}

#headermenu li {
display:inline;
margin:0;
padding:0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
  }
#headermenu a {
  float:left;
  background:url("/objs/tableft10l.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 4px;
  text-decoration:none;
  background-position:0% -42px;
  }
#headermenu a span {
  float:left;
  display:block;
  background:url("/objs/tabright10on.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  color:#FFFFFF;
   background-position:100% -42px;
  }
  
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#headermenu a span {float:none;}
/* End IE5-Mac hack */

#headermenu a:hover span {
  color:#FFF;
  }
#headermenu a:hover {
  background-position:0% -0px;
  }
#headermenu a:hover span {
  background-position:100% -0px;
  } 
	
#headermenu .BNhover {
background-position:0% -0px;
}

#headermenu .BNhover span {
background-position:100% -0px;
}	 

.subMenu {
	background-color: #3a75b6;
	padding-left: 10px;
	border-right: 1px solid #2763a5;
	border-bottom: 1px solid #2763a5;
	border-left: 1px solid #2763a5;
	color: #fff;
	font-size: 11px;
	text-align: left;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	font-weight: normal;
}
.subMenu a:link, .subMenu a:visited  {
	text-decoration: none;
	color: #FFF;
	padding-right: 3px;
	padding-left: 3px;
}
.subMenu a:hover {
	text-decoration:underline;
}

.footer { background-color: #3a75b6; text-align: center; font-size: 10px; color: #FFF; padding: 5px; border-top: 1px solid #2763a5; }
.footer a:link, .footer a:visited{ color: #FFF; text-decoration: none; }

 
/*
=============================================
TEXT STYLING
=============================================
*/

.normalcontentcell h1{
	font-family:"Century Gothic", Verdana, Arial, sans-serif;
	color:#245398;
	font-size:25px;
	padding-bottom: 10px;
	margin-bottom: 5px;
	line-height: 30px;
	
}
.normalcontentcell h2, h2 a:link{
	font-family:"Century Gothic", Verdana, Arial, sans-serif;
	color:#999999;
	font-size:22px;
	padding-bottom: 0px;
	margin-bottom: 5px;
}  
.normalcontentcell h3{
	font-family:"Century Gothic", Verdana, Arial, sans-serif;
	color:#245398;
	font-size:16px;
	padding-bottom: 0px;
	margin-bottom: 5px;
} 
  
#sidebarcontent{
	padding:10px;
	
}  

#sidebarcontent ul li {
	line-height: 17px;	
}
.surfcamadvert {
	margin: 2px;
	border: 1px solid #2763A5;
}

.surfsponstext{
	font-size:12px;
	}

#sidebarcontent h2{
	font-size:20px;
	font-family:"Century Gothic", Verdana, Arial, sans-serif;
}
#sidebarcontent ul{
	color:#FFFFFF;
	margin-left: 0px;
	padding-left: 15px;
}
#sidebarcontent li{
color:#FFFFFF;
	margin-left: 0px;
	padding-left: 0px;
}
#sidebarcontent a:link {
	color: #FFFFFF;
	text-decoration: underline;
}
#sidebarcontent a:visited {
	color: #FFFFFF;
	text-decoration: underline;
}
#sidebarcontent a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
  
/*
=============================================
Special layouts
=============================================
*/  

#embedcontent{
	text-align:center;
}

.embed3coltable {
}

.embed3coltable td {
	width: 33%;
	text-align:center;
	vertical-align:top;
	
}

.thumbnail{
	background-color:#efefef;
	border: 1px solid #ccc;
	height: 145px;
	margin: 0px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
}
.thumbnail img{
	border: 1px solid #ccc
	
}
.thumbcaption {
	height: 30%;
	font-size: 12px;
	background-color: #ccc;
	color: #245398;
	border: 1px solid #ccc;
	position: relative;
}


  .thumbsTable{
	padding: 10px;	

	
}
.thumbsTable td{
	
	
	margin: 10px;
	
	width:180px;
	text-align:center;
	vertical-align:top;
}


/* Begin accomodation sidebar */
.sidebarBeachhut{
	background-image: url("/objs/sidebars/beachhut.jpg");
	background-repeat: no-repeat;
	background-color: #021e45;
	
	}

.sidebarBeachhut p {
	color:#efefef;
	margin-top: 0px;
	padding-top: 0px;
	line-height: 18px; 
		
}
.sidebarBeachhut h2 {
	color:#efefef;
	margin-bottom: 1px;	
}
/* end accomodation sidebar */

/* Begin property sidebar */
.sidebarHouse{
	background-image: url("/objs/sidebars/house.jpg");
	background-repeat: no-repeat;
	background-color: #021e45;
	
	}

#newsTbl .substory {
	background-color: #CCDBE8;
	vertical-align: top;
	padding-left: 5px;
	padding-top: 2px;
}


#substoryTbl {
	margin-top: 10px;
	margin-bottom: 10px;
}
#substoryTbl th {
	color: #FFFFFF;
	background-color: #3A75B6;
	text-align: left;
	padding: 2px;
}


.sidebarHouse p {
	color:#efefef;
	margin-top: 0px;
	padding-top: 0px;
	line-height: 18px; 
		
}
.sidebarHouse h2 {
	color:#efefef;
	margin-bottom: 1px;	
}
#newsTbl h2 {
	color: #2763A5;
	font-family: "Century Gothic";
	margin-top: 0px;
}

.sidebarGallery{
	background-image: url("/objs/sidebars/gallery.jpg");
	background-repeat: no-repeat;
	background-color: #8BB3DA;
	color: #FFFFFF;
	}
/* end property sidebar */

/* Begin visitor guides/Sports Sidebar */
.sidebarSport{
	background-image: url("/objs/sidebars/sport.jpg");
	background-repeat: no-repeat;
	background-color: #5D90E5;
	
	
	}

.sidebarSport p {
	color:#FFFFFF;
	margin-top: 0px;
	padding-top: 0px;
	line-height: 18px; 
		
}
.sidebarSport h2 {
	color:#FFFFFF;
	margin-bottom: 1px;	
}
/* End Vistor Guides/Sports Sidebar */
.sidebarEvents{
	background-image: url(/objs/sidebars/events.jpg);
	background-repeat: no-repeat;
	background-color: #000033;
	background-position: left bottom;
	
	
	}

.sidebarEvents p {
	color:#FFFFFF;
	margin-top: 0px;
	padding-top: 0px;
	line-height: 18px; 
		
}
.sidebarEvents h2 {
	color:#FFFFFF;
	margin-bottom: 1px;	
}
.sidebarEvents h3 {
	font-size: 16px;
	font-weight: bold;
	color:#FFFFFF;
	margin-bottom: 1px;	
}
.sidebarSurf{
	background-image: url("/objs/sidebars/surfcam.jpg");
	background-repeat: no-repeat;
	background-color: #000033;
	
	
	}
.sidebarSurf p {
	color:#FFFFFF;
	margin-top: 0px;
	padding-top: 0px;
	line-height: 18px; 
		
}
.sidebarSurf h2 {
	color:#FFFFFF;
	margin-bottom: 1px;	
}
.sidebarSurf h3 {
	font-size: 16px;
	font-weight: bold;
	color:#FFFFFF;
	margin-bottom: 1px;	
}



/* Begin news CSS */
#substoryTbl .otherstories {
	background-color: #EEF3F6;
	font-size: 12px;
	padding-top: 4px;
	padding-right: 2px;
	padding-bottom: 4px;
	padding-left: 2px;
}
.newsimg {
	border: 1px solid #3A75B6;
	margin-top: 2px;
	margin-right: 5px;
	margin-bottom: 2px;
	margin-left: 0px;
}
#substoryTbl h3 {
	margin-top: 2px;
	color: #2763A5;
	font-family: "Century Gothic";
	margin-bottom: 3px;
}
.sidebarNews {

	background-image: url(sidebars/news.jpg);
	background-repeat: no-repeat;
	background-color: #003366;
}
.sidebarNews h2 {
	color: #FFFFFF;
}

.sidebarNews p {
	color:#FFFFFF;
	margin-top: 0px;
	padding-top: 0px;
	line-height: 18px;
		
}


.littledate {
	font-size: 10px;
	color: #000000;
	font-weight: bold;
}

.sidebarDir{
	background-image: url("/objs/sidebars/directory.jpg");
	background-repeat: no-repeat;
	background-color: #5D90E5;
	
	
	}
.sidebarDir p {
	color:#FFFFFF;
	margin-top: 0px;
	padding-top: 0px;
	line-height: 18px; 
		
}
.sidebarDir h2 {
	color:#FFFFFF;
	margin-bottom: 1px;	
}

/* End news CSS */

.sidebarIndex{
	background-image: url("/objs/sidebars/homepage.jpg");
	background-repeat: no-repeat;
	background-color: #000033;
	
	
	}
.sidebarIndex li {
	color:#FFFFFF;
	margin-left: 0px;
	padding-left: 0px;
}




.sidebarIndex ul {
	color:#FFFFFF;
	margin-left: 0px;
	padding-left: 15px;
}

.sidebarIndex p {
	color:#FFFFFF;
	margin-top: 0px;
	padding-top: 0px;
	line-height: 18px; 
		
}
.sidebarIndex h2 {
	color:#FFFFFF;
	margin-bottom: 1px;	
}
.sidebarIndex h3 {
	font-size: 16px;
	font-weight: bold;
	color:#FFFFFF;
	margin-bottom: 1px;	
}

/* Begin Gallery Styles */

/*
input { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #666; border: 1px solid #666;}
textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #666; border: 1px solid #666; }
select { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #666; }
*/

.galleryThumbs { background-color: #EEE; border: 1px solid #CCC; padding-top: 3px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-bottom: 10px; }
.galleryAlbums {
	background-color: #EEEEEE;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	font-size: 10px;
	padding: 5px;
}

.galleryRows { padding-top: 10px; border-bottom: 10px solid #C00; }




.galleryCopy { font-size: 10px; }
.galleryButtons {
	background-color: #EEEEEE;
	font-size: 10px;
	color: #FFFFFF;
	padding: 3px;
}
.galleryCaption {
	font-size: 11px;
	color: #666666;
	background-color: #EEEEEE;
	padding: 5px;
}
.gallerySmButton {
	padding: 3px;
	color: #FFFFFF;
}
.gallerySmButton a, .gallerySmButton a:link, .gallerySmButton a:visited, .gallerySmButton a:hover {
	color: #FFFFFF;
}


.galleryButtons a {
	color: #666666;
}
.galleryNoMoreImages {
	color: #CC0000;
	padding: 0px;
	border: 0px solid #CC0000;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.galleryAlbum {
	background-color: #BFD6EA;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	font-size: 10px;

}
.galleryImage {
	border: 0px solid #FF6600;
	margin: 0px;
	padding: 5px;
	width: 108px;
	background-color: #FFFFFF;
}


/* End gallery styles */

/* Begind Guide Style */

.guideImg {
	margin: 6px;
	padding: 2px;
	border: 1px solid #CCCCCC;
}

/* End Guide Style */

#bodytbl  .listing {
	padding: 10px;
	margin:2px;
}
#bodytbl  .listingTitle {
	font-weight:bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EEE;
}
.listingSponsored{
	background-color:#efefef;
}

/* Directory styles */
.directoryIndex {background-color:#EEE; font-size: 12px;}
.directoryIndexs {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #F8F8F8;
	font-size: 14px;
	line-height: 21px;
	font-weight: normal;
}
.directoryIndexs h3 { 
	font-size: 19px;
}
.directorySearch {background-color:#EEE; margin:10px; font-size: 12px;}
.listindent {padding-left:20px; width:500px;}
.SEhighlight {
	color: #FF6600;
}

.inputSearchbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #333333;

}
.inputButton {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 18px;
}
/* End Directory styles */

/* Property Rent & Sale detail pages */
.propertydetail {background-color: #EEF3F6; margin: 2px; padding: 8px;}
/* Property End Rent & Sale detail pages */

.FormInput {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	padding: 3px;
}

.eventdate {
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	background-color: #3A75B6;
	padding: 2px;	
	background-image: url(event_title_bottomight.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	
	
}
.eventtitle {
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	background-color: #CCDBE8;
	background-image: url(event_title_bottomight1.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	width: 660px;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;

}
.eventtitle_ {
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	background-color: #CCDBE8;
	background-image: url(event_title_bottomight1.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;

}
.evtdesc {
	font-size: 12px;
	background-color: #EEF3F6;
	margin-bottom: 2px;
	width: 660px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	line-height: 17px;
	color: #333333;
}
.evtdescSC {
	font-size: 12px;
	background-color: #EEF3F6;
	margin-bottom: 2px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.evtlink { font-size: 10px; background-color: #EEF3F6; padding: 5px;}

.bartop {
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	background-color: #3A75B6;
	background-image: url(event_title_bottomight.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
	width: 660px;
	
	
}
.bartop h2, .bartop h3, .bartop h1 { color: #FFFFFF; padding: 0px; margin: 0px; }
.bartopNocurve {
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	background-color: #3A75B6;
	padding: 2px;	
	
	
	
}
.warning {
	width:320px;
	height:240px;
	background:url(/images/surfcam/timeout.jpg) bottom right no-repeat;
	border: solid #FF0000;
	font-weight: bold;
	padding: 10px;
	margin: 4px;	
	text-align: center;
}

/* ==========================  */
.Jun07GreyTd {
	background-color: #EFEFEF;
	padding: 5px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	font-size: 11px;
}
.Jun07GreyTd h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #D3A900;
}
.Jun07Input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	padding: 2px;
	border: 1px solid #CCCCCC;
	height: 20px;
}
.Jun07InputError { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	padding: 2px;
	border: 2px solid #CC0000;
	height: 20px;
}
.Jun07Button {
	background-color: #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	padding: 2px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}
.Jun07Checkbox {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}
.Jun07Smalltext {
	font-size: 10px;
	line-height: 15px;
}
.Jun07Highlight {
	background-color: #EEEEEE;
	padding: 10px;
}
.Jun07GreyTdPlain {

	background-color: #EFEFEF;
	padding: 5px;
	font-size: 11px;
}
.Jun07fakelink {
	cursor: pointer;
	text-decoration: underline;
}
.Jun07Errortext {
	color: #CC0000;
	font-size: 10px;
	line-height: 15px;
}

/* ================================================================= */

.indexLatestnews {
	background-color: #EFEFEF;
	line-height: 17px;
	padding: 10px;
	width: 660px;
}
.indexLatestnews h2, .indexLatestnews h3, .indexLatestnews h1 { padding: 0px; margin: 0px; }
.indexLatestnews_date { size: 10px; color: #999999; } 
.indexLatestnews hr {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #245398;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.indexTodayevtSub {
	background-image: url(indexEventbg_l.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 18px;
	height: 27px;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	font-family:"Century Gothic", Verdana, Arial, sans-serif;
	
}
.indexTodayevt {
	background-color: #245398;
	background-image: url(/objs/indexEventbg.jpg);
	background-repeat: repeat-x;
	padding: 0px;
	
}
.evtList, .evtList a:link, .evtList a:visited { font-size: 10px; padding-left: 8px;} 
.alignright {float:right; padding: 10px;}
.alignleft {float:left; padding: 10px;}

#adbanner {
	float: right;
	width: 400px;
	
}
.adban { padding: 10px; }
.indexEvtD {
	border: 1px solid #C0C0C0;
} 
.bartopSC {
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	background-color: #3A75B6;
	background-image: url(event_title_bottomight.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;

}
.headerbannerarea {
	background-color: #00CCFF;
	position: absolute;
}
.tblkeyevent {
	border: 2px dashed #000000;
}
.tblkeyevent .eventdate {
	background-image: none;
	background-color: #FFFFFF;
	color: #000000;
}
.tblkeyevent .eventtitle {
	background-image: none;
	background-color: #FFFFFF;
}

#adBlock
{
    position:relative;

}

#adBlock img{
    float:right;
    margin:0;
    padding:0;
    border:0;
    border-left:#fff 1px solid;
    border-bottom:#fff 1px solid;
}


#surfLeftCol
{
    width:570px;
    float:left;
    overflow:hidden;
    text-align:left;
}

#surfRightCol
{
    width:346px;
    float:right;
    overflow:hidden;
}

#surfRightCol .adSense
{
    text-align:center;
    margin:10px 0px 10px 0px;
}

#adInn
{
    text-align:right;
}

.faceBook {
	float:right;
	width:300px;
	padding:20px;
	border:solid 1px #CCCCCC;
	margin-top:20px;
	text-align:left;
	
}