@import url(global_v1-1.css);
@import url(BellaCollina_css/modules.css);
@import url(BellaCollina_css/plugins.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

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

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


.home h1 {
	
	color: #4c9f40;
	font: 20px Georgia, "Times New Roman", Times, serif;

}


.home h2 {
	
	color: #42644b;
	font: 16px Georgia, "Times New Roman", Times, serif;
	
}

.home h3 {
	
	color: #aeb3af;
	font: bold 13px/1.6 "Lucida Sans Unicode", Verdana, Arial, sans-serif;

}

.home h4 {
	
	color: #42644b;
	font: italic 16px/1.3 Georgia, "Times New Roman", Times, serif;

}

.home h5 {
	
	color: #42644b;
	font: 11px Georgia, "Times New Roman", Times, serif;
	display: inline;

}

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

}

.home p {
	
	color: #1A1816;
	font: 11px/1.6 "Lucida Sans Unicode", Verdana, Arial, sans-serif;

}

/*.home table, .home div {
	
	font: 11px "Lucida Sans Unicode", Verdana, Arial, sans-serif;

}*/

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

}

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

}

/*.page {
	
	
	text-align: center;
	background-color:fff;
	
}
*/
/*========================================
NEW STYLES -->ERASE ABOVE AND TURN OFF NOTES!!
============================================*/

h1 {
	
	color: #6a0f0f;
	font: 18px Verdana, Arial, Helvetica, sans-serif;

}


h2 {
	
	color: #6a0f0f;
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	
}

h3 {
	
	color: #000;
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;

}

h4 {
	
	color: #c06f00;
	font: italic 16px/1.3 Georgia, "Times New Roman", Times, serif;

}

h5 {
	
	color: #6a0f0f;
	font: 13px Verdana, Arial, Helvetica, sans-serif;

}

h6 {
	
	color: #fff;
	font: 13px Verdana, Arial, Helvetica, sans-serif;

}

p {
	
	color: #000;
	font: 13px Verdana, Arial, Helvetica, sans-serif;

}

table, div {
	
	font: 13px Verdana, Arial, Helvetica, sans-serif;

}

a,a.small,a.anchor,a.visited {
	
	color: #6a0f0f;
	font: inherit;
	text-decoration: underline;

}

a:hover {
	
	color: #6a0f0f;
	font: inherit;
	text-decoration: none;

}

.page {
	
	background: url(../../../Images/pageBg.jpg) center top;
	text-align: center;
	}
	
	ul {
				list-style-image:url(../../../Images/bullet.gif);
				padding-left:0px;
				margin:0px;
				}

.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;

}

/*////////////////////////////////////
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: bellacollina
////////////////////////////////////////////////////////*/


.hideText {
	display: none;
}

.floatLeft {
float:left;
} 

.floatRight {
float:right;
} 

.clearBoth {
clear:both;
} 

.centered {
margin:0 auto;
text-align:center;

}

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



#pubSplash {

	width: 920px;
	margin: 0 auto;
	text-align: center;
	padding: 0 20px 0 20px;
	
}



.Home {
	background:url(../../../Images/HomeBg.jpg) 1725px 67px repeat-x;
	height:657px;
	
}

.Content {
	background:url(../../../Images/ContentBg.jpg) #047446 top center repeat-x;
}

#contentWrapper {
	width:960px;
	margin:0 auto;
	text-align:center;
	background-color:#fff;
	border-left:#fff 5px solid;
	border-right:#fff 5px solid;
	padding-top:14px;}
	

	
/*#homeWrapper {
	width:960px;
	margin:0 auto;
	text-align:center;
	background-color:transparent;
	margin-top:14px;
	
}*/

/*WH - removed top margin*/

#homeWrapper {
	width:960px;
	margin:0 auto;
	text-align:center;
	background-color:transparent;
	
}
	
#Previous {
	height: 480px;
	width: 28px;
	
	}
	
	a#Previous {
		height: 480px;
		width: 28px;
		background:url(../../../Images/Previous.jpg);
		background-position: top left;
		display:block;
}
		a#Previous:hover {
			background-position: top right;
		}
		
