/* template.css for HOH - abm, 2011-06-01 */

/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */


/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}





/*** page area ***/
/*   ---------   */

* { /* Clear default margins & padding */
	margin: 0;
	padding: 0;
	}
	
html, body {
    background: url(../images/green-scroll.png);
	height: 100%; /* sticky footer */
	}
	
#page-container { 
	margin: 0 auto; 
	width: 900px;	
	position:relative; /* bill changed */ 
	min-height: 100%; /* sticky footer */
}

/*** header area ***/
/*   -----------   */

#header { top: 0; left: 0; width: 900px; height: 213px; 

	display: block;
}

div#header a { text-indent -9999px }

div#header-text {padding-top: 40px}

#mainnav { 
	top: 195px; 
	left: 0px; 
	float: left;
	width: 900px; 	 /* #page-container width (900px) - this width (800px) */
	height: 19px;
	z-index: 50;
	list-style-type:none;
	list-style-position:outside;
	overflow: visible;
	position:absolute;/* bill changed */ 
/* 
	border-color: #ff0000; 
	border-style: solid; 
	border-width: 1px;  */
	}


	
/*** left sidebar area ***/
/*   -----------------   */

div#left-sidebar { top: 0; left: 0;   float: left;
	background-color: #6DA2B2;
	width: 200px; /* border: 1px solid red  */
}
div#left-sidebar-content {  width: 200px;
		background: transparent url(../images/GMB-curve.gif) no-repeat;
 }
 
/*** right sidebar area ***/
/*   -----------------   */

div#right-sidebar { float: right; 
	width: 264px;
	background-color: #CDD1BF; margin: 9px 9px;
	border-color: #929b74; 
	border-style: solid; 
	border-width: 8px;
	min-height: 500px;

}

.sidebar-image {
margin: 9px;
}


/*** main content area ***/
/*   -----------------   */

div#main-strut-vertical { width: 0;  height: 560px; float: left }

#main-content   { 
	overflow:auto;
	padding-bottom: 55px;  /* sticky footer must be same height as the footer */
	min-height: 500px;
   /* background-color: #A99558;  */

}
#center-content   { 
	min-height: 500px;

}


#newsblog   { 
	margin-top: -9px; 
	margin-left: 0px; 

}



.blue-bg {
	background-image:url(../images/main-background-blue.jpg);
	background-repeat: repeat-y;	
}

.celery-bg {
	background-image:url(../images/main-background-celery.jpg);
	background-repeat: repeat-y;	
}

.gray-bg {
	background-image:url(../images/main-background-gray.jpg);
	background-repeat: repeat-y;	
}

.mauve-bg {
	background-image:url(../images/main-background-mauve.jpg);
	background-repeat: repeat-y;	
}

.tan-bg {
	background-image:url(../images/main-background-tan.jpg);
	background-repeat: repeat-y;	
}

.white-bg {
	background-image:url(../images/main-background-white.jpg);
	background-repeat: repeat-y;	
}


#center-content { 
	left: 0px; width: 600px;   
	padding-top: 20px;
    text-align: left; 

}

div#left-image  {  width: 210px; height: 272px; float: left; }
div#right-image     { float: right;  margin: 0 15px 0 5px;
	border-color: #c1b386; 
	border-style: solid; 
	border-width: 10px; 
}

div#clear-main-area { clear: both; margin: 0; width: 100% } /*** width for IE 6 ***/

#footernav {  margin-top: 15px; text-align: center;
}


/*** footer area ***/
/*   -----------   */

#footer { 
	position: relative; /* sticky footer */
	left: 0; 
	width: 900px; 
	height: 55px;
	margin-top: -55px; /* sticky footer negative value of footer height */
	clear:both; /* sticky footer */
	}