/* this layout will not work in IE Strict */ 
html, body 
{
	margin: 0; 
	padding: 0; 
	height: 100%; 
	background: Ivory;
	font-family: helvetica, verdana, arial, sans-serif; 
	font-size: 100%;
} 
#bodywrap {
position: relative;
width: 100%;
}


#wrapper 
{
	position: relative; 
	width: 100%; 
	margin: 0 auto; 
	/*border: 1px solid black; */
	background: Ivory;
	min-height: 75%; /* optional */ 
	text-align: left; 
	min-width: 780px; /* to allow room for images and long words */ 
} 
#header
{
	position: relative; 
	width: 100%; 
	height: 166px;
	margin: 0 auto; 
	background-image: url(media/TopSlice.jpg);
	/*border: 1px solid #000; */
	min-width: 780px; /* to match wrapper div */ 
} 
#footer 
{
	position: relative; 
	width: 100%; 
	height: 55px;
	margin: 0 auto; 
	background-image: url(media/footerbkg.jpg); 
	/*border: 1px solid #000; */
	min-width: 780px; /* to match wrapper div */ 
	font-size:x-small
} 
#leftmenu
{
	position: relative;
	width: 180px;
	margin: 10px;
}
#lefttopcol
{
	position:relative;
	width: 200px;
	left: 0;
	height: 70px;
	margin: 0 auto;
}
#leftcol, #rightcol 
{
	position: absolute; 
	top: 0; 
	bottom: 0; /* Opera needs this! Moz would automatically assume this as default*/ 
	/*border-width: 0px; *//* widths below */ 
	/*border-style: solid; */
	/*border-color: #777; */
	/* height: 100%; */ /* hacked in for IE below */ 
	} 
	* html #leftcol, * html #rightcol {height: 100%; /* required by IE to inherit from wrapper (IE Hack) above*/} 

	#leftcol 
	{
		left: 0; 
		width: 200px; 
		background-image: url(media/navbarbkg.jpg)
		/*border-right-width: 2px;*/
	} 
	#rightcol 
	{
		right: 0; 
		width: 160px; 
		background: #FFFFFA;  
		/*border-left-width: 2px;*/
	} 
/*	#leftcol p {background: #b0c4de;} height to show inheritance */ 
	#rightcol p {background: #FFFFDF; margin: 5px;} /* bringing the center content into position (clear the sides) is best using a wrapper div to avoid more IE Box Model issues */ 
	#contentwrap { position: relative; padding: 0 165px 0 205px; } 
	#content 
	{
		position: relative; 
		/* to enable further positioned divs inside content area */ 
		z-index: 100; 
		/* to make sure if long words overflow they show above the right column */ 
		/*border-left: 1px solid #000; 
		border-right: 1px solid #000; 
		background: #fff; */
		padding: 0; 
		margin: 0; 
	} 
	
	/***** General formatting ****/ 
	p 
	{
		margin: 0; 
		padding: 10px; 
		font-size: 0.8em; 
		line-height: 1.4em;
	} 
	h1, h2, h3 
	{
		margin: 0; 
		padding: 10px;
	} 
	h1 {font-size: 1.2em;} 
	h2 {font-size: 1.1em;} 
	h3 {font-size: 1em;}
	
	/***** Menu bar ****/
	#mbar
{
	border-right: goldenrod thin outset;
	border-top: goldenrod thin outset;
	border-left: goldenrod thin outset;
	width: 75px;
	border-bottom: goldenrod thin outset;
	background-color: lemonchiffon;
}