/*****************************************************/
/* main.css                                          */
/* defines styles specific to each site              */
/* Bodel and Associates - 12/15/06                   */
/* adapted from midwestbap (centered display, list-  */
/* based menu system                                 */
/*****************************************************/


/******************************************************/
/*  GENERIC                                           */
/******************************************************/

#container {
	position: relative;
	left: 0;
	}

#spacer {
	height:50px;
	}
	
/******************************************************/
/*  MASTHEAD SECTION                                  */
/******************************************************/

#mainContainer_highres {
	margin-top:5px;
	width:1000px;
	}
#mainContainer_lowres {
	margin-top:5px;
	width:780px;
	}
#masthead { /*size of masthead is determined by header image*/
	position:relative;
	background-color:#000033;
	}
/* Separate headers are needed for consistency between IE and Firefox in making sure the header, date and menu bar to line up properly (Firefox seemed to work only with explicit sizing) */
#header_highres {
	background-image:url(../system/mainHeader1100.jpg);
	background-repeat:no-repeat;
	background-position:top;
	height:100px;
	}
#header_lowres {
	background-image:url(../system/mainHeader800.jpg);
	background-repeat:no-repeat;
	background-position:center;
	height:100px;
	}
#headerDate {
	position:absolute;
	left:0px;
	top:50px;
	*top:60px;
	text-align:left;
	padding-left:12px;
	}
#logoutBox {
	color: #EEEEEE;
	border: solid 1px #CCCCCC;
	background-color:#774400;
	padding:0 2px 0 2px;
	}
#logoutBox a {
	color: #EEEEEE;
	}	
#logoutBox a:hover {
	color: #FFFFFF;
	background-color:#CC0000;
	}
/* As the display width narrows, the Quick Search menu drops down and ends up behind the page content unless the menu bar is made taller */ 	
#menuContainer {
	position:relative;
	height:1.6em;
	background-color:#000033;
	border-top:1px solid #CC6600;
	padding-top:2px;
	z-index:200;
	}
#quickSearch {
	float:right;
	*margin-top:1px;
	margin-right:-12px;
	}	
#contentBackground {
	background-color:#FFFFFF;
	min-height:425px;
	float:left;
	text-align:left;
	}
#leftSidebar {
	/*position:absolute;
	top:0px;
	left:0px;*/
	float:left;
	width: 110px;
	min-height: 26em;
	/*height: 26em;*/
	background-color:#000055;
	background-image:url(../system/leftsidebar-bottom.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	color:#DDDDDD;
	}
#leftSidebar a {
	color:#EEDD00;
	}
#leftSidebar a:hover {
	color:#FFEEEE;
	background-color:#000055;
	}
#contentContainer_highres_wide {
	min-height:27em;
	background-color:#FFFFFF;
	padding:10px 20px 10px 20px;
	margin-left:110px;
	text-align:left;
	}
#contentContainer_highres_normal {
	min-height:27em;
	background-color:#FFFFFF;
	padding:10px 20px 10px 20px;
	margin-left:110px;
	margin-right:200px;
	text-align:left;
	border-right:1px solid #DDD;
	border-left:1px solid #DDD;
	}
#contentContainer_lowres_normal {
	min-height:27em;
	background-color:#FFFFFF;
	padding:10px 15px 10px 20px;
	margin-left:110px;
	border-left:1px solid #DDC;
	text-align:left;
	}
#rightSidebar {
	position:absolute;
	top:125px;
	right:0px;
	min-height:27em;
	width:200px;
	}
#footerContainer_highres {
	width:1000px;
	height:3.5em;
	background:#FFFFFF;
	margin-top:-20px;
	*margin-top:0px;
	}
#footerContainer_lowres {
	width:780px;
	height:3.5em;
	background:#FFFFFF;
	margin-top:-20px;
	*margin-top:0px;
	}
	
#footer {
	text-align:center;
	border-top:1px #CCCCCC solid;
	padding-top:5px;
	}

/*******************************************************/
/*  Content Division details                           */
/*******************************************************/
#columnContainer {
	display:table;
	width:634px;
	padding: 0 0 0 10px;
	margin:0 0 1em 0;	
	}
#column1 {
	float:left;
	}
#column2 {
	float:right;
	}