@import url(global_v1-2.css);
@import url(clevelandyc_css/modules.css);
@import url(clevelandyc_css/plugins.css);
@import url(adminLogin.css);
/*@import url(admin.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: #07273f;
	font: 23px/.8 Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;

}


h2 {
	
	color: #5e88bb;
	font: 16px Georgia, "Times New Roman", Times, serif;
	
}

h3 {
	
	color: #082a44;
	font: 14px/.8 Georgia, "Times New Roman", Times, serif;

}

h4 {
	
	color: #689cdd;
	font: italic 14px/1.3 Georgia, "Times New Roman", Times, serif;

}

h5 {
	
	color: #09314f;
	font:700 11px Arial, Helvetica, sans-serif;
	display: inline;
	text-transform:uppercase;

}

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

}

p {
	
	color: #09314f;
	font: 12px/1.6 Arial, Helvetica, sans-serif;

}

table, div {
	
	color: #09314f;
	font: 12px/1.6 Arial, Helvetica, sans-serif;
	
}

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

}

	.modCalMonthWeekDay a,a.small,a.anchor,a.visited {
	
		color:#002D9A;
		font:inherit;
		
	}
	
	.modCalMonthWeekEndDay a,a.small,a.anchor,a.visited {
	
		color:#002D9A;
		font:inherit;
		
	}
	
	.tnavTabON a,a.small,a.anchor,a.visited {
	
		color:#002D9A;
		font:inherit;
		
	}
		
a:hover {
	
	color: #111;
	font: inherit;
	text-decoration: underline;

}

.page {
	
	background: #73ACF1 url(../../../images/site_bg.jpg) no-repeat center top;
	text-align: center;
	
}

.CEMenu {
	
	margin: 0;
	padding: 0;

}

div#login_sideColumn .login_fields {
	float:none;
	font-size:10px;
}

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

.hideText {

	display: none;

}

/*////////////////////////////////////////////////////////////////
= UNIVERSAL CLASSES 
////////////////////////////////////////////////////////////////*/

#siteWrapper {

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

#branding {

	text-align:center;
	width:960px;
	margin-top:0px;
	
}
	
	#logo {
	
		float:left;
		width:550px;
	
	}
	
	#login {
		
		float:right;
		width:400px;
		margin-top:44px;
		text-align:right;
	
	}
	
	#lattitude {
	
		width:960px;
		height:18px;
		/*background:url(../../../images/lattitudes.gif) no-repeat;*/
	
	}
	
		
		#lattitude td {
		
			font:700 10px Arial, Helvetica, sans-serif;
			color:#103962;
			
		}
		
		#lattitude a,a.small,a.anchor,a.visited {
		
			font:700 10px Arial, Helvetica, sans-serif;
			color:#fff;
			text-align:center;
			text-decoration:none;
			
		}
	
	#nav {
	
		width:960px;
		height:54px;
		background:url(../../../images/nav_bg.png) repeat-x;
	
	}
	
		#nav .inside {
		
			padding:0px;
		
		}


/* -------------------------------------------------------------
= SPLASH PAGE
------------------------------------------------------------- */

#splashContent {

	width:960px;
	background:#fff;
	padding:3px 0px;

}

#splashFooter {

	width:960px;
	height:140px;
	text-align:center;
	padding-top:10px;

}

	#splashFooter h5 {
		
		font:16px Georgia, "Times New Roman", Times, serif;
		color:#203a59;
	
	}

	#splashFooter p {
		
		font:9px Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		color:#12273f;
	
	}

/* -------------------------------------------------------------
= PUBLIC PAGES
------------------------------------------------------------- */
#pubContent {

	width:960px;
	text-align:center;
	background:#fff;
	
}

#mainimg {

	width:960px;
	padding:3 0;
}

