/* CSS Document */

html {
	height: 100%;
}

body, h1, h2, h3, h4, h5, h6, h7, p, ol, ul, li, form, blockquote { 
	margin: 0px;	/*this clears all browser pre-assigned settings*/
	padding: 0px;
}

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

body {
	margin: 0px;
	padding: 0px;
	background-color: #330000; /*dark brown*/
	text-align: center;   /* for IE */
}

#wrapper_browser {		/*positions page to center in browser = relative*/
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 0px;
	padding: 0px;
	background-color: #f8e5b3; /*sand color*/
	text-align: left; /*re-aligns the text after the hack on the body*/
	position: relative; 
}

#wrapper {				/*allows containing elements absolute positioning */
	width: 800px;
	margin:0px;
	padding: 0px;
	background: #f8e5b3 url(../images/stone_stack_tile.jpg) repeat-y 0px 0px;
	position: absolute;
	z-index: 1;
}


/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
#logo {
	width: 212px;
	height: 186px;
	top: 0px;
	left: 0px;
	background: #f8e5b3 url(../images/logo.jpg) no-repeat left top;
}

#head {
	position: relative;
	width: 588px;
	height: 186px;
	top: -186px;	/*aligns head with top of logo*/
	left: 212px;
	background: #f8e5b3 url(../images/head.jpg) no-repeat 0px 0px;	/*image size = 588w x 148h*/
}

#head_nav {			/*this is for the top links on the page*/
	position: absolute;
	top: 0px;
	right: 10px;
	height: 20px;
	width: auto;
	background-color: #f8e5b3;
}

#main_head {		/* main_head, main: not used on home page*/
	position: absolute;
	top: 90px;
	left: 350px;
	width: 420px;
	height: 60px;
	background-color: transparent; 
	margin: 0px;
	padding: 0px;
}

#instr {
	position: absolute;
	top: 140px;
	left: 225px;
	width: 550px;
	height: 20px;
	margin: 0px;
	padding: 0px;
}

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

#content {					/* wraps (panel,main,footer) - does not wrap (logo,head,head_nav,main_head,home page items) */
	position: relative;		/*relative so it can contain float -  main	*/		
	top: -206px;			/* top:-236px; was added to ie stylesheet for correct positioning*/				
	left: 0px;
	float: left;			/* display:inline; was added to ie stylesheet for float bug*/
	width: 800px;
	height: 2000px;
	margin: 0px;
	margin-bottom: -206px;	/*adjust for height of wrapper*/
	padding: 0px;
	background: transparent url(../images/panel_repeat.jpg) repeat-y 25px 0px;
	z-index: 2;
}

#content-cov {					/* wraps (panel,main,footer) - does not wrap (logo,head,head_nav,main_head,home page items) */
	position: relative;		/*relative so it can contain float -  main	*/		
	top: -206px;			/* top:-236px; was added to ie stylesheet for correct positioning*/				
	left: 0px;
	float: left;			/* display:inline; was added to ie stylesheet for float bug*/
	width: 800px;
	height: 2700px;
	margin: 0px;
	margin-bottom: -206px;	/*adjust for height of wrapper*/
	padding: 0px;
	background: transparent url(../images/panel_repeat.jpg) repeat-y 25px 0px;
	z-index: 2;
}


#panel {			/* div holds all product menu items*/
	position: absolute;
	top: 0px;		
	left: 25px;
	width: 187px;
	margin: 0px;
	padding: 0px;
	background:  url(../images/panel_bkgd.jpg) no-repeat 0px 0px;
	z-index: 3;
	
	font-family: Optima, 'Trebuchet MS', Tahoma, Arial, sans-serif;
	font-size: 15px;
	line-height: 1.9;
	font-weight: bolder;
	color: #000000;
}

#main {
	float: left;	/* display:inline; was added to ie stylesheet for float bug*/
	width: 550px;
	margin: 0px;
	margin-left: 232px;
	font-size: large;
	font-weight: bold;
}						

#footer {
	margin: 0px 20px;	/*centers footer l-r in containing main div*/
	padding: 10px; 		/*determines all floated column divs w/bg images align at bottom*/
	background-color:#f8e5b3;
}

img {					/*any img w/o border*/
	border: none;
	background: transparent;
	margin: 0px;
	padding: 0px;
}

img.right {
	float: right;
	margin-right: 20px;
	margin-top: 10px;
	margin-left: 10px;
}

img.left {
	float: left;
	margin: 20px;
	margin-top: 10px;
}

img.center {
	text-align: center;
	margin: 10px 60px;
}

img.map_local {
	margin: 0px 10px;
}

img.map_regional {
	margin: 0px 10px 0px 20px;
}