/* GLOBAL STYLE */


#vid{
	position:relative;
	width: 290px;
	height: 212px;
	z-index:-1;

}





.currentLink{

	color: #FFFFFF;
	text-decoration: underline;	
}


.currentLinkClub{

	color: #5CFF3F;
	text-decoration: underline;	
}



.currentButtonOn{

	color: #C0C0C0;
	text-decoration: underline;	
}


#searchBoxUpper .row{

	margin-top: 10px;
}


.link{

	color: #FFFFFF;
	text-decoration: none;	
}







#error{

	background-color: #FFB5B5;
	color: #380000;
	border: 4px solid #700000;
	padding-left: 35px;
	padding-bottom: 10px;
	padding-top: 10px;
	text-decoration: none;	
}


.buttonOn{

	color: #FFFFFF;
	text-decoration: none;	
}

.linkE{

	color: #4A7EBB;
	text-decoration: none;	
}

.linkI{

	border: 0;	
}

.link:hover{

	text-decoration: underline;	
}

.linkE:hover{

	text-decoration: underline;	
}

.bold{

	font-weight: bold;	
}

.email{
	
	color: #1F497D;
}

.sectionTitle{
	
	color: #9BBB59;
	font-size: 18px;
	padding: 15px;
}

.sectionTitleBox{
	
	color: #9BBB59;
	font-size: 18px;
	padding-top:15px;
	padding-bottom: 5px;
}


.mainTitleHome{

	color: #9BBB59;
	font-size: 24px;
	padding-top: 15px;
	padding-left:15px;
	padding-bottom: 10px;
}

.mainTitle{

	color: #9BBB59;
	font-size: 24px;
	padding-top: 15px;
	padding-bottom: 10px;
}



/* LAYOUT STRUCTURE */
body{
	
	font-size: 14px;
	font-family: arial;
	line-height:20px;
}



#outer{
	
	background-color: #F9F8F5;
	border: 1px solid #1F497D;
	width: 950px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 5px;
	position: relative;
}


#outerBus{
	
	background-color: #F9F8F5;
	border: 1px solid #1F497D;
	width: 950px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 5px;
	position: relative;	
	line-height:17px;
}

/* NAVIGATION REGION */
#navigation{

	height: 101px;
}

.navUnderline{
	
	border-bottom: 1px solid #DDD9C3;
}

#blueBar{
	
	background: url(../images/blueBar.PNG) repeat-x top left;
	height: 50px;
	font-size: 12px;
	text-align: right;
	padding-top: 12px;
	padding-right: 15px;
	color: #FFFFFF;
}

#logo{

	position: absolute;	
	left: 0px;
	top: 0px;
}

.tab{
	
	background-image: url(../images/tab.png);
	float: right;
	height: 25px;
	width: 94px;
	margin-top: 7px;
	padding-top: 8px;
	text-align: center;
}



.tab .link{
	
	color: #4F81BD;
}
.tab .link:hover{

	text-decoration: none;	
}

.currentTab{
	
	background-image: url(../images/currentTab.png);
	float: right;
	height: 25px;
	width: 94px;
	margin-top: 7px;
	padding-top: 8px;
	text-align: center;
}

.currentTab .currentLink{

	text-decoration: none;	
}


.buttonOff{

	background-image: url(../images/button.png);
	height: 28px;
	width: 116px;
	margin-top: 7px;
	padding-top: 8px;
	text-align: center;
}



.buttonOff .buttonOn{
	
	color: #FFFFFF;
	text-decoration: none;	
}

.buttonOff .buttonOn:hover{

	text-decoration: none;	
}

.currentButtonOff{

	background-image: url(../images/buttonOver.png);
	height: 28px;
	width: 116px;
	margin-top: 7px;
	padding-top: 8px;
	text-align: center;
}

.currentButtonOff .currentButtonOn{

	text-decoration: none;	
}



/* PICTURE REGION */
#mainPicture{

	background-color: #4A7EBB;
	padding: 5px;
	margin: 0px;
	clear: both;
	clear: all;

}

