@import url(global_v1-2.css);
@import url(BeverlyON_css/modules.css);
@import url(BeverlyON_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;
}


h1 {
	
	color: #000;
	font: 26px "Times New Roman", Times, serif;
	text-transform:uppercase;

}


h2 {
	
	color: #262eb1;
	font: 16px "Times New Roman", Times, serif;
	
}

h3 {
	
	color: #0073b0;
	font: 16px "Times New Roman", Times, serif;

}

h4 {
	
	color: #0073B0;
	font: 20px "Times New Roman", Times, serif;

}

h5 {
	
	color: #333;
	font: 14px "Times New Roman", Times, serif;
	text-transform:uppercase;
	font-weight:bold;

}

h6 {
	
	color: #333;
	font:12px Arial, Helvetica, sans-serif;

}

p {
	
	color: #333;
	font: 14px Arial, Helvetica, sans-serif;

}

table, div {
	
	font: 14px Arial, Helvetica, sans-serif;

}

a,a.small,a.anchor,a.visited {
	
	color: #0073B0;
	font:14px "Times New Roman", Times, serif;
	text-decoration: underline;

}

a:hover {
	
	color: #0073B0;
	font:14px "Times New Roman", Times, serif;
	text-decoration: underline;

}

.page {
	background:#fefbf2 url(../../../images/brandingbg.jpg) repeat-x top left;
	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;

}

/*////////////////////////////////////
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: BeverlyON
////////////////////////////////////////////////////////*/

.hideText {
	display: none;
}

.floatLeft {
float:left;
} 

.floatRight {
float:right;
} 

.clearBoth {
clear:both;
} 

.centered {
margin:0 auto;
text-align:center;

}

/*////////////////////////////////////////////////////////////////
= MASTER PAGE SPECIFIC CLASSES 
////////////////////////////////////////////////////////////////*/

.siteWrapper {
width:960px;
margin:0 auto;
text-align:left;
	
}

#pubHome {
}

	

#pubContent {
}
	

#privHome {
}



#privContent {
}




/* -------------------------------------------------------------
= HEADER CLASSES 
------------------------------------------------------------- */


#branding {
width:960px;
background:url(../../../images/brandinglogo.jpg) no-repeat;
margin:6px 0px 2px;
height:110px;	
}

	
	#logo {
	}
	
	#logo img {
	display:block;
	}

	#toplinks {
	width:240px;
	padding-top:12px;
	text-align:right;
	font:13px Arial, Helvetica, sans-serif;
	color:#5b95b5;
	}
	
	#toplinks a, #toplinks a:hover, #toplinks a:visited {
	font:13px Arial, Helvetica, sans-serif;
	color:#5b95b5;
	text-decoration:none;
	}
	
	#toplinks p {
	
	}
	
/* -------------------------------------------------------------
= NAV CLASSES 
------------------------------------------------------------- */

#nav {
width:960px;
height:40px;
}

#nav .inside {
width:960px;
height:38px;
}

/* -------------------------------------------------------------
= CONTENT  
------------------------------------------------------------- */
#contentWrapper {
width:960px;
background:url(../../../images/sitebg.jpg) repeat-y top left;
}

#contentArea {
	width:710px;
}

#sidebar {
width:250px;
}

#sidebar .inside {
margin:28px 20px 0px;
width:210px;
}

#sidebar .inside .privHome a, #sidebar .inside .privHome a:visited {
font: 18px "Times New Roman", Times, serif;
color:0073B0;
text-decoration:none;
}

#sidebar .inside .privHome a:hover {
font: 18px "Times New Roman", Times, serif;
color:0073B0;
text-decoration:none;
}


#sidebar .inside .privHome td {
border-bottom:1px solid #eae2d4;
padding:5px 0px;
}

#sidebar .inside .privHome td:hover {
background-color:#f7f2df;
}

#sidebar .inside .privHome table {
width:210px;
}

#mediaWindow {
width:710px;
}

#mainContent {
width:710px;
text-align:left;
border-left:1px solid #eae2df;
}

