*html {margin: 0; padding: 0;}
body {background: #322E29;}

p {
	margin: 0 20px 20px 40px;
	padding: 0;
	font: .7em/1.4em Arial, Helvetica, sans-serif;
	color: #666;
	}

h1 {
	margin: 25px 10px 20px 35px;
	font: bold 1em Arial, Helvetica, sans-serif;
	color: #A81214;
	border-bottom: 1px solid #CCC;
	}

h2 {
	font: bold .75em Arial, Helvetica, sans-serif;
	color: #A81214;
	margin: 20px 230px 20px 40px;
	clear: both;
	}

a:link, a:visited {color: #666;}
a:hover {text-decoration: underline; color: #A81214;}

address {
	padding: 20px 20px 20px 15px;
	font: normal .7em Arial, Helvetica, sans-serif;
	color: #666;
	text-align: right;
	}
	
address a:link {text-decoration: underline;	color: #666;}



/* ----------------- LAYOUT ----------------- */
div#container {
	margin: 10px auto 0;
	width: 770px;
	border: 4px solid #FFF;
	position: relative;
	background: #FFF url(images/content_bg.gif) repeat-y;
	}

div#header {
	width: 770px;
	height: 235px;
	background: url(images/bg_header.gif) no-repeat;
	position: relative;
	z-index: 2;
	}

div#content {width: 770px;}

p img {
	margin: 0 1px 0 0px;
	padding: 1px;
	border: 1px solid #CCC;
	}

div#columnleft {width: 550px; float: left;}

div#columnright {
	margin-top: 44px;
	width: 219px;
	float: left;
	border-left: 1px solid #CCC;
	}

div#diy {
	margin: -20px 10px 0 0;
	}

/* Creates the div container for the footer. */
div#footer {
	margin: 0 auto;
	width: 770px;
	height: 20px;
	background-image: url(images/footer.gif) left bottom no-repeat;
	clear: both;
	}

/* Styles the copyright div */
div#copyright {
	margin: 0 auto;
	padding-top: 10px;
	text-align: center;
	font: .55em Arial, Helvetica, sans-serif;
	color: #8A7D75;
	}
	
div#copyright a {color: #8A7D75; text-decoration: underline;}
div#copyright a:hover {color: #FFF;}

/* VERTICAL NAVIGATION */
div#nav {
	padding: 0;
	width: 170px;
	position: absolute;
	top: 45px;
	right: 0;
	z-index: 3;
	}

div#nav ul {margin: 0; padding: 0; list-style: none;}
div#nav li {list-style-type: none; display: inline;}

	div#nav li a {
		padding: 7px 0 6px 0;
		display: block;
		width: 170px;
		text-decoration: none;
		color: #8A7D75;
		font: .7em/1.5em Arial, Helvetica, sans-serif;
		text-transform: capitalize;
		text-indent: 10pt;
		border-bottom: 1px solid #322E29;
		}
		
		div#nav li a:hover {color: #FFF; background: #49443F;}
		div#nav li a#current {color: #FFF; background: #49443F;}
		div#nav li a#current:hover {color: #FFF; background: #49443F;}


/* UTILITY NAV */
div#utilnav {
	margin: 0 auto;
	width: 770px;
	height: 20px;
	clear: both;
	}
	
div#utilnav ul {padding: 0 0 0 20px; list-style-type: none;}
div#utilnav li {float: left; list-style-image: none;}
	
	div#utilnav li a {
		padding: 4px 20px;
		display: block;
		font: .7em Arial, Helvetica, sans-serif;
		color: #FFF;
		text-decoration: none;
		}
	
		div#utilnav li a:hover, div#utilnav a#current {color: #FFF; background: #A81214;}
			


/* LOGIN */
div#login {
	margin: 10px auto 10px;
	width: 770px;
	text-align: center;
	clear: both;
	}

	div#login a {
		text-decoration: none;
		font: bold .7em Arial, Helvetica, sans-serif;
		color: #FA0;
		}
		
		div#login a:hover {color: #FFF;}


ul#list {
	margin: 0 0 20px 30px;
	width: 200px;
	float: left;
	}

ul#list li {
	margin-bottom: 5px;
	font: .7em/1.4em Arial, Helvetica, sans-serif;
	color: #666;
	list-style-image: url(images/bullet.gif);
	}

iframe {margin-left: -20px;}

iframe.map {
	margin-left: 3px;
	border: 1px solid #666;
	margin-bottom: 20px;
	}

.right {
	padding: 1px;
	border: 1px solid #CCC;
	margin: 0 20px;
	float: right;
	}

.clear {clear: both;}