/* CONTENT REGION */
#content{

	padding: 10px;
	margin: 0px;
}

/* LEFT CONTENT REGION - HOME PAGE */
#leftContent{
	
	float: left;
	width: 400px;
	border-right: 1px solid #DDD9C3;
	text-align: center;
	margin-bottom: 10px;
}

#scroll{
	
	overflow: auto; 
	height: 550px;
	border: 1px solid #BCCFE6;

}

#map{

	border: 0px;	

}

/* LEFT CONTENT REGION - Several Pages */
.someText{

	float: left;
	width: 325px;	
	text-align: left;
	padding-left: 45px;
}


.formText{

	float:left;
	line-height:25px;
	width: 280px;	
	text-align: left;
	padding-left: 60px;
}



.leftTd{

	text-align: right;
	width: 75px;
	padding-right:18px;
	vertical-align: text-top;
}


.rightTd{

	vertical-align: text-center;
}





.formTextRight{

	float:left;
	line-height:35px;
	width: 360px;	
	text-align: left;
	padding-left: 20px;
}


.boxText{

	float:left;
	width: 280px;	
	text-align: left;
	padding-left: 60px;
}


.buttonAlignMH{

	margin-top:-10px;
	padding-left:125px;
}

.buttonAlignMHH{

	margin-top:10px;

}


.buttonAlignB{

	margin-top:-30px;
	padding-left:125px;
}



.promoPic{
	margin-left:275px;
	top: -33px;
	position: relative;
}



#promo{
	/*top: -33px;*/
	position: relative;
	height: 85px;
	background: url(../images/promo.png) repeat-x top left;
	margin-left:264px;
	width: 212px;
	padding: 0px;
	padding-top: 7px;
	margin-right: 0px;
	margin-top: -42px;
	margin-bottom: 0px;

}

#promo1{

	height: 5px;
	width: 5px;
	margin: 0px;
	padding: 0px;
	
}


.iFrames{
	height:400px;
	width: 450px;
	border-color: #4A7EBB; 
	border-top-width: thin;
	border-left-width: thin;
	border-right-width: thick;
	border-bottom-width: thick;

}



.iFrameMarket{
	height:2850px;
	width: 800px;
	border:0px;

}

#market{
	padding-left:60px;
	padding-top:15px;
}


.iFramemlsembed{
	height:950px;
	width: 940px;
	border:0px;

}


#mlsembed{
	margin-left:-6px;
	padding-top:2px;
}



.buttonAlignS{
	
	padding-left:72px;
	margin-top:-20px;
	line-height:16px;
}


.buttonAlignC{
	
	padding-left:140px;
	margin-top:-2px;
	line-height:16px;
}




.buttonAlignP{
	
	margin-top:10px;
	text-align: left;
	height: 95px;

	width: 100px;
	line-height:16px;

}


.formTest{
	text-align: center;
	width: 450px;

}



.formBR{

	line-height:10px;

}


/* LEFT CONTENT REGION - BUSINESS PAGE */
#businessTable{
	
	width: 380px;
	padding: 0px;
	border-collapse: collapse;
}

#businessTable .odd{
	
	background-color: #E0E9F4
}

#businessTable .even{
	
	background-color: white;
}

.busPicO {
	border: 3px solid #BCCFE6;
}

.busPicE {
	border: 0px;
}

.rightFeatured{
	
	padding-top: 7px;
	padding-bottom: 12px;
	margin-left: -5px;
	background: url(../images/right.png) repeat-x top left;
	text-align: center;
	height: 80px;
}


.leftFeatured{
	
	padding-top: 7px;
	margin-top: -2px;
	padding-bottom: 12px;
	background: url(../images/left.png) repeat-x top left;
	text-align: center;
	height: 80px;
	font-size: 20px;
	color: white;
	line-height: 23px;
	font-weight: bold;
}

.leftFeatured .leftFeaturedBox{

	padding-top: 15px;
}


