@import url(global_v1-1.css);
@import url(waynesboroCC_CSS/waynesboroCC_modules.css);
@import url(waynesboroCC_CSS/waynesboroCC_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: #8b916a;
	font: 24px/1 Georgia, "Times New Roman", Times, serif;
	margin-bottom: .5em;
	text-transform: uppercase; 
}

h2 {
	color: #001832;
	font: 700 14px Georgia, "Times New Roman", Times, serif;
	margin-bottom: 1em;
}

h3 {
	color: #001832;
	font: 14px Georgia, "Times New Roman", Times, serif;
}

h4 {
	color: #8b916a;
	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;
}

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

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

table {
	font: 14px "times new roman", times, serif;
}

.page {
	background: #000 url(../../../Images/pageBg.jpg) center top no-repeat;
	color: #06406f;
	font: 14px "times new roman", times, serif;
	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: Waynesboro CC
================================*/
#siteWrapper {
	margin: 0 auto;
	text-align: left;
	width: 839px;
}

#branding {
	height: 98px;
	width: 100%;
}

#logo {
	float: left;
	margin-top: 30px;
	width: 250px;
}
	
#branding .floatRight {
	margin-top: 30px;
	width: 250px;
}

#branding h4 {
	color: #1b75bb;
	font: 700 11px arial, helvetica, sans-serif;
	text-transform: uppercase;
}

#siteContent {
	background: #fff url(../../../images/siteContentBg.gif) repeat-y;
	float: left;
	padding: 0 4px;
}
	
#nav {
	background: #033b68 url(../../../images/navBg.gif) no-repeat center top;
	height: 49px;
	padding: 0 0 0 8px; 
}

#contentWrapper {
	background: url(../../../Images/contentAreaBg.jpg) no-repeat top center;
	float: left;
	padding-top: 25px;
	width: 831px;
}

#contentMain {
	float:right;
	line-height: 1.6;
	width: 590px;
}

#contentMain .inside {
	padding-right: 25px;
}

#sidebar {
	color: #1c1e1c;
	float: left;
	width: 215px;
}

#sidebar .inside {
	padding-left: 25px;
}

#sidebar ul {
	padding: 0;
	margin-left: 0;
	list-style-image: url(../../../images/bullet.gif);
}

#footer {
	background: url(../../../Images/footerBg.jpg) no-repeat top center;
	color: #06406f;
	clear: both;
	font-size: smaller;
	height: 124px;
	padding: 90px 0 0 55px;
}

#login {
	background:url(../../../Images/LoginBG.gif) no-repet top center;
	width:600px;
	height:85px;
	}
	
	#login .inside {
		padding:0px 20px 0px 300px;
	}

/* Private Site Specific Layout 
================================*/
/* icon sidebar */
#globalIcons{
	float:left;
	width:45px;
}

#globalIcons ul {
	margin: 15px 0;
	padding: 0;
}

#globalIcons li{
	list-style: none;
	margin: 0 0 1em 17px;
	padding:0;
	text-align: center;
	height: 11px;
	overflow: hidden;
	width:11px;
	position: relative;
}

#globalIcons li a {
	cursor: pointer;
	display: block;
}

li#home, li#news {
	height:10px;
}

#home span, #directory span, #calendar span, #news span {
	position: absolute; 
	height: 100%; 
	width: 100%;
}

#home span {background: url(../../../images/home.gif) no-repeat; }
#directory span {background: url(../../../images/directory.gif) no-repeat;}
#calendar span {background: url(../../../images/calendar.gif) no-repeat;}
#news span {background: url(../../../images/news.gif) no-repeat;}
/* end icon sidebar */

.privHome #siteContent{
	background: #fff url(../../../images/privSiteContentBg.gif) repeat-y;
}

.privHome #contentArea {
	float: left;
	width: 786px;
}

.privHome #contentWrapper {
	float: left;
	padding-top: 0;
	width: 786px;
}

.privHome #contentMain {
	width:571px;
}

.privHome #mainImg {
	margin-bottom: 15px;
	width: 571px;
}

.privHome #sidebar {
	width: 180px;
}


.privHome #sidebar .inside {
	padding: 15px 0 0 15px;
}

.privHome #footer {
	background: url(../../../Images/privFooterBg.jpg) no-repeat top center;
}