@import url(global_v1-2.css);
@import url(bocaPointe2009_css/modules.css);
@import url(bocaPointe2009_css/plugins.css);
@import url(bocaPointe2009_css/IDX_Listing.css);
@import url(adminLogin.css);


/*
I. GLOBAL:  Global classes, header styles, link styles and .page (body tag) class
II. BUTTONS
III. MISC CLASSES 
IV. CUSTOM SITE SELECTORS

/////////////////////////////////////////////////////*/



/* TEMP FIXES TO OVERWRITE PREV CSS DURING TRANSISION -- DELETE AFTER SET REDESIGN LIVE */
#pubHome { margin:0; }

#pubLinks {
	float:none;
}
#pubMain .inside, #pubSecondary .inside {
	padding:0;
}

/*/////////////////////////////////////////////////////////////////*/




body {
	
	background:  #FFF;
	color: #000;
}


h1 {
	
	color: #6c6c6c;
	font: italic 28px Georgia, "Times New Roman", Times, serif;

}


h2 {
	
	color: #00467f;
	font:25px Georgia, "Times New Roman", Times, serif;
	
}
#pubHome h2, #pubHome h3,
#pubContentArea h2, #pubContentArea h3 {
	color:#fff;
}
#pubHome h2 em, #pubHome h3 em,
#pubContentArea h2 em, #pubContentArea h3 em {
	color:#00467f;
	font-style:italic;
}


h3 {
	
	color: #00467f;
	font: 16px Georgia, "Times New Roman", Times, serif;

}

h4 {
	
	color: #222;
	font:italic 13px/1.3 Arial, Helvetica, sans-serif;
	font-weight:700;

}

h5 {
	
	color: #4273a4;
	font:italic 14px Georgia, "Times New Roman", Times, serif;

}

h6 {
	
	color: #423317;
	font: bold 11px Georgia, "Times New Roman", Times, serif;

}

.lightblue {
	color:#C9E1FF;
	font:10px Georgia, "Times New Roman", Times, serif;
}
.allcaps { text-transform:uppercase; }

p {
	
	color: #222;
	font: 13px/1.6 Arial, Helvetica, sans-serif;

}

table, div {
	
	color: #222;
	font: 13px/1.6 Arial, Helvetica, sans-serif;

}

a,a.small,a.anchor,a.visited {
	
	color: #666;
	font: inherit;
	text-decoration: none;

}

a:hover {
	
	color: #848D74;
	font: inherit;
	text-decoration: underline;

}

.page {
	
	background:#739dd3 url(../../../Images/bg_site.jpg) repeat-x center top;
	text-align: center;
	
}

.CEMenu {
	
	margin: 0;
	padding: 0;

}

/* important edit global text boxes - deFault --------- */
.txtbox {
	
	background: #FFF;
	border-style: inset;
	border-width: 2px;
	color: #000;
	font: 11px Verdana, "Lucida Sans Unicode", Arial, sans-serif;
	margin: 2px 0;

}

/****** END GLOBAL ------------------
/////////////////////////////////////
II. BUTTONS
/////////////////////////////////////
= directory -> edit roster options -> cancel & next button --------- */
.but {
	
	background: #eee;
	border: 1px outset buttonhighlight;
	color: #333;
	cursor: pointer;
	font: 13px Verdana, "Lucida Sans Unicode", Arial, sans-serif;

}

/*= directory -> edit roster options -> close button --------- */
.membut {
	
	background: #eee;
	border: 1px solid buttonFace;
	color: #333;
	cursor: pointer;
	font: 11px Verdana, "Lucida Sans Unicode", Arial, sans-serif;

}

/*= ADMIN BUTTON AND BAR ------ */
.abut {
	
	background: #eee;
	border-style: outset;
	border-width: 2px;
	color: #333;
	font: 11px Verdana, "Lucida Sans Unicode", Arial, sans-serif;
	margin-bottom: 2px;
	margin-top: 2px;

}

.adminbar {
	
	background: #eee;
	color: #333;
	font: 400 12px Verdana, "Lucida Sans Unicode", Arial, sans-serif;

}

#listItems li {

	margin-left:-5px;
	
}


/* Fix Click to Edits */
#pubLinks .clickToEditAnchor {
	width:auto;
	height:auto;
	background:none;
}


/*////////////////////////////////////
III. MISC CLASSES 
//////////////////////////////////////
 --------- general row hover classes --------- */
.rowNormal {
	
	background: #eee;
	color: #000;
	font: 400 11px Verdana, "Lucida Sans Unicode", Arial, sans-serif;

}

