/************************************
/	STYLES USED TO SIMULATE FRAMES
/***********************************/

body {
	padding:0;
	margin:0;
}

/* this is to fill the header when stretched */
#behindHeader {
	background:url(../images/lake_michigan-photo-web-header.png) no-repeat;
	height:58px;
	text-align:right;
	padding-top:34px;
}

#header { 
	background-color:black;
	background:url(../images/lake_michigan-photo-web-header-fill.png) repeat-x left top;
	border: 0px solid black;
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:58px;
	z-index:3;
}

#side { 
	color:white;
	background-color:#6666cc;
	border-right: 3px solid black;
	position:fixed;
	left:0px;
	top:58px;
	width:180px;
	height:990px;
	z-index:2;
}

#main {
	border: 0px solid black;
	position:absolute;
	left:0px;
	top:58px;
	width:100%;
	z-index:1;
	padding-left:0px;
}

#container {
	padding-left:193px;
	padding-right:10px;
	padding-bottom:10px;
}

/* IE 6 HACKS */
/* Doc type must be set correctly for this to work */
@media screen
{
   div#header { position: fixed; }
   div#side { position: fixed; }

	* html { overflow-y: hidden; }
	* html body {
		overflow-y: auto;
		height: 100%;
		padding: 0 0 0 14em;	/* 0 1em 0 14em */
		font-size: 100%;
	}
	
	* html div#header { position: absolute; width:995px; }
	* html div#side { position: absolute; }

	* html div#main {
		position: static;
		padding-top:58px;
		margin-left:-224px;
		width:995px;
	}
}