#Next {
	height: 480px;
	width: 28px;
	}
	
	a#Next {
		height: 480px;
		width: 28px;
		background:url(../../../Images/Next.jpg);
		background-position: top left;
		display:block;
}
		a#Next:hover {
			background-position: right top;
		}

td.greyLines {
	border-left:#aeb3af 1px solid;
	border-bottom:#aeb3af 1px solid;
	}
	
td.greyRight {
	border-bottom:#aeb3af 1px solid;
	border-right:#aeb3af 1px solid;
	border-left:#aeb3af 1px solid;
	}

/* -------------------------------------------------------------
= HEADER CLASSES 
------------------------------------------------------------- */

/*.headWrapper {
	margin:0 auto;
	text-align:center;
	padding-top:25px;
	width:960px;
	}*/
	
.headWrapper {
	margin:0 auto;
	text-align:center;
	/*padding-top:25px;*/
	height: 177px;
	width:960px;
	}

/*#logo {
	float:left;
	height: 138px;
	width: 160px;
	
	}*/
	
#logo {
	float:left;
	height: 138px;
	width: 160px;
	margin-top: 10px;
	
	}
	
	a#logo {
		height: 138px;
		width: 160px;
		background:url(../../../Images/logo.jpg);
		background-position:top left;
}
		a#logo:hover {
			background-position: left bottom;
		}
		
#comms {
float:right;
width:400px;
padding-top:30px;
}

#comms a, #comms a:visited {
color: #aeb3af;
				text-transform:uppercase;
				padding:2px 4px;
				text-decoration:none;
				font: 10px "Lucida Sans Unicode", Verdana, Arial, sans-serif;
}

#comms a:hover {
color:#6f1100;
}

	
/* -------------------------------------------------------------
= NAV CLASSES 
------------------------------------------------------------- */

#nav {
	width:750px;
	float:right;

}

.navFix {
width:930px;
margin:0 auto;
}

/* -------------------------------------------------------------
= CONTENT  
------------------------------------------------------------- */

#contentArea {
	padding-top:4px;
	width:960px;
	margin:0 auto;
	text-align:center;
	
}



.greenLine {
		border-bottom:#047446 6px solid;}

.center {
	margin:0 auto;
	text-align:center;
	padding-right:5px;}
	
td#Experience {
	background:url(../../../Images/Experience.jpg);
	width:480px;
	height:42px;
	}
	
td#Explore {
	background:url(../../../Images/Explore.jpg);
	width:480px;
	height:42px;
	}

#lNav {
	float:left;
	width:193px;
	}
	
#contentMain {
	float:right;
	width:710px;
	}
	
	#contentMain .inside {
		padding:0 35px 10px 0;
		text-align:left;}
	

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

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

	#footer td {
		padding-top:8px;}
		
		#footer p {
			color: #aeb3af;
			text-transform:uppercase;
			font: 10px "Lucida Sans Unicode", Verdana, Arial, sans-serif;
			}
			
			#footer a {
				color: #aeb3af;
				text-transform:uppercase;
				padding:2px 4px;
				text-decoration:none;
				font: 10px "Lucida Sans Unicode", Verdana, Arial, sans-serif;
				}
				
				#footer a:hover {
					color:#fff;
					background-color: #aeb3af;
					text-transform:uppercase;
					padding:2px 4px;
					text-decoration:none;
					font: 10px "Lucida Sans Unicode", Verdana, Arial, sans-serif;
					}
			
			

#ftrLeft {
	width:550px;
	float:left;
	text-align:left;
	}
	
#ftrRight {
	width:250px;
	float:right;
	text-align:right;
	}
	
	
/*////////////////////////////////////////////////////////////////
= MASTER PAGE SPECIFIC CLASSES 
////////////////////////////////////////////////////////////////*/

.siteWrapper {
margin:0 auto;
width:964px;
background:url(../../../Images/wrapperbg.gif) repeat-y 0 0;
border-bottom:1px solid #d2a07d;	
}

#privWrap {
width:960px;
margin:0 auto;
background:#fff url(../../../Images/contentAreaBg.jpg) bottom center no-repeat;
padding-bottom:1px;
}