.rowHover {
	
	background: #FFF;
	color: #000;
	font: 400 11px Verdana, "Lucida Sans Unicode", Arial, sans-serif;

}

.rowAlternate {
	
	background: #eee;
	color: #000;
	font-weight: 400;

}

.rowHeader {
	
	background: #555;
	border: 1px solid #000;
	color: #FFF;
	font-weight: 700;

}

.cookieTrail {
	
	background: #FFF;
	border-bottom: 1px solid #FFF;
	color: #000;
	display: none;
	font: 400 11px Verdana, "Lucida Sans Unicode", Arial, sans-serif;
	padding: 2px;
	text-decoration: none;

}

a.cookieTrail,a.cookieTrail:hover {
	
	color: #333;
	font: 400 11px Verdana, "Lucida Sans Unicode", Arial, sans-serif;
	text-decoration: none;

}

/*////////////////////////////////////////////////////////
Layout and Custom Selectors For: bocaPointe2009
////////////////////////////////////////////////////////*/

.hideText {

	display: none;

}

/*////////////////////////////////////////////////////////////////
= MASTER PAGE SPECIFIC CLASSES 
////////////////////////////////////////////////////////////////*/

#siteWrapper {

	width:100%;
	text-align:center;
	margin:0 auto;
	
}

#branding {

	width:960px;
	margin:0 auto;
	height:95px;
	text-align:center;

}

	#logo {
		
		float:left;
		width:182px;
		padding:20px 0 0 15px;
		
	}
	
		#logo a {
		
			display: block;
			width: 167px;
			height: 54px;
			background: transparent url(../../../Images/logo.gif) no-repeat;
			
		}
		
		#logo a:hover  {
		
			background: transparent url(../../../Images/logo_hover.gif) no-repeat;
			
		}
	
	
	#weatherPlugin {
		display:block !important; /*remove once live*/
		width:140px;
		color:#008cff;
		
		margin-top:17px;
		
	}
		#weatherPlugin img {
			width:22px;
			vertical-align:middle;
		}
		#weatherPlugin .plgWeatherHghTxt {
			font:11px Georgia, "Times New Roman", Times, serif;
			color:#749ed3;
			
			display:inline;
		}
	
	
	#nav {
	
		float:right;
		text-align:right;
		width:730px;
		margin:4px auto 0;
		
	}
	
		#nav img {
		
			display:block;
			
		}
	
		#hNav {
			
			float:left;
			width:640px;
			
		}
		
		#navPriv {
		
			width:730px;
			
		}
		
		#login {
		
			float:right;
			width:70px;
			
		}
		
			#login a {
		
				display: block;
				width: 69px;
				height: 26px;
				background: transparent url(../../../Images/login_off.gif) no-repeat;
				
			}
			
			#login a:hover  {
			
				background: transparent url(../../../Images/login_hover.gif) no-repeat;
				
			}
			
			


/* -------------------------------------------------------------
= PUBLIC HOME
------------------------------------------------------------- */

#flash {

	width:100%;
	text-align:center;
	background:url(../../../Images/bg_waterFlower.jpg) no-repeat bottom center;
	height:595px;
	margin:0 auto;
	overflow:hidden;
	
	position:relative;	/* <-- OVERLAY SOLUTION (Part B):  MUST APPLY position:relative & z-index:-1 so the MINIPAGE CONTAINERS can OVERLAY element
									and still maintain functionality WITHOUT FLICKERING IN IE */
	z-index:-1;
	
}

	#flash img {
	
		display:block;
		text-align:center;
		
	}


#pubHome {

	width:100%;
	background:none;
	border-top:2px solid white;
	/*margin:-170px auto 0;*/
	/*margin:0px auto;*/
	margin-top:-595px; /* <--	To fix FLICKERING Click-to-Edit in IE:  Must apply negative margin-top and remove all position:relative
								on ANY PARENT <divs> that contain MINIPAGES
								
								!! UPDATE 1.0:  I WAS WRONG.  STILL FLICKERED WHEN APPLIED TO PARENT CONTAINER OF A MINIPAGE
								
								!! UPDATE 2.0:  Use negative margin-top but apply position:relative; z-index:-1; to element you are OVERLAYING
												This will send it backwards but still allows default positions to be applied to MINIPAGE CONTAINERS */
	
}

#pubLinksContainer {
	width:1000px;
	height:425px; /*auto;*/
	margin:0 auto; /*-595px auto 0;*/
	/*position:relative;*/ 	/* <--	CAUSED FLICKERING ISSUE when PARENT <div> didn't have the position applied too.
									Also, I believe having the position:relative applied to container <div> of MINIPAGE
											also causes flickering regardless */
	
	text-align:left;
}