#mainContent .inside {
padding:30px 20px 0px 19px;
margin-bottom:70px;
width:670px;
}

	#welcome {
	width:670px;
	}
	
	#topTitles {
	width:670px;
	margin-top:40px;
	margin-bottom:3px;
	}
	
		#titleLeft {
		width:335px;
		}
		
		#titleRight {
		width:335px;
		}
		
		#titleRight .leftpad {
		padding-left:19px;
		width:314px;
		}
	
	#privTop {
	width:670px;
	background:url(../../../images/privtopdiv.jpg) repeat-y 0 0;
	border-bottom:3px double #eae2d4;
	border-top:1px solid #eae2d4;
	padding-bottom:25px;
	}
	
	#weather {
	width:335px;
	}
	
		#weather .padding {
		width:315px;
		padding-right:20px;
		}
	
	#specials {
	width:335px;
	}
	
		#specials .padding {
		padding-left:29px;
		padding-top:10px;
		width:296px;
		}
		
	#privBottom {
	width:670px;
	padding-top:10px;
	background:url(../../../images/privtopdiv.jpg) repeat-y 0 0;
	}
	
		#features {
		width:335px;
		/*border-right:1px solid #eae2d4;*/
		}
	
			#features .padding {
			width:335px;
			padding-right:20px;
			}

		#calendar {
		width:315px;
		}
		
		#bottomTitles {
	width:670px;
	margin-top:16px;
	margin-bottom:3px;
	}
	
		#titleBLeft {
		width:315px;
		border-bottom:1px solid #eae2d4;
		}
		
		#titleBRight {
		width:315px;
		}
		
		#titleBRight .leftpad {
		width:315px;
		border-bottom:1px solid #eae2d4;
		}
		
		
		#bottomTitles h5 {
		margin-bottom:3px;
		}

#titleAdd {
width:670px;
margin-top:40px;
}		


#contentAdd {
width:670px;
margin-top:3px;
border-bottom:3px double #eae2d4;
border-top:1px solid #eae2d4;
padding-bottom:10px;
padding-top:14px;
}

	#contentAddleft {
	width:325px;
	}
		
	#contentAddright {
	width:325px;
	}
	
#landingContent {
width:450px;
}

#contentSecondary {
width:200px;
padding-left:20px;
}

	.secondaryLinks a, .secondaryLinks a:visited {
	font:13px Arial, Helvetica, sans-serif;
	text-decoration:none;
	}
	
	.secondaryLinks a:hover {
	text-decoration:underline;
	}
	
		#contentSecondary .plgHeaderbarAction, #contentSecondary a.plgHeaderbarAction, #contentSecondary a.plgHeaderbarAction:visited, #contentSecondary a.plgHeaderbarAction:hover{
		color:#333333;
		font-family:Arial;
		font-size:9px;
		padding-bottom:4px;
}

		#contentSecondary .plgHeaderbar {
		font:12px "Times New Roman", Times, serif;
		color:#333;
		padding-bottom:4px;
		text-transform:uppercase;
}

		#contentSecondary table {
		border-bottom:1px solid #cbc9c1;
		}

	
#flashbg {
width:960px;
}

#pubHomeTable {
width:960px;
margin-top:35px;
margin-bottom:70px;
font:12px Arial, Helvetica, sans-serif #333;
}

#pubHomeTable img {
border:5px solid #e0ddde;
}

#pubHomeTable a, #pubHomeTable a:visited {
	color: #7e5407;
	font:12px Arial, Helvetica, sans-serif;
	text-decoration:none ;
	}
	
#pubHomeTable a:hover {
	color: #7e5407;
	font:12px Arial, Helvetica, sans-serif;
	text-decoration:underline;
	}
	
	.interior {
	padding:20px 11px;
	}
	
	.interiorbox1 {
	padding:20px 11px 10px 11px;
	}
	
	#boxleft {
	width:305px;
	}
	
	#box1 {
	width:303px;
	height:150px;
	border:1px solid #98958e;
	}
		#box1 .inside {
		margin:3px;
		width:294px;
		border:1px solid #5c6184;
		height:142px;
		background-color:#fff;
		}
		
		#box1 .inside a, #box1 .inside a:visited, #box1 .inside a:hover {
		font:11px "Times New Roman", Times, serif;
		font-style:italic;
		text-decoration:underline;
		color:#666666;
		
		}
	
	#boxRight {
	width:634px;
	}
	
	#box2 {
	width:303px;
	height:150px;
	border:1px solid #98958e;
	}
		#box2 .inside {
		margin:3px;
		width:294px;
		border:1px solid #5c6184;
		height:142px;
		background-color:#fff;
		}
		
	#box3 {
	width:303px;
	height:150px;
	border:1px solid #98958e;
	}
		#box3 .inside {
		margin:3px;
		width:294px;
		border:1px solid #5c6184;
		height:142px;
		background-color:#fff;
		}

/* -------------------------------------------------------------
= fOOTER CLASSES 
------------------------------------------------------------- */

#footer {
background:#98958e url(../../../images/bgrptfooter.jpg) repeat-x top center;
text-align:center;
margin:0 auto;
}

#footerContainer {
width:960px;
margin:0 auto;
background:url(../../../images/footerimg.jpg) no-repeat top center;
height:222px;
padding-top:50px;
}

#footerText {
width:960px;
}