.leftFeaturedLink{
	
	color: #FFFFFF;
	text-decoration: none;
}


.leftFeaturedLink:hover{

	text-decoration: underline;
	padding-top: 10px;
}




.featuredLink{
	
	color: #FFFFFF;
	text-decoration: none;
	font-size:20px;
	font-weight: bold;
	line-height: 25px;
}


.featuredLink:hover{

	text-decoration: underline;	
}


.subText{
	
	font-size: 14px;
}





#businessTable td{
	
	text-align: left;
	border: 1px solid #BCCFE6;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
}

#businessTable .pictureColumn{
	
	width: 95px;
	padding: 12px;
	text-align: center;
}

#businessTable p{
	
	padding: 0px;
	margin: 0px;
}

#businessTable .info{
	
	padding-bottom: 5px;
}


.businessTitle{

	color:   #4F81BD;
	text-decoration: none;
	
}

.businessTitle:hover{

	text-decoration: underline;
}

.getDirections{
	
	color:   #4F81BD;
	font-size: 10px;
	text-decoration: none;
}


.getDirectionsFeatured{
	
	color:   #4F81BD;
	font-size: 12px;
	text-decoration: none;
}

.getDirections:hover{
	
	text-decoration: underline;
}

.getDirectionsFeatured:hover{
	
	text-decoration: underline;
}

/* LEFT CONTENT REGION - CLUB HARBORSIDE */
#clubText{

	padding-left: 20px;
	padding-right: 20px;
	text-align: left;
	margin-bottom: 10px;
}

.vipSubject{

	font-weight: bold;
	font-size: 13px;
}




/* Listings Table */
#listingTable{
	

	padding: 0px;
	width: 900px;
	border-collapse: collapse;
}


#listingTable .listingPic{
	
	padding-left: 75px;
	padding-right: 15px;

}

#listingTable .listingDet{

	vertical-align: text-top;
	padding-top: 15px;
}

.list{
	
	margin: 0px;
	padding: 0px;
	line-height: 20px;
}

.status{

	color: 	red;
	font-weight: bold;
}


.listingTitle{

	color: 	#4F81BD;
	text-decoration: none;
	font-weight: bold;
	font-size: 16px;
}

.listingTitle:hover{

	text-decoration: underline;	
}



.listingLink{
	
	color:   #4F81BD;
	text-decoration: none;
}



.listingLink:hover{
	
	text-decoration: underline;
}



/* RIGHT CONTENT REGION - BUSINESS PAGE */
#featuredTable{
	
	width: 520px;
	padding: 0px;
	margin-left: -35px;
	border-collapse: collapse;
}

#featuredTable p{
	
	margin: 0px;
	padding: 0px;
}

#featuredTable .featuredInfo{
	
	padding: 15px;
}

#featuredTable .featuredPicVid{

	vertical-align: text-top;
	padding-top: 15px;
}



#featuredTable .info{
	
	padding-bottom: 9px;
}


.featuredTitle{

	color: 	#4F81BD;
	text-decoration: none;
	font-weight: bold;
	font-size: 15px;
}

.featuredTitle:hover{

	text-decoration: underline;	
}





/* RIGHT CONTENT REGION - HOME PAGE*/
#rightContentHome{

	float: left;
	line-height:19px;
	text-align: left;
	padding-left: 20px;
	width: 505px;
}

.homeChart{
	border: 2px solid #8EB4E3;
	width: 228px;
	height: 152px;
}

.rightHome{

	padding-left:10px;
	
}


#rightContent{

	float: left;
	margin-bottom: 10px;
	text-align: left;
	padding-left: 50px;
	width: 450px;
}


/* RIGHT CONTENT REGION - ABOUT PAGE*/
#bottomContent{

	clear: both;
	clear: all;
	margin-top: -20px;
	padding: 0px;
	margin-bottom: 10px;
	text-align: left;
	padding-left: 50px;
	width: 850px;
}