#contentArea {

	background:url(../../../images/content_bg.gif) repeat-y;
	width:960px;

}
	#contentWrapper {
	
		float:right;
		width:725px;
	
	}
	
		#contentMain {
		
			float:left;
			width:430;
			text-align:left;
		
		}
			#contentMain .inside {
			
				padding:30px 5px;
				
			}
		
		#contentSecondary {
		
			float:right;
			width:290px;
			
		}
		
			#contentSecondary .inside {
			
				padding:10 0;
				text-align:left;
			
			}
			
			#Slogo {
			
				height:125px;
				width:276px;
				display:block;
				
			}
	
				a#Slogo {
					
					height:125px;
					width:276px;
					background:url(../../../images/pubHome_quickLink1.jpg);
					background-position:right;
				
				}
		
				a#Slogo:hover {
					
					background-position: left;
					
				}

			#Slogo2 {
				
				height:125px;
				width:276px;
				display:block;
				
			}
	
				a#Slogo2 {
				
					height:125px;
					width:276px;
					background:url(../../../images/pubHome_quickLink2.jpg);
					background-position:right;
					
				}
				
				a#Slogo2:hover {
				
					background-position:left;
					
				}
				
			#Slogo3 {
				
				height:125px;
				width:276px;
				display:block;
				
			}
	
				a#Slogo3 {
				
					height:125px;
					width:276px;
					background:url(../../../images/pubHome_quickLink3.jpg);
					background-position:right;
					
				}
				
				a#Slogo3:hover {
				
					background-position:left;
					
				}	



			
	#sideBar {
	
		float:left;
		width:206px;
		background:#84B5F8 url(../../../images/sidebar_bg.gif) repeat-x;
		padding:0px 10px;
		
	
	}
	
		#sideBar .inside {
		
			padding:20 0;
			
		}
		
		#sideBarBottom {
		
		}
		
		#sideBar a,a.small,a.anchor,a.visited {
		
			text-decoration:none;
			
		}
		
		#sideBarBottom a,a.small,a.anchor,a.visited {
	
			color: #E4EFFD;
			font: inherit;
			text-decoration: underline;
		
		}
		
		#sideBarBottom .largerfont {
		
			color:#e4effd;
			font:12px Arial, Helvetica, sans-serif;
			text-decoration:none;
			
		}
		
#topContent {
	
	width:669px;
	padding:28px;
	text-align:left;
	
}

	#topContent img {
	
		border:3px solid #fff;
		
	}
	
#lowerContent {
	
	width:687px;
	text-align:left;
	padding-bottom:10px;
	
}

	#lowerContent .inside {
	
		padding-right:28px;
		margin-left:28px;

	}

#pubContentLeft{

	float:left;
	text-align:left;
	width:339px;

}

	#pubContentLeft .inside {

		padding:10px 5px 30px 28px;

	}
	
	#pubContentLeft hr {
		
		color: #90AEDA;
		background-color: #90AEDA;
		height: 3px;
		
	}
	
	#pubContentLeft h3 {
	
		color:#07273f;
		font:700 16px Helvetica, arial, sans-serif;
	
	}


#pubContentRight {

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

}

	#pubContentRight .inside{
	
		padding:10px 28px 30px 0px;
	
	}
	
	#pubContentRight hr {
		
		color: #90AEDA;
		background-color: #90AEDA;
		height: 3px;
		
	}
	
	#pubContentRight h3 {
	
		color:#07273f;
		font:700 16px Helvetica, arial, sans-serif;
	
	}
	
/* -------------------------------------------------------------
= PRIVATE PAGES 
------------------------------------------------------------- */

#privContent {

	width:960px;
	background:#fff;
	text-align:center;
	
}

#privContentArea {

	background:url(../../../images/content_bg.gif) repeat-y;
	width:960px;

}

