@import url(global_v1-1.css);

/*stylesheets for our framework, please do 
not remove*/
@import url(rollinghillsCC_CT_css/modules.css);
@import url(rollinghillsCC_CT_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,html {
	
	background:  #0a3527;
	color: #000;
}


h1 {
	
	color: #000;
	font: 20px helvetica, "Times New Roman", Times, serif;
	margin-bottom: 1em;

}


h2 {
	
	color: #0a3527;
	font: 20px "Myriad Pro", "Times New Roman", Times, serif;
	padding-bottom: .4em;
	
}

h3 {
	
	color: #0a3527;
	font: bold 16px helvetica, "Times New Roman", Times, serif;
	padding: .6em 0;

}

h4 {
	
	color: #0a3527;
	font: bold 15px arial, Times, serif;
	padding-bottom: 3.8em;

}

h5 {
	
	color: #2b3B24;
	font: 11px Georgia, "Times New Roman", Times, serif;
	display: inline;

}

h6 {
	
	color: #423317;
	font: bold 11px Georgia, "Times New Roman", Times, serif;
	padding: .2em 0;

}

p {
	
	color: #000;
	font: 14px Arial, sans-serif;

}

table, div {
	
	font: 14px Arial, sans-serif;

}

a,a.small,a.anchor,a.visited {
	
	color: #0a3527;
	font: inherit;
	text-decoration: none;

}

a:hover {
	
	color: #848D74;
	font: inherit;
	text-decoration: underline;

}

.page {
	
	background: #eaebec;
	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: siteName
////////////////////////////////////////////////////////*/

.hideText {

	display: none;

}

/*////////////////////////////////////////////////////////////////
= MASTER PAGE SPECIFIC CLASSES 
////////////////////////////////////////////////////////////////*/

#siteWrapper {
	width: 100%;
	background: url(../../../Images/sitebg.gif) center top repeat-x;
	text-align: center;
	margin: 0 auto;
	}
	
#contentWrapper {
	width: 888px;
	text-align: center;
	margin: 0 auto;
}

#header {
	width: 888px;
	height: 138px;
	text-align: center;
	margin: 0 auto;
	}
	
#logo {
	width: 546px;
	height: 118px;
	
	text-align: right;
	margin-top: 10px;
	background: url(../../../images/logo_new.gif) top right no-repeat;
}	
/*
	
#logo {
	height: 119px;
	margin: 0pt;
	width: 371px;
	float: left;
	text-align: left;
}

#logo span{
	background: url(../../../images/logo.gif) no-repeat;
	height: 100%;
	width: 100%;
	display: block;
}

*/	
#memberlogin {
	text-align: right;
	font-size: 11px;
	color: #000000;
	width: 150px;
	
}	

#memberlogin a{
	color: #000000;
	}


#memberlogin2 {
	text-align: right;
	font-size: 11px;
	color: #000000;
	width: 150px;
	margin-top: 110px;
}

#memberlogin2 a{
	color: #000000;
	}

#Flash {
	width: 888px;
	height: 389px;
	text-align: center;
	} 	
	
/* -------------------------------------------------------------
= NAV CLASSES 
------------------------------------------------------------- */

#whiteArea {
	width: 100%;
	background: #FFF;
	text-align: center;
	margin: 0 auto;
	}
	
#whiteWrapper {
	width: 888px;
	text-align: center;
	margin: 0 auto;
	background: #FFF;
	}

#navigation {
	width: 888px;
	background: #FFFFFF;
	height: 34px;
	
}

/* -------------------------------------------------------------
= CONTENT  
------------------------------------------------------------- */

#contentArea {
	width: 888px;
	background: #FFF;
	text-align: center;
	}


#contentMain {
	width: 888px;
	text-align: left;
	padding: 20px 0px;
	}

#contentMain table {
	font: 15px Arial, sans-serif;
}

#contentMain2 {
	width: 888px;
	text-align: left;
	padding: 50px 0px 30px 0px;
}

#picture {
	width: 888px;
	text-align: left;
}

#contentLeft {
	width: 480px;
	text-align:left;
	float: left;
}

#contentRight {
	width: 374px;
	text-align: left;
	float: right;
}

#contentMainSub {
	width: 888px;
	text-align: left;
	padding: 50px 0px;
	}

#leftContentContainer {
	float: left;
	width: 630px;
}


#verticalNavigation {
	width: 150px;
	float: left;
	}
	
#centerContent {
	width: 475px;
	float: right;
	text-align: left;
	
}

#centerContent .inside {
	padding: 0px 10px 0px 20px;
}

#sidebar {
	width: 244px;
	float: right;
}

#leftContentContainerLarge {
	float: left;
	width: 888px;
}

#largeContent {
	width: 724px;
	float: right;
	text-align: left;
	
}

#largeContent .inside {
	padding: 0px 0px 0px 20px;
}

/* -------------------------------------------------------------
= Private homepage 
------------------------------------------------------------- */
#PrivateHomeMain {
	width: 888px;
	text-align: left;
	padding: 8px 0px 30px 0px;
}

#PrivateContentLeft {
	width: 600px;
	text-align: left;
	float: left;
}

#PrivateSidebar {
	width: 265px;
	text-align: left;
	float: right;
	background: url(../../../Images/sidebar_bg.gif) center top repeat-x;
	min-height: 863px;
	height: auto !important;
	height: 863px;
}

#headerLoggedIn {

	text-align: right;
	width: 200px;
	margin: 10px 20px 0;

}


#headerLoggedIn h4 {

	font-style: normal;
	color: #79b09e;
	font: 16px "Times New Roman", Times, serif;
	padding: 0px;

}

#headerLoggedIn h6 {

	color: #076433;
	font: 12px arial, "Times New Roman", Georgia, serif;
	border-bottom: 1px dotted #B2B2B2;
	padding-bottom: .4em;
	margin-bottom: .4em;


}

#headerLoggedIn a {

	color: #076433;
	font: 12px/1.4 "Times New Roman", Georgia, serif;
	text-decoration: none;
	margin: 0 6px;

}

#WeatherHolder {

	text-align: right;
	width: 220px;
	margin: 0px 20px 0;
	clear: right;

}
/* -------------------------------------------------------------
= Public content CLASSES 
------------------------------------------------------------- */


/* -------------------------------------------------------------
= fOOTER CLASSES 
------------------------------------------------------------- */

#footer {
	background: #eaebec;
	color: #076433;
	width: 100%
	height: 100%;
	padding: 20px 0px 10px 0px;
	text-align: center;
	}

#footer a {
	color: #076433;
}

#weatherTable {
	color: #076433;
	width: 100px;
}

#weatherTable img{width: 34px; height: 34px;
}
	
	