.hrbottom{

	color: #DDD9C3;
	background: #DDD9C3;
	border:none;
	height: 1px;
}

ol li{

	font-weight: bold;
}


li span{
	font-weight:normal;
}


/* RIGHT CONTENT REGION - ABOUT PAGE*/
#contactForm{

	text-align: center;	
	margin-top: 30px;
}



/* LEFT CONTENT REGION - several PAGES*/
#searchBoxUpper{

	background-image: url(../images/box2.png);
	background-repeat: no-repeat;
	height: 255px;
	width: 375px;
	margin-top: 20px;
	margin-bottom: 15px;
	margin-left: 0px;
	margin-right: 0px;
}

#searchBoxLower{

	background-image: url(../images/box3.png);
	background-repeat: no-repeat;
	height: 132px;
	width: 375px;
	margin: 0px;
	margin-top: 5px;
}

.backLink{

	text-align: right;
	margin: 0px;
	width: 450px;
}

.backLink a{

	text-decoration: none;	
	color: #0000CC;
}

.backLink a:hover{

	text-decoration: underline;	
}

.cityInfo{

	margin-top: 10px;	
}

/* RIGHT CONTENT REGION - CONTACT PAGE*/
#contactBox{

	background-image: url(../images/box.png);
	background-repeat: no-repeat;
	height: 380px;
	margin: 0px;
}

.contactTitle{

	font-size: 14px;
	font-family: arial;
	margin-top: -20px;
	color: black;
	padding-left:128px;
}



#contactBox #searchForm{

	margin-top: 10px;
}

#contactBox #searchForm #message{

	margin-top: 10px;
}


/* FOOTER REGION */
#footer{

	clear: both;
	clear: all;
	background-color: #DDD9C3;
	padding: 10px;
	margin: 0px;
	height:  115px;

}



/* LEFT FOOTER REGION */
#leftFooter{
	
	float: left;
	background-color: #DDD9C3;
	width: 400px;
	border-right: 1px solid #948A54;
}

.picture{

	float: left;
	margin-left: 15px;	
}

#contactInfo{

	float: left;
	margin-left: 20px;
	line-height: 18px;
	font-size: 12px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;	
}

/* RIGHT FOOTER REGION */
#rightFooter{

	float: left;	
	background-color: #DDD9C3;
	padding-left: 150px;
}

/* COPYRIGHT */
#copyright{

	clear: all;
	clear: both;
	text-align: center;
	color: #A0A0A0;	
	font-size: 12px;
	width: 950px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 5px;	
}



/* PROMOTION */

#promotion{
	
	background-color: #F9F8F5;
	border: 1px solid #1F497D;
	width: 500px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 5px;
	position: relative;
	line-height: 14px;
}





#promotionBlueBar{
	
	background: url(../images/blueBar.PNG) repeat-x top left;
	height: 50px;
	text-align: right;
	padding-top: 10px;
	padding-right: 15px;
	color: #FFFFFF;
}

#promotionContent{

	padding: 35px;
	margin-top: -30px;
	margin-bottom: -50px;
	text-align: center;
	font-size: 12px;

}

#promotion p{

	padding-bottom: 10px;
}

#promotion #promotionTitle{

	font-size: 16px;
	font-weight: bold;
	color: #9BBB59;
	padding-bottom: 10px;
}

#promotion .terms{
	
	color: gray;
	padding-bottom: 0px;
	font-size: 10px;
}

#promotionFooter{
	
	background-color: #DDD9C3;
	padding: 10px;
	margin-top: -25px;
	height:  115px;
	text-align: center;
	border-top: 1px solid #1F497D;
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
/*Adapted by Flynt Paradigm*/





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

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

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -10000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

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

}

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

}



/* LEFT CONTENT REGION - BLOG PAGE */
#blogTable{
	
	width: 380px;
	padding: 0px;
	border-collapse: collapse;
}

#blogTable .odd{
	
	background-color: #E0E9F4;
}

#blogTable .even{
	
	background-color: white;
}