#pubLinks {

	width:238px;
	height:400px;
	
	background:url(../../../Images/bg_pubLinks.png) no-repeat center top;
	
	padding:16px 0px 0px;
	/*
	margin-top:-595px;
	position:relative;
	*/
	text-align:center;
	
}
	
	#pubLinks .inside {
		width:177px;
		margin:0 auto;
	}
	
	/* LINK SETUP */
	
	#pubLinks a {
		
		display:block;
		width:167px;
		max-height:78px;
		height:88px; /* IE Fix */
		
		color:#4273a4;
		font:italic 14px/1.6 Georgia, "Times New Roman", Times, serif;
		letter-spacing:.02em;
		text-decoration:none;
		vertical-align:middle;
		
		background:url(../../../Images/bg_calloutBtn.gif) no-repeat center 0;
		padding:3px 5px 7px;
	}
	
	#pubLinks a:hover {
	
		color:#04457B;
		font:italic 14px/1.6 Georgia, "Times New Roman", Times, serif;
		text-decoration:none;
		
		background-position:center -88px;
		
	}
	
	
	/* TABLE SETUP */
	/*
	#pubLinks a {
		
		display:block;
		width:100%;
		/*height:28px;*/
	/*	text-align:center;
		
		color:#4273a4;
		font:italic 14px/1.6 Georgia, "Times New Roman", Times, serif;
		letter-spacing:.02em;
		text-decoration:none;
		
		background:#fff;
	}
	
	#pubLinks a:hover {
	
		color:#04457B;
		font:italic 14px/1.6 Georgia, "Times New Roman", Times, serif;
		text-decoration:none;
		
		background:#99d1ff;
		
	}
	*/
	
	#pubLinks table table {
		background-position:center top;
		padding:3px 5px 14px;
	}
	
	#pubLinks a img {
		border:none;
		/*display:block;*/
		/*vertical-align:sub;*/
	}
	
	

#pubTop {

	width:960px;
	margin:0 auto;
	text-align:center;
	
}

	#pubTop .inside {
	
		padding:10px 0px;
		
	}
	
	#pubTop table {
	
		color:#2f2f2f;
		font:12px Arial, Helvetica, sans-serif;
		
	}
	
	#pubTop a {
	
		color:#666;
		
	}
	
#pubBottom {

	width:960px;
	margin:0 auto;
	text-align:center;
	
}

	#pubBottom .inside {
	
		padding:50px 20px 50px 0px;
		
	}
	
	#pubBottom p {
	
		color:#fff;
		font:15px/1.4em Arial, Helvetica, sans-serif;
		
	}
	
	#pubBottom table {
	
		color:#fff;
		font:15px/1.4em Arial, Helvetica, sans-serif;
		
	}







#pubContentArea {

	width:960px;
	background:none;
	/*margin:-170px auto 0;*/
	margin:0px auto;
	padding:20px 0 50px;
	
}



#pubMain {

	width:650px;
	float:right;
	text-align:left;

}

	#pubMain .inside {
	
	}
	
	#pubMain p {
	
		color:#fff;
		font:15px/1.4em Arial, Helvetica, sans-serif;
		
	}
	
	#pubMain div {
	
		color:#fff;
		font:15px/1.4em Arial, Helvetica, sans-serif;
		
	}
	


#pubSecondary {

	width:250px;
	float:left;
	text-align:left;
	
}

	#pubSecondary .inside {
		padding-left:20px;
	
	}
	
	#pubSecondary p {
	
		color:#fff;
		font:15px/1.4em Arial, Helvetica, sans-serif;
		
	}
	
	#pubSecondary a {
		font:10px/2.4em Georgia, "Times New Roman", Times, serif;
		color:#c9e1ff;
		text-transform:uppercase;
		text-decoration:none;
	}
	#pubSecondary a:hover {
		color:#e3f0ff;
	}
	#pubSecondary a img {
		border:none;
		vertical-align:middle;
	}






#loginPage {

	
}

	#loginPage a {
	
		color:#666;
			
	}
	
		
	
/* -------------------------------------------------------------
= Content Pages 
------------------------------------------------------------- */

#pgTop {

	background:url(../../../Images/bg_contentAreaTop.jpg) no-repeat top center;
	width:964px;
	height:10px;
	margin:0 auto;
	
}

#pgBottom {

	background:url(../../../Images/bg_contentAreaBottom.jpg) no-repeat bottom center;
	width:964px;
	height:16px;
	margin:0 auto;
	
}