/*#pubWrap {
width:960px;
margin:0 auto;
background:#fff;
padding-bottom:1px;
}*/

/*WH - got rid of 1px bottom padding, replaced with 1px bottom margin*/

#pubWrap {
width:960px;
margin:0 auto 1px;
background:#fff;
/*padding-bottom:1px;*/
}

/* *:first-child+html {} * html #pubWrap {


}*/

.privWrappad {
padding:10px 15px 15px 15px;
}

/*.pubWrappad {
padding-top:10px; 
}*/

/*WH - got rid of 15px bottom padding, moved to #pubcontentWrapper*/

.pubWrappad {
padding :10px 0 0; 
width: 960px;
}

/* -------------------------------------------------------------
= HEADER CLASSES 
------------------------------------------------------------- */

#branding {
width:930px;
margin:0 auto;
margin-bottom:10px;
}

#logohov {
		height:100px;
		width:165px;
		display:block;
		}


	a#logohov {
	height:100px;
	width:165px;
	background:url(../../../Images/logohov.gif);
	background-position:top left;
	}
		a#logohov:hover {
		background-position:left bottom;
		}
	
	#brandright {
	width:765px;
	text-align:left;
	}
	
	#pubbrandright {
	width:765px;
	padding-top:70px;
	text-align:left;
	}
	
	#quicklinks {
	width:765px;
	height:70px;
	}
	
	#quicklinks table {
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#a69585;
	}
	
	#quicklinks table a, #quicklinks table a:visited  {
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#a69585;
	text-transform:lowercase;
	text-decoration:none;
	padding:3px;
	}
	
	#quicklinks table a:hover  {
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	text-transform:lowercase;
	text-decoration:none;
	background:#a69585;
	padding:3px;
	}
	
	
	#navWrap {
	width:750px;
	margin-left:15px;
	}
	
	#navWrappub {
	margin-top:70px;
	width:750px;
	margin-left:15px;
	}
	
	#newNav {
	text-align:left;
	width:635px;
	}
	
	#memberLogin {
		height:21px;
		width:115px;
		/*display:none;*/
		}


	a#memberlogin {
	height:21px;
	width:115px;
	background:url(../../../Images/memberloginhov.jpg);
	background-position:top left;
	}
		a#memberlogin:hover {
		background-position:left bottom;
		}
/* -------------------------------------------------------------
= NAV CLASSES 
------------------------------------------------------------- */

#nav {


}

/* -------------------------------------------------------------
= CONTENT  
------------------------------------------------------------- */

#privcontentWrapper {
	background:url(../../../Images/wrapperbg.jpg) top left repeat-y;
	width:930px;
	margin:0 auto;
}

#moduleWrapper {

background:none;
	width:930px;
	margin:0 auto;
	
	}
	
/*#pubcontentWrapper {
	
	width:960px;
	margin:0 auto;
	
	}*/
	
/*WH - added 15px top and bottom padding,  replaces 15px top and bottom margin on  #pubContentWrapper .padding*/

#pubcontentWrapper {
	
	width:960px;
	margin: 0 auto;
	padding: 15px 0 15px;
	
	}
	
	/*#pubContentWrapper .padding {
	background:url(../../../Images/wrapperbg.jpg) top left repeat-y;
	width:920px;
	margin:15px 25px 15px 15px;
	}*/
	
/*WH - removed top and bottom margin, spacing on previouosly mentioned divs*/
	
	#pubContentWrapper .padding {
	background:url(../../../Images/wrapperbg.jpg) top left repeat-y;
	width:920px;
	margin:0 25px 0 15px;
	}
	
	#pubContentWrapper .homepad {
	width:920px;
	margin:0 25px 0 15px;
	}

#mediaWindow {
width:960px;
display:block;
}

/*#mediaWindow img, #mediaWindow table img, #privMedia img, #privMedia table img {
display:block;
}*/

#sidebar {
width:165px;
text-align:left;
background:none;
padding-top:30px;
padding-bottom:20px;
}

	#sidebar .inside {
	width:140px;
	margin-left:10px;
	}

