/***************************************************  
	File Name:	layout.css
	Desc.:		layout structure
	Site:		AACC.edu
	Version:	1.0 2010-05-19
	
	Author:		Nicolas Minacapelli
	Company:	Sequel Design Associations, Inc.
	Email:		webmaster@sequeldesign.com
***************************************************/

/***************************************************
	COLORS CODES:
	
	4E5B64	bkgd - body				gray (dk)
	838A90	bkgd - left col menu	gray (md)
	E9EDF0	bkgd - left partners	gray (lt)
	FEC367	bkgd - top bar			yellow
	EE234E	bkgd - footer bar		red
	
	CBD2D8	font - menu				gray-blue
	EE234E	font - header			red
	FEC367	font - footer			yellow
	E9EDEE	font - bottom			blue-gray
***************************************************/

/**************************************************
	HTML CSS/STYLES
***************************************************/

body {
	background-color: #4E5B64;
	margin: 0;
	padding: 0;
	height:100%;
	position:relative;
	margin-bottom:30px;
}

/**************************************************
	ID CSS/STYLES
***************************************************/

/* WRAPPER */
#wrapper {
	width: 100%;
	margin: 0 auto;
	padding:0;
	position: relative;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:14px;
}

/* MASTHEAD */
#masthead {	
	background:#000 url('../images/layout/header.jpg') no-repeat center;
	width: 100%;
	height:67px;
	text-align: center;
	margin: 0 auto;
	padding:0;
	border-bottom:#FFF 5px solid;
}

/* CONTAINER */
#container {
	width:880px;
	margin: 0 auto;
	padding:0;
	text-align: left;
	background: #FFFFFF url('../images/layout/bkgd_leftside.gif') left top repeat-y;
}
	#container #col_left {
		float:left;
		width:273px;
		background:#838A90;
	}
	#container #col_right_home {
		float:left;
		width:607px;
		background:#FFF;
		border-top:#FEC367 30px solid;
	}
	
	#container #col_left #partners {
		background:#E9EDF0;
		padding:5px;
	} 
		#partners img { margin:5px; }
	#container #col_right_home #content {		
		background:#FFF;
		padding:20px;
		color:#4E5B64;
		font-size:12px;
		line-height:20px;
	}
	
	#container #col_right_sub {
		float:left;
		width:607px;
		background:#FFF;
	}
	#container #col_right_sub #content {
		border-top:#FEC367 30px solid;
		background:#FFF;
		padding:20px;
		color:#4E5B64;
		font-size:12px;
		line-height:20px;
	}
	
	#container #bottom {
		background:#EE234E url('../images/layout/footer.jpg') no-repeat center;
		text-align: center;
		width:880px;
		height:37px;
		border-bottom:#FFF 2px solid;
	}
	.left_heading { padding:8px; background:#FEC367; font-weight:bold; }

/* FOOTER */
#footer {
	width:880px;
	color:#E9EDEE;
	font-size:11px;
	text-align: left;
	margin: 5px auto;
	padding:0;
}
	#footer a { color:#E9EDEE; text-decoration:none }


.clear { clear:both; }

#menu {
	float:left;	
	text-align:left;
	margin:0;
	padding:0 18px 18px 18px;
}
#menu ul, li { list-style: none; }
#menu li {	
	color:#fff;
	font-size:12px;
	font-weight:bold;
	margin-bottom:5px;
}
#menu li ul li {
	width:210px;
	font-size:11px;
	font-weight:bold;
	margin:5px 0 5px 0;
	color:#CBD2D8;
	text-align:left;
	margin-left:-20px;
}
html>body #menu ul { 
	width:auto;
}
#menu ul li a { 
	color:#CBD2D8;
	text-decoration:none;
}
#menu li a { 
	color:#FFF;
	text-decoration:none;
}
#menu li a:hover { 
	color:#FEC367;
}

.selected { color:#FEC367!important; }


.headline { color:#EE234E; font-size:24px; line-height:30px; font-weight:bold; }
.sub-headline { color:#FEC367; font-size:18px; line-height:22px; }

a { color:#838A90;text-decoration:none; } 
a:hover { color:#FEC367 }