@import url(global_v1-2.css);
@import url(CMAA_Chicago_css/modules.css);
@import url(CMAA_Chicago_css/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: #9d7a49;
	font: 30px Helvetica, sans-serif;

}


h2 {
	
	color: #9d7a49;
	font:  16px/1.4 Helvetica, sans-serif;
	
}

h3 {
	
	color: #000;
	font:13px/1.8  Arial, Helvetica, sans-serif;

}

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

}

h5 {
	
	color: #515150;
	font: 10px Helvetica, sans-serif;
	display: inline;

}

h6 {
	
	color: #9d7a49;
	font:  14 Arial, sans-serif;

}

p {
	
	color: #21221e;
	font: 12px Arial, Helvetica, sans-serif;

}

table, div {
	
	color: #21221e;
	font: 13px Arial, Helvetica, sans-serif;
	
}

#Form1 table, #Form1 div {

	color:#fff;
	
}

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

}

a:hover {
	
	color: #01184A;
	font: inherit;
	text-decoration: underline;
	text-transform:none;

}

.page {
	
	background:#2b2a28;
	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: cmaaNE
////////////////////////////////////////////////////////*/

.hideText {

	display: none;

}

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

.siteWrapper {

	text-align: center;
	margin: 0 auto;
	width: 960px;
	
}




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

#branding {

	width:960px;
	height:108px;
	background:url(../../../Images/bannerBackground.jpg) no-repeat;
	
}

	#branding .inside {
	
		float:right;
		margin-top:20px;
		width:485px;
	
	}
	
	#branding .login {
	
		text-align:left;
		padding:5px 10px;
	
	}
	
		#branding table, div {
	
			color: #fff;
			font: 11px Arial, Helvetica, sans-serif;
	
		}
	
	#branding .homeLinks {
	
		text-align:right;
		width:300px;
		margin-right:10px;
		border-bottom:#1e2f8a solid 1px;
	
	}
	
		#branding a,a.small,a.anchor,a.visited {
		
			color:#95a6ff;
			font:10px/1.8 Arial, Helvetica, sans-serif;
			text-decoration:none;
			text-transform:none;
			
		}

		#branding a:hover {
	
			color: #e1e1f0;
			font:10px Arial, Helvetica, sans-serif;
			text-decoration: none;
			text-transform:none;

		}
		
		#branding hr {
		
			color:#1e2f8a;
			
		}
	
#nav {

	width:960px;
	height:20px;
	background:#092554;
	text-align:center;
}	

#nav #navHolder {
	width:700px;
	text-align:center;
}

	#navHolder .inside {
		
		margin-left:15px;
		text-align:center
		width:700px;
	
	}

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

#contentArea {
	width:960px;
	text-align:center;
	
	
	
}



/*pubHome Starts*/	


#pubHome #contentArea {
	width:960px;
	text-align:center;
	background:#14120d;
	
}
	#pubHome #contentMain {
	
		float:left;
		text-align:left;
		width:709px;
	
	}
	
	#pubHome #contentWrapper {

	padding-top:15px;


}
		#contentMain .top {
		
			background:none;
			padding-bottom:15px;
			
		}
		
		#contentMain .bottom {
		
			background:#f2ede1;
			padding:5px;
			height:auto;
		
		}
	
	
	.bottom
	{
	 background:#14120d;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
	}
	
	#contentSec {
		
		float:right;
		text-align:left;
		width:184px;
	
	}
		#contentSec .inside {
			
			padding-left:10px;
				
		}
		
			#contentSec a,a.small,a.anchor,a.visited {
	
				color: #29416F;
				font: 10px Arial, Helvetica, sans-serif;
				text-decoration: none;
				text-transform:none;

			}

			#contentSec a:hover {
	
				color: #29416F;
				font: 10px Arial, Helvetica, sans-serif;
				text-decoration: underline;

			}
			
			
			
		#pubHome #aboutFoundation 
	{
	float:left;
	width:455px;

	}
	
	#pubHome #about {
	width:215px;
	margin-right:10px;
	
	}
	
	#pubHome #foundation {
	width:215px;
	
	}	
	
	#pubHome #studentsPartnerships 
	{
	float:right;
	width:455px;

	}
		
	#pubHome #students {
	width:215px;
	margin-right:10px;
	
	}
	#pubHome #partnership {
	width:215px;
	
	}
		
		
		#venders {
	float:left;
	height: 31px;
	width: 190px;
	margin:10px 0 0 0px;
	
	}
	
	a#venders {
		height: 31px;
	width: 190px;
		background:url(../../../Images/vendersImg.jpg);
		background-position:bottom ;
		/*---display:block; - if inside table – FF ---*/
}
		a#venders:hover {
			background-position:  top;
		}
		
		#venders1 {
	float:left;
	height: 31px;
	width: 190px;
	margin:10px 0 0 0px;
	
	}
	
	a#venders1 {
		height: 31px;
	width: 190px;
		background:url(../../../Images/vendersImg1.jpg);
		background-position:bottom ;
		/*---display:block; - if inside table – FF ---*/
}
		a#venders1:hover {
			background-position:  top;
		}
		
		
		#venders2 {
	float:left;
	height: 31px;
	width: 190px;
	margin:10px 0 0 0px;
	
	}
	
	a#venders2 {
		height: 31px;
	width: 190px;
		background:url(../../../Images/vendersImg2.jpg);
		background-position:bottom ;
		/*---display:block; - if inside table – FF ---*/
}
		a#venders2:hover {
			background-position:  top;
		}
		
		
		#logo {
	float:left;
	height: 93px;
	width: 396;
	margin:10px 0 0 0px;
	
	}
	
	a#logo {
		height: 93px;
	width: 396;
		background:url(../../../Images/logo.jpg);
		background-position:bottom ;
		/*---display:block; - if inside table – FF ---*/
}
		a#logo:hover {
			background-position:  top;
		}
		



