@import url(global_v1-2.css);
@import url(Northwood_css/modules.css);
@import url(Northwood_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: #284E36;
	font: 20px Georgia, "Times New Roman", Times, serif;

}


h2 {
	
	color: #3f2c0f;
	font: 24px Georgia, "Times New Roman", Times, serif;
	
	background:url(../../../images/pageTitle_ornament.gif) no-repeat 0px 13px;
	padding-bottom:18px;
	
}

h3 {
	
	color: #3f2c0f;
	font: 24px Georgia, "Times New Roman", Times, serif;
	padding-bottom:8px;

}

h4 {
	
	color: #4f411b;
	font: italic 12px/1.3 Georgia, "Times New Roman", Times, serif;

}

h5 {
	
	color: #3f2c0f;
	font: 14px Georgia, "Times New Roman", Times, serif;
	padding:0 0 6px;

}
	#sidebar h5 {
		border-bottom:2px solid #b5791b;	/* REMOVE ONCE USE PLUGIN */
	}

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

}

p {
	
	color: #68512e;
	font: 12px/1.6 Georgia, "Times New Roman", Times, serif;

}
	#sidebar .inside p {
		color:#433c19;
	}

ul {
	list-style-image:url(../../../Images/bullet.gif);
	color:#68512e;
}



table, div {
	
	/*font: 11px "Lucida Sans Unicode", Verdana, Arial, sans-serif;*/
	font: 12px Georgia, "Times New Roman", Times, serif;

}

a,a.small,a.anchor,a.visited {
	
	color: #273d72;
	font: inherit;
	/*text-decoration: none;*/

}

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

}

.page {
	
	background: #050a10 url(../../../images/bg_page.jpg) repeat-x top left;
	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: #d9d1aa url(../../../Images/abut_gradient.jpg) no-repeat left center;
	border-style: outset;
	border-width: 2px;
	border-color:#d9d1aa;
	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: Northwood
////////////////////////////////////////////////////////*/

.hideText {

	display: none;

}


hr {
	color:#e3d8b8;
	
	/*IE Compatibility: makes 1px*/
	height:1px;				
	
	/*FF Compatibility: makes 1px*/
	border:none;
	border-top:1px solid;
	
	margin:0 0 12px;
}


/*////////////////////////////////////////////////////////////////
= MASTER PAGE SPECIFIC CLASSES 
////////////////////////////////////////////////////////////////*/

.siteWrapper {
	background:url(../../../images/bg_siteWrapper.jpg) repeat-y 0px 44px;
	width:960px;
	margin:50px auto;
	
}

#pubHome {


	
}

#pubContent {


	
}


/* -------------------------------------------------------------
= HEADER CLASSES 
------------------------------------------------------------- */

#branding {
	width:234px;
	margin-left:2px;
	text-align:center;
}

a#logo {
	display:block;
	background: url(../../../images/logo.jpg) no-repeat top left;
	width:234px;
	height:132px;
}
	a#logo:hover {
		background-position:bottom left;
	}
	
	
/* -------------------------------------------------------------
= NAV CLASSES 
------------------------------------------------------------- */

#nav {
	width:200px;
	/*margin-left:20px;*/
	margin:0 auto;
	padding-bottom:30px;
	text-align:left;
}

#globalNav {
	color:#273d72;
	width:100%;
	background:url(../../../images/bg_UI_top.jpg) no-repeat top center;
	height:44px;
	
	
}
	#globalNav .inside {
		width:850px;
		text-align:right;
		padding:18px 36px 0 0;
		
	}
	#globalNav .inside a {
		color: #3f2c0f;
	}

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

#contentArea {
	width:922px;
	margin:0 auto 50px;
	
	border-top:2px solid #f7f1dc;
	
}

	#sidebar {
		width:236px;
	}
		#sidebarTop {
			background: url(../../../images/bg_sidebarNav.jpg) repeat-y top left;
			border-bottom:2px solid #f7f1dc;
			width:234px;
			
			margin-bottom:30px;
		}
		#sidebar .inside {
			width:200px;
			/*margin-left:14px;*/
			margin:0 auto;
			
			text-align:left;
		}
	
	#contentWrapper {
		width:686px;
		text-align:left;
	}
	
		#contentMain {
			width:600px;
			margin-left:34px;
			margin-top:35px;
		}
			#mediaWindow {
				background:url(../../../images/bg_photoAlbum.jpg) repeat-x top left;
				width:682px;
				margin-left:2px;
			}
				#mediaWindow a {
					color:#d8b984;
				}
			
			#contentMainTop {
				width:100%;
				text-align:left;
			}
				#contentMainTop a {
					color:#3f2c0f;
					font:bold 11px Verdana, Arial, Helvetica, sans-serif
				}
					#contentMainTop a:hover {
						color:#c29425;
					}
				
			
			#contentMainLeft {
				width:345px;
				text-align:left;
			}
			
			#contentSecondary {
				width:220px;
				text-align:left;
			}




/*------- PRIVATE -------*/
#privHome #mediaWindow {
	width:682px;
	margin-left:2px;
}

#privHome #contentMain {
	width:632px;
	margin-top:10px;
}
	#privHome #contentMainLeft {
		width:322px;
		text-align:left;
	}
	
	#privHome #contentSecondary {
		width:275px;
		text-align:left;
	}






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

#footer {
	background: url(../../../images/bg_footer.jpg) no-repeat top left;
	width:100%;
	height:46px;
}
	#footer .inside {
		/* check techniques browser compatibility:  This will solve the Nested <div> margin-top issue in FF */
		display:inline-block;
		margin-top:10px;
	}