#privContentArea {
width:765px;
text-align:left;
background:none;
}

	#privMedia {
	width:765px;
	}
	
	#privMainContent {
	width:750px;
	margin:0 auto;
	margin-left:15px;
	padding-bottom:20px;
	padding-top:40px;
	}
	
		#mainContentLeft {
		width:435px;
		text-align:left;
		}
		
			#mainContentLeft .topbox {
			padding-bottom:30px;
			border-bottom:1px dotted #a69585;
			}
			
			#mainContentLeft .botbox {
			padding-top:20px;
			}
			
			#mainContentLeft .botbox table {
			font: 11px Verdana, Arial, Helvetica, sans-serif;
			}
			
			#mainContentLeft .botbox h3 {
			font-size:12px;
			}
		
		#mainContentRight {
		width:245px;
		}
		
			#weather {
			background: url(../../../Images/weathersidebg.jpg) repeat-y 0 0;
			height:220px;
			overflow:auto;
				scrollbar-arrow-color: #7f5f16;
				scrollbar-3dlight-color: #7e6017;
				scrollbar-darkshadow-color: #473201;
				scrollbar-face-color: #463201;
				scrollbar-highlight-color: #7e6017;
				scrollbar-shadow-color: #463201;
			
				
			}
				
				#weather .inside {
				padding:10px 10px 10px 20px;
				width:215px;
				}
			
			#events {
			background:#828539;
			width:245px;
			}
			
		#privContent {
		width:730px;
		margin-left:15px;
		padding-bottom:20px;
		}
		
			#privContent .topbox {
			padding-bottom:30px;
			border-bottom:1px dotted #a69585
			}

			#privContent .botbox {
			padding-top:20px;
			}

#pubContent {
		width:720px;
		margin-left:20px;
		padding-bottom:20px;
		text-align:left;
		}
		
#pubIntro {
width:100%;
}

#pubMainContent {
width:100%;
margin-top:20px;
}

	#pubMainContentLeft {
	width:460px;
	}
	
	#pubMainContentRight {
	width:230px;
	margin-left:30px;
	}
	
#pubHomeMain {
background:url(../../../Images/pubhomebg.jpg) repeat-y 0 0;
width:920px;
text-align:left;
}

#pubHomeMainLeft {
width:642px;
padding-top:20px;
padding-bottom:5px;
}

	#callout1 {
	width:290px;
	}
	
	#callout2 {
	width:311px;
	/*margin-left:45px;*/
	}
	
	#callout2 a, #callout2 a:visited, #callout2 a:hover {
	font-size:9px;
	}
	
#pubHomeMainRight {
width:235px;
padding-top:20px;
background:url(../../../Images/learnmorebg.jpg) top left no-repeat;
padding-bottom:5px;
}

	#callout3 {
	width:235px;
	}
	
	
	#explore {
	height:31px;
		width:175px;
		display:block;
	}
	
	a#explore {
	height:31px;
	width:175px;
	background:url(../../../Images/explorehov.jpg);
	background-position:top left;
	}
		a#explore:hover {
		background-position:left bottom;
		}
		
	
	#liveexp {
	
height:31px;
width:175px;
display:block;

}
	a#liveexp {
	height:31px;
	width:175px;
	background:url(../../../Images/liveexphov.jpg);
	background-position:top left;
	}
		a#liveexp:hover {
		background-position:left bottom;
		}
		
		#contactus {
		height:31px;
		width:175px;
		display:block;
		}
		
		a#contactus {
	height:31px;
	width:115px;
	background:url(../../../Images/contactusbut.jpg);
	background-position:top left;
	}
		a#contactus:hover {
		background-position:left bottom;
		}
		
#polling {
border-top:1px dotted #a69585;
border-bottom: 1px dotted #a69585;
padding:5px 0px;
}

	#polling table {
	color:#fff;
	}
	
/* -------------------------------------------------------------
= fOOTER CLASSES 
------------------------------------------------------------- */

#newfooter {
width:960px;
margin:0 auto;
background:url(../../../Images/footerlogo.gif) right top no-repeat;
text-align:left;
height:29px;
margin-top:30px;
}

#newfooter .inside {
width:880px;
padding:10px 0px 30px 0px;
height:30px;
}