#blogTable td{
	
	text-align: left;
	border: 1px solid #BCCFE6;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
}

#blogTable p{

	margin: 0px;
	padding: 0px;
	padding-bottom: 5px;
}

#blogTable .postedDate{

	color: #7F7F7F;	
}

#blogTable .blogMore{
	
	color:   #4F81BD;
	text-decoration: none;
}

#blogTable .blogMore:hover{

	text-decoration: underline;	
}

/* RIGHT CONTENT REGION - BLOG PAGE */
.postedDateRight{

	color: #7F7F7F;	
	margin: 0px;
	padding: 0px;		
}

.postedAuthor{
	
	color: #7F7F7F;	
	margin: 0px;
	padding: 0px;	
}

.postedAuthor a{

	text-decoration: none;
	color: #4F81BD;
}

.postedAuthor a:hover{

	text-decoration: underline;	
}

.blogCommentLink{
	
	color:   #4F81BD;
	text-decoration: none;
}

.blogCommentLink:hover{

	text-decoration: underline;	
}

.comment{
	
	background: url(../images/commentBackground.PNG) repeat-y top left;
	width: 450px;	
	padding: 7px;
	margin: 0px;
}

.comment p{

	margin: 0px;
	padding: 0px;		
}

.commentTail{
	
	background: url(../images/commentBackgroundTail.PNG) no-repeat top left;
	width: 450px;
	height: 50px;
	margin: 0px;
	margin-left: 15px;
}

.commentTail p{

	margin: 0px;
	padding-top: 10px;
	padding-left: 50px;	
	color: #7F7F7F;	
}

.commentTail a{
	
	color: #4F81BD;
	text-decoration: none;	
}

.commentTail a:hover{

	text-decoration: underline;	
}

#scrollBlog{
	
	overflow: auto; 
	height: 550px;
}

/* DIALOG CSS */

#dialog{
	background-color: #2C5D98;
	border: 2px solid #FFFFFF;		
}

.ui-dialog-titlebar{
	background: url(../images/dialog/greenTitle.png) repeat-y top left;
	border: 2px solid #FFFFFF;	
	border-bottom: 0px solid #FFFFFF;	
	color: #4F81BD;	
	font-weight: bold;
	font-size: 16px;
	padding: 10px;
	text-align: center;
}

.ui-dialog-titlebar-close{
	position: absolute; 
	right: 12px;
	font-weight: normal;
	font-size: 14px;
	color: #9F9F9F;
	text-decoration: none;
}

.ui-dialog-titlebar-close:hover{
	text-decoration: underline;
}

#dialog .dialogBottom{
	text-align: center;
	font-size: 20px;	
	font-weight: bold;
	color: #FFFFFF;
}

#dialog .green{
	color: #2DFF64;	
}
#dialog #dialogTable{
	margin-top: 10px;
	margin-left: 10px;
}

#dialog #dialogTable .topColumn{
	vertical-align: top;
	padding-left: 20px;	
	padding-right: 20px;
}

#dialog .topColumn p{
	margin-top: 0px;
	padding-top: 0px;	
}

#dialog a{
	text-decoration: none;
}

#dialog a:hover{
	text-decoration: underline;
}

#dialog .topColumn img{
	text-decoration: none;
	border: 0px solid black;
	position: relative;
	top: -13px;
}

#dialog .topColumn .searchSmart{
	position: relative;
	top: 3px;
}


/* FONTS */

.bigWhite{
	color: #FFFFFF;
	font-size: 20px; 
}

.white{
	color: #FFFFFF;
}



/* FISHING SLIDESHOW */


#slideshow {
    position:relative;
    height:235px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}


#disclaim{
	
	font-size: 10px;
	line-height:15px;
	font-weight: bold;	
}




/* IMaGE For the Blog */


.blogImgCaption{
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	background-color: #E0E9F4;
	font-size:10px;
	font-weight:bold;
	line-height:15px;
	width: 430px;
}