#whiteArea {

	width:964px;
	text-align:center;
	background:url(../../../Images/bg_whiteAreaRepeat.jpg) repeat-y top center;
	margin:0 auto;

}

#contentArea {

	width:940px;
	text-align:center;
	background:url(../../../Images/bg_contentAreaRepeat.jpg) repeat-y top center;
	margin:0 auto;

}
	

	#pgHeader {
	
		width:940px;
		margin:0 auto;
	
	}
	
		#pgHeader img {
		
			display:block;
			
		}
	
	#sideBar {
	
		float:left;
		width:182px;
		text-align:left;
		min-height:600px !important;
		margin-top:20px;
	
	}
	
		#sideBar hr {
		
			color:#a8a8a8;
			
		}
	
		#sideBar .inside {
		
			width:160px;
			padding:10px 0px 10px 22px;
		
		}
		
		#sideBar .lower {
		
			padding:10px 5px;
			color:#fff;
		
		}
		
		#sideBar table {
		
			color:#fff;
			
		}
		
		#sideBar h2 {
	
			color: #fff;
			font:italic 11px/1.5 Georgia, "Times New Roman", Times, serif;
			
		}
		
		#sideBar .plgHeaderBar {
		
			font:400 italic 14px Georgia, "Times New Roman", Times, serif;
			color:#fff;
			
		}
		
	#contentWrapper {
	
		float:right;
		width:740px;
		text-align:left;
		margin-bottom:30px;
	
	}
	
		#contentMain {
		
			width:740px;
		
		}
			
			#contentMain .inside {
			
				padding:30px 15px 15px 30px;
		
			}
			
			#contentMain .insideISC {
			
				padding:30px 10px 15px 20px;
		
			}
			
			#contentMain .insideIDX {
			
				padding:30px 10px 15px 10px;
		
			}
			
			#iFrameIDX {
			
				width:720px;
				height:1900px !important;
				
			}
			
		#contentMid {
		
			padding:15px 15px 15px 40px;
			
		}
		
			#contentMid hr {
			
				color:#e4e4e4;
				
			}
		
		#photoAlbum {
		
			padding:0px 15px 20px 30px;
		
		}
		
			#photoAlbum a {
			
				font:11px Arial, Helvetica, sans-serif;
				color:#666;
				text-decoration:none;
				
			}
			
			#photoAlbum table {
			
				font:11px/1.6 Arial, Helvetica, sans-serif;
				color:#222;
				
			}
		
		#contentBottom {
		
			width:740px;
		
		}
		
			#contentBottom .inside {
			
				padding:20px 15px 20px 30px;
				
			}
			
			#contentBottom a {
		
				color:#666;
			
			}
		
#watermarkBG {

	width:100%;
	text-align:center;
	background:url(../../../Images/bg_waterFlower.jpg) no-repeat bottom center;
	margin:0 auto 15px;

	
}

td.photoWatermark {

	background:url(../../../Images/img_whiteWatermark.jpg) no-repeat bottom center;
	
}

	td.photoWatermark a {

		font:700 12px/1.9 Arial, Helvetica, sans-serif;
		color:#222;
		
	}
	
td.privCalendar {

	background:url(../../../Images/bg_calHeader.gif) top center;
	
}

	.privCalendar a {
	
		font:11px Arial, Helvetica, sans-serif;
		color:#00467f;
		text-decoration:underline;
		
	}
	
#modules2 {

}

	#modules2 .plgPollQuestionArea {
	
		color:#666;
		
	}
	
	#modules2 .plgPollResultBar {
	
		background:#739DD3;
		
	}
	


/* -------------------------------------------------------------
= fOOTER CLASSES 
------------------------------------------------------------- */

#footer {

	width:960px;
	background:url(../../../Images/bg_footer.gif) no-repeat top center;
	height:100px;
	margin:0 auto;

}

	#footer .inside {
	
		padding:8px 10px;
		text-align:left;
		
	}
	
	#footer table {
	
		color:#00467f;
		font:10px Arial, Helvetica, sans-serif;
	
	}
	
	#footer p {
	
		color:#00467f;
		font:10px Arial, Helvetica, sans-serif;
	
	}
	
	#footer a {
	
		color:#00467f;
		font:10px Arial, Helvetica, sans-serif;
		text-decoration:none;
	
	}
	
	#footer a:hover {
	
		color:#fff;
		
	}
	
/*	Facebook Slider*/

.facebook-box {
	width:400px;
	height:420px; 
        float:right;
	background: url(../../../Images/fbslider.png) no-repeat !important;
	display:block;
	right:-360px;
	padding:0;
	position:fixed;
	top: 15px;
	z-index:1002;
}