/* template.css for EMB */

/*  
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 {
	height: 100%; /* sticky footer */
	background-color: #f8981d;
	}
	
#page-container { 
	margin: 0 auto; 
	width: 920px;	
	position:relative; /* bill changed */ 
	min-height: 100%; /* sticky footer */
}

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

#header { 
	top: 0; 
	left: 0; 
	width: 920px; 
	height: 213px; 
	display: block;
	background-image:url(../images/header-image.png);
	position:relative;
}

#header-massage { 
	top: 0; 
	left: 0; 
	width: 920px; 
	height: 213px; 
	display: block;
	background-image:url(../images/EMB-threestones.jpg);
	position:relative;
}

#headerleft {
	position:absolute;
	float:left;
	}
		
#headercenter {
	position:absolute;
	left:335px;
	width:250px;
	height:200;
	color:#430101;
	font-family: Verdana, Arial, san-serif;  
	font-size: 17px; 
	line-height: 120%; 
	text-align: center; 
	margin: 0px; 
	padding: 125px 0px 0px 0px;	
	}

#headerright {
	position:relative;
	float:right;
	margin-right: 65px;	
	}



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

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

#mainnav { 
	top: 195px; 
	left: 20px; 
	float: left;
	width: 920px; 	 /* #page-container width (920px) */
	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;
 }
 
/*** right sidebar area ***/
/*   -----------------   */

div#right-sidebar { 
	float: right; 
	width: 300px;
	margin-right:10px;
	margin-top:30px;
	background-color: #FFF; 
	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;
	top:213px;
   /* background-color: #A99558;  */
}

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

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


.white-bg {
	background-image:url(../images/main-background-white.png);
	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 */
	}