@import url(global_v1-1.css);
@import url(OakHillCC_css/modules.css);
@import url(OakHillCC_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: #FFF;
	font: 20px "Times New Roman", Times, serif;

}


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

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

}

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

}

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;

}

table, div {
	
	color: #000000;
	font: 12px "Lucida Sans Unicode", Verdana, Arial, sans-serif;

}

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

}

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

}

.page {
		color: #f7eed6;
	background: url(../../../Images/background4.gif) 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;

}

/*////////////////////////////////////
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: 888px;
	margin: 24px auto 0 auto;
	text-align: center;
}

#headerTop { 
	width: 879px; 
	text-align: right; 
} 

#headerTop a { 
	padding: 0px 0px 2px 0px; 
	text-transform: uppercase; 
	font: 11px "Lucida Sans Unicode", arial, sans-serif; 
	color: #f8f0d8; 
}
	
#headerTop a:hover {
	color: #c86018;
}	
/* -------------------------------------------------------------
= HEADER CLASSES 
------------------------------------------------------------- */

#header {
	width: 888px;
	height: 191px;
	/*background: url(../../../Images/header.gif) center top no-repeat;*/
	background: url(../../../Images/header2.jpg) center top no-repeat;
	margin: 0 auto;
	text-align: center;
}

#headerLinks {
	margin: 0 0 0 360px;
	padding-top: 35px;
	text-align: left;
}

#headerLinks a {
	color: #c86018;
	font: 12px/32px "Lucida Sans Unicode", arial, sans-serif;
	text-transform: uppercase;
	padding: 0 0 16px 0;
}

#headerLinksPrivate {
	margin: 0 0 0 360px;
	padding-top: 40px;
	text-align: left;
}

#headerLinksPrivate a {
	color: #c86018;
	font: 12px/20px "Lucida Sans Unicode", arial, sans-serif;
	text-transform: uppercase;
	padding: 0 0 16px 0;
}

#contentArea {
	width: 888px;
	text-align: center;
	margin: 0 auto;
}

#Flash {
	width: 888px;
	height: 350px;
	background: url(../../../Images/content_bg2.gif) center top repeat-y;
	margin: 0 auto;
	display: block;
	text-align: center;
}

#Flash img {
	display: block;
}

#pictureArea {
	width: 888px;
	height: 351px;
	background: url(../../../Images/content_bg.gif) center top repeat-y;
	margin: 0 auto;
	display: block;
}

#pictureArea img {
	display: block;
}

#orangeBorder {
	width: 888px;
	height: 5px;
	background: url(../../../Images/orange_border.gif) center top no-repeat;
	margin: 0 auto;
}

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

#nav {


}

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

#contentWrapper {
	width: 888px;
	background: url(../../../Images/content_bg.gif) center top repeat-y;
	margin: 0 auto;
}

#contentWrapper2 {
	width: 888px;
	background: url(../../../Images/content_bg2.gif) center top repeat-y;
	margin: 0 auto;
}

#contentInside {
	width: 880px;
	margin: 0 auto;
	text-align: center;
}

#sidebar {
	width: 322px;
	margin: 0 auto;
	color: #fffffb;
	float: left;
	text-align: center;
}

#sidebar .inside {
	text-align: left;
	padding: 22px 18px;
}

#sidebarPrivate {
	width: 300px;
	margin: 0 auto;
	color: #fffffb;
	float: left;
	text-align: center;
}

#sidebarPrivate .inside {
	text-align: left;
	padding: 22px 18px;
}

#mainContent {
	width: 540px;
	margin: 0 auto;
	float: right;
	text-align: center;
}

#mainContent table, 
#mainContent div {
	color: #f7eed6;
	font: 12px "Lucida Sans Unicode", Verdana, Arial, sans-serif;
}

#mainContent .inside {
	text-align: left;
	padding: 38px 30px 22px 20px;
}

#mainContentPublic {
	width: 850px;
	margin: 0 auto;
	text-align: center;
}

#mainContentPublic table, 
#MaincontentPublic div {
	color: #f7eed6;
	font: 12px "Lucida Sans Unicode", Verdana, Arial, sans-serif;
}

#mainContentPublic .inside {
	text-align: left;
	padding: 38px 30px 22px 30px;
}

/* -------------------------------------------------------------
= fOOTER CLASSES 
------------------------------------------------------------- */
#footerBar {
	width: 888px;
	background: url(../../../Images/footer_bar.gif) top center no-repeat;
	height: 24px;
	margin: 0 auto;
}

#footerBar table, 
#footerBar div {
	color: #f7eed6;
	font: 12px "Lucida Sans Unicode", Verdana, Arial, sans-serif;
}

#footerBar .inside {
	text-align: left;
	padding: 2px 0 0 14px;
}

#footer {
	width: 888px;
	height: 89px;
	background: url(../../../Images/footer.gif) center top no-repeat;
	margin: 0 auto;
	}

#footerText {
	width: 888px;
	margin: 16px auto;
	text-align: center;
	color: #867d70;
	font: 12px "Lucida Sans Unicode", arial, sans-serif;
	padding: 0 0 15px 0;
	}
	
#courseTour table {
	color: #000000;
}

#courseTour a {
	color: #000000;
}

#courseTour a:hover {
	color: #c86018;
}
	
.RadEWrapper div, .RadEToolText,
.RadEContentBordered, 
.RadEContentBordered table,
.RadEContentBordered div,
.RadEContentBordered h1,
.RadEContentBordered p,
.RadEContentBordered a {
	color: #000000;

}

.RadEContentBordered a {
color: #000000;
text-decoration: underline;
}

#siteWrapper.rosterSweep #masterPageUC_MPCA268711_lblLastSync, #siteWrapper.rosterSweep label, .DarkBackgroundWrapper label, .DarkBackgroundWrapper a, .DarkBackgroundWrapper a:hover {
	color: #000;
}