/* CSS Document */

body {
	margin:0;
	padding:0;
	background: #BCB29D url(../images/slices/body_bg.png) repeat-y center top;
	
}
/* ----------------- UM LINKS ---------------------- */
ul#umlink {
	display: block;
	background: #A09478;
	margin: 0;
	padding: 0;
	height: 58px;
	text-align: center;
}
ul#umlink img {
	border: none;
}
ul#umlink li{
	display: inline;
	color: #FFFFFF;
	font-weight: bold;
}
ul#umlink li a{
	text-decoration: none;
	color: #FFFFFF;
}
/* ---------- FOREST SERVICE LOGO */
ul#umlink #fslogo {
	position: absolute;
	top:10px;
	margin-left: -75px; /*necessary to avoid overlapping of um and forest service logos */
	
	
}
ul#umlink #umlogo {
	padding-right: 103px;
	background-color:#A09478;

}
/* ----------------- CONTAINER ---------------------- */
/* -        contains everything in content           -*/
div#container {
	background: #E4DED2 url(../images/slices/container_bg.jpg) no-repeat;
	width: 609px;
	margin: 0 auto 0 auto;
	font-family: Georgia, "Times New Roman", Times, serif;
}
/* -------           MAIN HEADER          ------------*/
div#container h1#mainheader{
	width: 441px;
	height: 112px;
	background: url(../images/slices/header_ChineseinMontana.png) no-repeat;
	margin: 0 auto 0 auto;

}
div#container h1#mainheader a{
	text-decoration: none;
	display: block;
	width: 441px;
	height: 112px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* -------------- MAIN NAVIGATION ----------------*/
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

div#container ul#mainnav{
	position: relative;
	padding:0;
	margin:0;
	width: 215px;
	list-style: none;
	background-image: url(../images/slices/mainnav_ulbgrepeat.jpg);
	top: 20px;
	left: 5px;
	text-align: center;
	color: #B35E39;
	font-size: 1.05em;
	float: left;

	
}

div#container ul#mainnav li{
border-bottom: 1px dashed #F1ECE2;
margin: 8px; 
padding: 1px 0 2px 0;

}
div#container ul#mainnav ul{
	padding: 0;
	margin: 0;
}
div#container ul#mainnav ul li{
	border: none;
	padding: 2px;
	margin: 0;
	color: #A05534;
}
div#container ul#mainnav strong{
	font-weight: lighter;
	font-size: 1.2em;
}
div#container ul#mainnav a:link, div#container ul#mainnav a:visited {
	text-decoration: none;
	color: #B35E39;
}
div#container ul#mainnav a:active, div#container ul#mainnav a:hover {
	color: #8C492D;
}
/* --------- NECESSARY TO DISPLAY BOTTOM OF MAIN NAV ------------- */
div#container ul#mainnav li#mainnavfooter{
	background: url(../images/slices/mainnav_footer.jpg);
	height: 31px;
	width: 215px;
	display: block;
	border: none;
	margin: 0 0 -10px 0;
	padding: 0;
	
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* -------------- END OF MAIN NAVIGATION ----------*/
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/* --------------    CONTENT WRAPPER      ----------*/
/* GOES AROUND THE CONTENT DIV AND MAKES PARCHMENT
   REPEAT AND DISPLAY PROPERLY, NO TOUCHIE PLEASE  */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
div#contentwrapper {
	position: relative;
	width: 365px;
	float: right;
	padding-bottom: 50px;
	background: url(../images/slices/parchment_pbg_bottom.png) no-repeat center bottom;	
}


/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
/* --------------      CONTENT          ----------*/
/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
div#container #content { /* this is refering to the first editable region with the parchment and the welcome paragraph */
	
	width: 365px;

	background: url(../images/slices/parchmentrepeat.png) repeat-y;

	
	
}
div#container #contentwrapper h1{
	text-align: right;
	font-weight: lighter;
	color: #660000;
	padding: 10px 20px 0 0;
	margin: 0;
	background: url(../images/slices/parchment_h1bg_top.png) no-repeat;
	height: 45px;

	}
div#container #content p {
	color: #660000;
	margin: 0 10px 0 30px;
	padding: 0 0 10px 0;
	font-size: .9em;
	position: relative;
	
}
div#container #content img{
	float: left;
	position: relative;
	padding: 5px;

	
}
div#container #content ul li{
	margin: 10px;
}

.clearboth {
	clear: both;
	padding-top: 10px;
	}
/* end container styles */

/* ---------- FOOTER ------------ */
div#container #footer{

	background: url(../images/slices/footer_bg.jpg) no-repeat center top;
	background-color:#A09478;
}
div#container #footer p{
	position: relative;
	float: left;
	background-color: #9C8E72;
	margin: 0;
	padding: 12px 0 10px 0 ;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	width: 100%;
	
}
div#container #footer img{
position: relative;
float: left;
margin-top: -5px;
}
div#container #footer span {
	height: 137px;
	display: block;
}
div#container #footer a{
	color: #FFFFFF;
}

.clearboth {
	clear: both;

	}
span.hidden{
	visibility: hidden;
}
span.displaynone {
display: none;
}