/*PubHome Ends*/

/**PubContent Starts**/

#pubContent {
width:960px;
	text-align:center;
	background:#fff;
	}
	
	

#pubContent #sidebar {
	
	float:left;
	width:205px;
	color: #9d7a49;
	font:  14 Arial, sans-serif;
	margin-left:18px;
	padding-right:20px;
	padding-top:5px;
	text-align:left;
	}
	
	
	#pubContent #contentMain
	{
	
		float:left;
		text-align:left;
		width:710px;
		
	}
	
/**PubContent Ends**/

/**privateHome Starts**/

#privateHome {
width:960px;
	text-align:center;
	background:#fff;
	}
	
#privateHome #contentWrapper {

	float:right;
	width:720px;
	padding-bottom:15px;
	margin-right:15px;
	padding-top:10px;
}

#privateHome #sidebar {
	
	float:left;
	width:191px;
	color: #9d7a49;
	font:  14 Arial, sans-serif;
	margin-left:18px;
	padding-top:20px;
	text-align:left;
	}
	
	
	#privateHome #contentMain
	{
	padding-top:10px;
		float:left;
		text-align:left;
		width:507px;
		
	}
	
	#contentSec {
	
	float:right;
	text-align:right;
	width:190px;

	}
	
	#contentSec .inside {
	padding: 15px 0 0 10px;
	}
	
		#activemember {
	float:left;
	height: 31px;
	width: 190px;
	margin:10px 0 0 0px;
	
	}
		a#activemember {
		height: 31px;
		width: 190px;
		background: url(../../../Images/activeMemberImg.jpg);
		background-position:bottom ;
		/*---display:block; - if inside table – FF ---*/
}
		a#activemember:hover {
			background-position:  top;
		}
		
		#newsletter {
	float:left;
	height: 31px;
	width: 190px;
	margin:10px 0 0 0px;
	
	}
			a#newsletter {
		height: 31px;
		width: 190px;
		background:url(../../../Images/newsletterImg.jpg);
		background-position:bottom ;
		/*---display:block; - if inside table – FF ---*/
}
		a#newsletter:hover {
			background-position:  top;
		}
		
	
/**privateHome Ends**/


#flash {

	width:960px;
	height:auto;
	text-align:center;
	padding-top:15px;
	

}

#pageTitle {
	
	width:960px;
	text-align:center;
	background: url(../../../Images/pagetitle_bg.gif) repeat-y;

}

	#pagetitle .inside {
		
		float:left;
		padding:5px 0px 5px 15px;
		text-align:left;
		width:700px;
	
	}
	
	#pageTitle .floatRight {
		
		float:right;
		width:200px;

	}

	#pageTitle h1 {
	
		font:28px Arial, Helvetica, sans-serif;
		color:#fff;
	
	}


#sidebar {
	
	float:left;
	width:205px;
	text-align:left;
	margin-left:18px;
	
}

	#sidebar .inside {
		padding-left:20px;
		text-align:left;
	}
	
		#sidebar a,a.small,a.anchor,a.visited {
	
			color: #2f69fd;
			font: 10px Arial, Helvetica, sans-serif;
			text-decoration: none;
			text-transform:uppercase;

		}

		#sidebar a:hover {
	
			color: #163178;
			font:10px Arial, Helvetica, sans-serif;
			text-decoration: underline;
			text-transform:uppercase;

		}
		
		

#contentWrapper {

	float:right;
	width:960px;
	padding-bottom:15px;

}

	#contentMain {
	
		float:left;
		text-align:left;
		width:510px;
	
	}

	


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

#footer {

	width:960px;
	height:100px;
	background:#2b2a28;

}
	#footer .inside {
		
		padding:15px 20px;
		float:left;
		text-align:left;
	
	}
	
		#footer #left {
		
		padding-left:20px;
		padding-top:15px;
		float:left;
		text-align:left;
	
	}
	
	#footer #right {
		
		padding-right:20px;
		padding-top:15px;
		float:right;
		text-align:left;
	
	}
	
	
		#footer a,a.small,a.anchor,a.visited {
	
			color: #60676a;
			font: inherit;
			text-decoration: none;
			text-transform:none;

		}

		#footer a:hover {
	
			color: #2f69fd;
			font: inherit;
			text-decoration: none;
			text-transform:none;

		}