@import url(global_v1-2.css);
@import url(PlainfieldCC_css/modules.css);
@import url(PlainfieldCC_css/plugins.css);
@import url(adminLogin.css);
@media screen {
.NCPageBreak   { height:10px;border-top:1px dotted #999; margin-bottom:13px; }
}
@media print {
  .NCPageBreak { height:0; page-break-before:always; margin:0; border-top:none; display: block; widows: 0;}
}


/*
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: #0f0f0f;
	font: bold 14px arial, "Times New Roman", Times, serif;

}


h2 {
	
	color: #3c221a;
	font: 14px "Times New Roman", Times, serif;
	
}

h3 {
	
	color: #52697f;
	font: italic 14px arial, "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;

}

p {
	
	color: #000000;
	font: 12px Arial, sans-serif;
	line-height: 16px;

}

table, div {
	
	color: #191919;
	font: 12px Arial, sans-serif;

}

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

}

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

}

a img {
border:0;	
}

.page {
	
	background: #0f0f0f;
	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 
////////////////////////////////////////////////////////////////*/

#PubHomeWrapper {
	width: 100%;
	height: 659px;
	background: url(../../../images/pubhome_bg.jpg) top center repeat-x;
}

#PubWrapper {
	width: 100%;
	height: 196px;
	background: url(../../../images/pub_header_bg.jpg) top center repeat-x;
}

#GrayBG {
	width: 100%;
	background: #2a2a2a;
}

#HeaderPub {
	width: 988px;
	height: 160px;
	text-align: left;
	background: url(../../../images/logo_header.jpg) bottom left no-repeat;
	margin: 0 auto;
}

#headerLogo {
	width: 436px; 
	height: 60px; 
	margin-top: 61px; 
	margin-left: 40px;
	}
	
#headerLogo a{
	display: block; 
	width:100%; 
	height: 100%;
	}

#MemberLogin {
	width: 360px;
	margin-top: 85px;
	margin-right: 8px;
}

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

}

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

}

#Nav {
	width: 960px;
	color: #b1afaf;
	font: 16px "Times New Roman", arial, sans-serif;
	text-transform: uppercase;
	height: 36px;
	margin: 0 auto;
}

#Nav table,
#Nav div {
	color: #b1afaf;
	font: 16px "Times New Roman", arial, sans-serif;
	text-transform: uppercase;
}

#Nav .inside {

}

#Flash {
	width: 960px;
	height: 464px;
	margin: 0 auto;
}

#Flash img {
	display: block;
}


#PublicButtons {
	width: 960px;
	margin: 26px auto 0;
	text-align: center;
}

#ContentContainer {
	width: 960px;
	background: #ededed;
	margin: 0 auto;
}

#ContentContainer .inside {
	padding: 19px 19px 43px 19px;
}

#PubContentImage {
}

#PubContentImage img{
	border: solid 6px #FFFFFF;
}

#PubContent {
	width: 830px;
	margin-left: 50px;
	margin-top: 20px;
	color: #191919;
	font: 12px Arial, sans-serif;
	line-height: 16px; 
	text-align: left;
}

#PubContent a{
	color:#000000;
}

#PubContent table,
#PubContent div {
	color: #191919;
	font: 12px Arial, sans-serif;
	line-height: 16px; 
}

#PubCourseTour {
color:#191919;
font: 12px Arial, sans-serif;
line-height:16px;
margin-top:20px;
text-align:left;
width:922px;
}

#PubCourseTour table,
#PubCourseTour div {
color:#191919;
font: 12px Arial, sans-serif;
line-height:16px;
}

#PubCourseTour a{
	color: #000000;
}

/*////////////////////////////////////////////////////////////////
= Private Homepage
////////////////////////////////////////////////////////////////*/
#HeaderLinks {
	margin-top: 9px;
	margin-right: 8px;
	color: #b9bbbd;
	font: 700 10px arial, sans-serif;
	text-transform: uppercase;
	text-align: right;
}

#HeaderLinks a {
	color: #b9bbbd;;
}

#PrivHomepageWrapper {
	width: 960px;
	margin: 0 auto;
	background: url(../../../images/priv_bg.gif) top center repeat-y;
}

#SideNav {
	width: 189px;
	min-height:445px;
	height:auto !important;
	height:445px;
	background: url(../../../images/sidenav_bg.jpg) #FFFFFF top center repeat-x;
	padding-top: 30px;
	padding-bottom: 30px;
}

#SideNav .inside {
	width: 169px;
	margin-left: 10px;
}

#PrivContentWrapper {
	width: 770px;
	background: #ededed;
}

#PrivContentWrapper .inside {
	margin: 19px 19px 43px 19px;
	width: 732px;
}

#PrivHomeImage {
}

#PrivHomeImage img {
	border: solid 6px #FFFFFF;
}

#PrivHomeContent {
	width: 690px;
	margin-top: 20px;
	margin-left: 20px;
	color: #191919;
	font: crisp 12px Arial, sans-serif;
	line-height: 16px; 
	text-align: left;
}

#PrivHomeContent img {
	border: solid 6px #FFFFFF;
}

#PrivHomeContent table,
#PrivHomeContent div {
	color: #191919;
	font: 12px Arial, sans-serif;
	line-height: 16px; 
}

#PrivHomePhotoGallery {
}

#PrivHomePhotoGallery img{
	border: none;
}	

#News {
	width: 336px;
	margin-left: 20px;
}

#News a,a.small,a.anchor,a.visited {
	
	color: #000000;
	font: bold 14px;
	text-decoration: none;

}

#News a:hover {
	
	color: #000000;
	font: bold 14px;
	text-decoration: underline;
}

#Calendar {
	width: 330px;
	padding-right: 36px;
}

/*////////////////////////////////////////////////////////////////
= Private Content
////////////////////////////////////////////////////////////////*/

#PrivateSubContent {
	width: 718px;
	padding-top: 45px;
	padding-left: 14px;
	color: #191919;
	font: crisp 12px Arial, sans-serif;
	line-height: 16px; 
	text-align: left;
}

#PrivateSubContent table,
#PrivateSubContent div {
	color: #191919;
	font: 12px Arial, sans-serif;
	line-height: 16px;
}

#PrivateSubContent a {
	color: #000000;
}


#FooterPub {
	width: 960px;
	color: #878787;
	font: 12px "Times New Roman", sans-serif;
	margin: 0 auto;
	padding: 46px 0px 20px 0px;
}

#FrontPageNews {
}

#FrontPageNews a,a.small,a.anchor,a.visited {
	
	color: #000000;
	font: bold 14px;
	text-decoration: none;

}

#FrontPageNews a:hover {
	
	color: #000000;
	font: bold 14px;
	text-decoration: underline;

}

	#BarclaysLogo {
	
		background: url(../../../Images/Barclays.jpg) top left no-repeat;
		width:194px;
		height:56px;
		text-align:left;
		
	}
	
	a#BarclaysLogo {
		background: url(../../../Images/Barclays.jpg) top center no-repeat;
		height: 56px;
		width: 194px;
		display: block;
		
		/*background-position:top left;*/
}
		a#BarclaysLogo:hover {
			/*background-position: left bottom;*/
			background: url(../../../Images/Barclays_hover.jpg) top center no-repeat;
			height: 56px;
			width: 194px;
			display: block;
		}