#headerWrapper {

	width:960px;
	margin:0 auto;

}

	#headerWrapper img {

		display:block;
	
	}
	
	#mainHeader {
	
		float:right;
		width:728px;
		height:310px;
		background:#fff;
	
	}
	
		#mainHeader .inside {
		
			padding:3px;
			
		}
		
			#mainHeader .inside h3 {
				
				font:30px/1.3 Georgia, "Times New Roman", Times, serif;
				color:#fff;
				
			}
			
			#mainHeader .inside p {
			
				font:18px Georgia, "Times New Roman", Times, serif;
				color:#fff;
				
			}
			
			#mainHeader .inside a,a.small,a.anchor,a.visited {
			
				font:700 12px Arial, Helvetica, sans-serif;
				color:#f2db79;
				
			}

	#headerLeft {
	
		float:left;
		text-align:left;
		width:196px;
		height:316px;
		background:#689cdd;
		
	
	}
	
		#headerLeft .inside {
		
			padding:20 15;
			
		}
		
		#headerLeft a,a.small,a.anchor,a.visited {
		
			font:12px/.9 Arial, Helvetica, sans-serif;
			color:#d2e4fc;
			padding-left:3px;
			width:196px;
			text-decoration:none;
			
		}
		
		#headerLeft a:hover {

			font:12px/.9 Arial, Helvetica, sans-serif;
			width:196px;
			padding-left:3px;
			color:#fff;
			text-decoration:none;
			
		}	
		
		#headerLeft hr {
		
			border:1px solid #83b4f8;

		}
		
	#privContentWrapper {
	
		float:right;
		width:725px;
	
	}
	
		#privContentMain {
		
			float:left;
			width:430;
			text-align:left;
		
		}
			#privContentMain .inside {
			
				padding:30px 5px;
				
			}
		
		#privContentSecondary {
		
			float:right;
			width:290px;
			
		}
		
			#privContentSecondary .inside {
			
				padding:10 0;
				text-align:left;
			
			}

			
	#privsideBar {
	
		float:left;
		width:206px;
		background:#84B5F8 url(../../../images/sidebar_bg.gif) repeat-x;
		padding:0px 10px;
		
	
	}
	
		#privsideBar .inside {
		
			padding:40 0;
			
		}
		
		#privSideBar h3 {
	
			color:#FFFFFF;
			font:700 18px/.8 Georgia, "Times New Roman", Times, serif;
		
		}
			

#privHomesideBar {
	
		float:left;
		width:176px;
		background:#84B5F8 url(../../../images/sidebar_bg.gif) repeat-x;
		padding:0px 25px;
		
	
	}
	
		#privHomesideBar .inside {
		
			padding:20 0;
			
		}
			
			#privHomesideBar a {
			
				color: #07273f;
				font: inherit;
				text-decoration: none;
				
			}
			
			#privHomesideBar a:hover {
			
				color: #07273f;
				font: inherit;
				text-decoration: underline;
				
			}
#topContent {
	
	width:669px;
	padding:28px;
	text-align:left;
	
}

	#topContent img {
	
		border:3px solid #fff;
		
	}
				
#privTopContent {
	
	width:669px;
	text-align:left;
	padding:28px;
	
}

	#privTopContent .inside {
	
		padding:0px;
	
	}
	
	#privTopContent img {
	
		border:3px solid #fff;
		
	}
	
#privLowerContent {
	
	width:669px;
	text-align:left;
	padding-right:28px;
	padding-bottom:10px;
	
}

	#privLowerContent .inside {
	
		margin-left:28px;

	}

#pluginWrapper {

	width:669px;
	margin:0px 28px;
	
}

#privContentLeft{

	float:left;
	text-align:left;
	width:315px;

}

	#privContentLeft .inside {

		padding:10px 0px 30px 0px;

	}
	
	#privContentLeft hr {
		
		color: #90AEDA;
		background-color: #90AEDA;
		height: 3px;
		
	}
	
	#privContentLeft h3 {
	
		color:#07273f;
		font:700 16px Helvetica, arial, sans-serif;
		
	}


#privContentRight {

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

}

	#privContentRight .inside{
	
		padding:10px 0px 30px 0px;
	
	}
	
	#privContentRight hr {
		
		color: #90AEDA;
		background-color: #90AEDA;
		height: 3px;
		
	}
	
	#privContentRight h3 {
	
		color:#07273f;
		font:700 16px Helvetica, arial, sans-serif;
	
	}

#privQuicklinks {
	
	width:725px;
	text-align:center;	
	
}

	#privQuicklinks .floatLeft {
	
		float:left;
		text-align:center;
		width:362px;

		
	}
	
	#privQuicklinks .floatRight {
	
		float:right;
		text-align:center;
		width:362px;
		
	}


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

#footer {

	width:960px;
	height:100px;
	text-align:center;
	padding-top:10px;

}

	
	#footer h5 {
		
		font:16px Georgia, "Times New Roman", Times, serif;
		color:#203a59;
	
	}

	#footer p {
		
		font:9px Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		color:#12273f;
	
	}