/**
 * CSS for the user facing part of cmeoutreach
 */
 
body{ 
	background-color:#eee;
}


/**
 * container for all divs -- easily use to set width of page / page areas
 */
#container{ 
	width: 740px;
	margin: 60px auto 20px auto;
	background-color:#FFFFFF;
	border:1px solid #ccc;
	padding:5px;
}

#header{
	background-color:#712828;
	padding:8px; 
}

#header h1{ 
	padding-left:10px;
	color:#fff;  
	margin-top:2px;
	font-size:20px;
	font-weight:bold;
}

#content{ 
	min-height:400px;
	border:1px solid #999999;
	padding-left:5px;	
	display: block;
}

#content h1{ 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:16px; 
	font-weight:bold;background-color:#FFFF99;
}

#footer{
	background-color:#712828; 
	width:inherit;	
	margin-top:15px;	
}

#nonfooter{	
	border-bottom:1px solid #cccccc; /* keep opera happy */
	margin:0 auto;
	min-height:100%;
	text-align:left;
}

* html #nonfooter{
	height:100%;
}


/**
 * nav code css from alist apart
 * used for global nav at top of page
 * http://www.alistapart.com/articles/taminglists/
 */
#globalNav {
	margin-bottom: 9px;
}


#globalNav  ul {
	margin: 0;
	padding-left: 0;
	display: inline;
	background-color:#f6e7c2;
	padding:8px;
} 

#globalNav  ul li {
	border-left:2px solid #ccc;
	padding:2px;
	list-style: none;
	display: inline;
	color:#333;
}

#globalNav .current{
	background-color:#fff;
	margin-bottom:0;
}

#globalNav a{
	text-decoration:none; 
	color:#333;
}

#globalNav a:hover{
	text-decoration:none; 
	color:#666;
}


.logout{
	color:#CCCCCC;
	float:right; 
}

.logout a{
	color:#CCCCCC;
}