@import url(global_v1-2.css);
@import url(cmaa_iowa_css/modules.css);
@import url(cmaa_iowa_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: #b9a156;
	font: 24px Arial, Helvetica, sans-serif;

}


h2 {
	
	color: #097faf;
	font:700 14px Arial, Helvetica, sans-serif;
	
}

h3 {
	
	color: #a88821;
	font:14px Arial, Helvetica, sans-serif;

}

h4 {
	
	color: #b9a156;
	font:11px Arial, Helvetica, sans-serif;

}

h5 {
	
	color: #097faf;
	font:700 12px "Courier New", Courier, monospace;
	display: inline;

}

h6 {
	
	color: #31312f;
	font:10px Arial, Helvetica, sans-serif;

}

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

}

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

}

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

}

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

}

.page {
	
	background: #8c8575;
	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: cmaa_iowa
////////////////////////////////////////////////////////*/

.hideText {

	display: none;

}

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

.siteWrapper {

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


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

#branding {

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

	#logo {
	
		float:left;
		height:86px;
		width:450px;
		
	}

		#logo .inside {
		
			padding:15px 0px;
			
		}

	#login {
	
		float:right;
		text-align:right;
		margin-top:20px;
		width:350px;
	
	}
	
	#login .inside {
	
		text-align:left;
		padding:5px 0px;
	
	}
	
		#login a {
		
			color:#fff;
			font:inherit;
			
		}
	
		#branding table {
	
			color: #fff;
			font: 11px Arial, Helvetica, sans-serif;
	
		}
	
	#homeLinks {
	
		float:right;
		text-align:right;
		width:300px;
	
	}
	
		#homelinks .inside {
		
			padding:15px 25px;
			
		}
	
			#homeLinks a,a.small,a.anchor,a.visited {
			
				color:#fff;
				font:11px Arial, Helvetica, sans-serif;
				text-decoration:none;
				text-transform:none;
				
			}
	
			#homeLinks a:hover {
		
				color: #fff;
				font:11px Arial, Helvetica, sans-serif;
				text-decoration: underline;
				text-transform:none;
	
			}
			
			#homeLinks table {
			
				color:#fff;
				font:inherit;
				
			}
				
		
		#branding hr {
		
			color:#1e2f8a;
			
		}
	
#nav {

	width:960px;
	text-align:left;
	height:24px;
	background:#134A5E;

}	

	#nav .inside {
	
		padding-left:4px;
	
	}
	


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

#contentArea {
	width:960px;
	text-align:center;
	background:#fff;
	margin:0 auto;
	
	
}

#flash {

	width:930px;
	height:auto;
	text-align:center;
	padding:15px 15px 30px;

}

	#flash img {
	
		display:block;
		
	}


#sidebar {
	
	float:left;
	width:205px;

}

	#sidebar .inside {
		padding-left:15px;
		padding-bottom:15px;
		text-align:left;
	}
	
	#sidebar .insideSB {
		
		padding-left:3px;
		padding-bottom:15px;
		text-align:left;
	}
	
		#sidebar .insideSB a:hover {
		
			background:none;
			color:#a88821;
			font:inherit;
	
		}


#contentWrapper {

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

}

	#contentWrapper .onecol {
		
		padding-right:15px;
		text-align:left;
		
	}
	
		

	#contentMain {
	
		float:left;
		text-align:left;
		width:520px;
	
	}
		#contentMain .top {
		
			background:none;
			padding-bottom:15px;
			
		}
		
		#contentMain .bottom {
		
			padding-bottom:50px;
		
		}
		
		
		#colWrapper {
		
			width:920px;
			margin:0 auto;
			
		}
		
			#contentLeft {
			
				float:left;
				width:450px;
				
			}
			
				#contentLeft .inside {
				
					padding-bottom:50px;
					
				}
			
			#contentRight {
			
				float:right;
				width:450px;
				
			}
			
				#contentRight .inside {
				
					padding-bottom:50px;
					
				}
	
	#contentSec {
		
		float:right;
		text-align:left;
		width:200px;
	
	}
		#contentSec .inside {
			
			padding-left:10px;
				
		}
		
			
			
#rollover {

}

	#rollover .inside {
	
	}
			
#rollover .inside a {
	display:block;
	width:188px !important;
	height:31px !important;
	width:188px;
	height:31px;
	
	background: url(../../../Images/hover_off.gif) no-repeat top left;
	color: #a88821;
	font: inherit;
	text-decoration: none;
	padding-left:10px;
	padding-top:7px;
	
}
#rollover .inside a:hover {
	display:block;
	width:188px !important;
	height:31px !important;
	width:188px;
	height:31px;
	
	background: url(../../../Images/hover_on.gif) no-repeat top left;
	color: #a88821;
	font: inherit;
	text-decoration: none;
	
}
	
	/*---remove hover effect on click-to-edit ---*/
	#rollover .inside a.clickToEditAnchor,
	#rollover .inside a.clickToEditAnchor:hover {
		background:none;
	}
	
	#rollover .insideRO {
	
	}
			
		#rollover .insideRO a {
			display:block;
			width:188px !important;
			height:31px !important;
			width:188px;
			height:31px;
			
			background: url(../../../Images/hover_off.gif) no-repeat top left;
			color: #a88821;
			font: inherit;
			text-decoration: none;
			padding-left:10px;
			padding-top:7px;
			
		}
		#rollover .insideRO a:hover {
			display:block;
			width:188px !important;
			height:31px !important;
			width:188px;
			height:31px;
			
			background: url(../../../Images/hover_on.gif) no-repeat top left;
			color: #a88821;
			font: inherit;
			text-decoration: none;
			
		}
			
			/*---remove hover effect on click-to-edit ---*/
			#rollover .insideRO a.clickToEditAnchor,
			#rollover .insideRO a.clickToEditAnchor:hover {
				background:none;
			}
			
/* -------------------------------------------------------------
= fOOTER CLASSES 
------------------------------------------------------------- */

#footer {

	width:960px;
	height:70px;
	background:none;

}
	#footer .inside {
		
		padding:15px 20px;
		float:right;
		text-align:right;
	
	}