@charset "utf-8";
/* CSS Document */
body {
	background:#822619 url(images/background.jpg) repeat-x;
	margin: 0px;
	padding: 0px; 
	text-align: center; /* Used for centering pages in IE */
}
p, h1, h2, h3, h4, h5, h6, a, ul, li, dt, dd, lo, address, td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color:#333; 
}
/* You may use pixels or ems for text sizing. li typeface and size must match rest of content. */
p, div#content li {
	font-size: .8em;
	line-height: 1.2ems;
	color:#2b271e; 

}
h1 {
	font-size:1.4em;
	font-weight:bold;
	color:#2b271e; 
		border-bottom: 1px dotted #000;
	}
h2 {
	font-size: bold .9em;
	}


	


/* ----------------- PAGE LAYOUT ELEMENTS ----------------- */

div#container {
	width: 891px;
	height:auto;
	margin: 0px auto;

}



/* ----------------- content ----------------- */

div#topper {
	height:72px;
	width:100%;
	margin: 0px auto;
	background:transparent url(images/topper.jpg) no-repeat;
position:relative;

}

div#content {
	height:auto;
	width:100%;
	margin:0px auto;
	background:transparent url(images/content-bg.jpg) repeat-y;
position:relative;
}


/* ----------------- Header ----------------- */

div#header {
	width:100%;
	height:259px;
background:transparent url(images/header.jpg) no-repeat;

}

/* ----- flash ---- */

div#flash {
	width:891px;
	height:250px;
	margin: 0px auto;
	position:relative;
	left:6px;
		top:3px;

}

	

/* ----------------- SideBar ----------------- */

div#sidebar {
	height:100%;
	width:213px;
	margin:auto;
	padding:0px;
	float:left;
	position:relative;
	left:23px;

}

div#sidebar address strong {
	text-transform:uppercase;
}



/* ---- NAVIGATION --------- */
div#nav {
	width: 100%;
	position:relative;
	}
	ul#mainnav {
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	}
	ul#mainnav li {
	list-style: none;
	display: inline;
	float: left;
	margin: 0px auto;
	padding: 0px;
	font-size: 11px;
	text-decoration: none;
	text-align: center;
	display: block;
	}
	ul#mainnav li a:link, ul#mainnav li a:visited, ul#mainnav li a:active {
	color: #032c2b;
	font-weight:bold;
	text-decoration: none;
	display: block;
	border-bottom: 1px solid #222;
	padding:10px  30px;
	font-size: 13px;
	text-align: center;
	display: block;
	width: 130px;
	margin: 0px;

	}
	ul#mainnav li a:hover, ul#mainnav li a.current:link, ul#mainnav a.current:visited {
	color: #fff;
background: transparent url(images/nav-bg-active.jpg) repeat-x;
	}	

address {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size:10px;
	color:#032c2b;
	text-align:left;
	clear:both;
	position:relative;
	left:17px;
	padding:25px 0px;
	}
	
	

/* ----------------- Copy ----------------- */

div#copy{float:right;
	width:65%;
	height:100%;
	margin: 0px auto;
	padding:35px 45px 50px 30px;
}

div#copy ul{
list-style: square outside;
}

div#copy h2{font-size:1em;}



/* ----------------- FOOTER ----------------- */



div#footer{margin:auto;
width:100%;
position:relative;
clear:both;
}

div#bottom{
margin:auto;
	width:891px;
background: transparent url(images/footer.jpg) no-repeat;
color:#FFFFFF;
clear:both;
height:161px;
text-align:left;
position:relative;
}


	

/* Utility Nav*/

div#utility {
	width:100%;
	height:25px;
	margin:auto;
	text-align:left;
	padding-top:25px;
	}
	
	ul#utilitynav {
	width: 100%;
	margin:0px auto;
	padding:0px;
	list-style-type: none;
	text-align:left;
	position:relative;
left:35px;
	}
	ul#utilitynav li {
	display: inline;
	text-align:center;
	margin: 0px auto;
	padding: 0px;
	}
	ul#utilitynav li a:link, ul#utilitynav li a:visited, ul#utilitynav li a:active {
	font-size: 11px;
	text-decoration: none;
	text-align:left;
	width: auto;
	padding: 1px 5px;
	margin: 0px;
	border-right: 1px solid #ccc;
	color:#fff;
	}
	ul#utilitynav li a:hover, ul#utilitynav li a.current:visited {
	text-decoration:underline;
	font-weight:normal;
	color:#ccc;
	}

/* ----------------- Owner ----------------- */




div#owner {
		width:85%;
height:30px;
		clear:both;
		float:right;
		position:relative;
		right:14px;
		}


div#owner a {
font-size:11px;
text-decoration:none;
float:right;
background: transparent url(images/owner.gif) no-repeat;
width:125px;
height:30px;

}

div#owner a:hover {
background: transparent url(images/owner-active.gif) no-repeat;
}



/* ----------------- Copyright ----------------- */

div#copyright {
	clear:both;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width:100%;
	color:#FFFFFF;
position:relative;
left:19px;
	}
	div#copyright img {
	border:none;
	padding-bottom:5px;
	}
	div#copyright a:link, div#copyright a:visited {
	color: #fff;
	text-decoration: none;
	}
	div#copyright a:hover {
	text-decoration: underline;
	}


/* ----------------- CUSTOM CLASSES ----------------- */


.landscape{border: 1px solid #ccc;
padding: 5px;
	background: white;
}
.clear{clear:both;}

#clear-content{clear:both;}

/* Images should include some type of border. We tend to favor this one. */
img.left {
	float: left;
	padding: 5px;
	background: white;
	margin: 0px 15px 10px 0px;
	border: solid 1px #ccc;
}
img.right {
	float: right;
	padding: 5px;
	background: white;
	margin: 10px 0px 10px 15px;
	border: solid 1px #ccc;
}
div.column {
}