@CHARSET "ISO-8859-1";
/* 
CSS Document for Red Scheme with
	Vertical Navigation and Sans-serif Fonts

Designed & Written by: Megan Shanholtz / E-Moxie Data Solutions, Inc. / RJ Website Builder
URI: http://e-moxie.com
URI: http://website.selfpublishing.com
*/

/* Browser Rewrite ===================== */
body {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #000;
	background: #751a1a url('../images/red-bg.gif') top center repeat-y;
	margin: 0;
	padding: 0;
}

h1 {
	font-size: 28px;
	font-weight: normal;
	color: #790909;
	margin: 10px 0;
}

h2 {
	font-size: 20px;
	font-weight: normal;
	color: #585858;
	margin: 10px 0;
}

h3 {
	font-size: 18px;
	font-weight: normal;
	color: #333;
	margin: 5px 0;
}

h4 {
	font-size: 16px;
	font-weight: normal;
	color: #333;
	margin: 5px 0;
}

a:link, a:visited, a:active {
	color: #333;
}
a:hover {
	color: #999;
}

p {
	line-height: 1.3em;
	margin: 5px 0 10px 0;
	padding: 0;
}

ul {
	margin: 10px 0 10px 30px;
	padding: 0;
}

ol {
	margin: 10px 0 10px 30px;
	padding: 0;
}
	li {
		margin-bottom: 5px;
	}

/* Classes ============================= */
.clear {
	clear: both;
	line-height: 0;
	height: 0;
}
.left {
	float: left;
	margin-right: 15px;
}
.right {
	float: right;
	margin-left: 15px;
}

/* Container =========================== */
#container {
	width: 800px;
	margin: 0 auto;
}

/* Header ============================== */
#header {
	background: url('../images/red-header.jpg') top left no-repeat;
	height: 184px;
	padding-top: 1px;
}
#header h1 {
	font-size: 44px;
	margin-left: 40px;
	padding-top: 30px;
	color: #2c582c;
}

/* Navigation ========================== */
#nav {
	text-align: center;
	width: 150px;
	margin-left: 29px;
	clear: both;
	padding-top: 25px;
}
	#nav ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
		#nav ul li {
			height: 40px;
		}
			#nav ul li a {
				display: block;
				font-size: 17px;
				text-decoration: none;
				color: #333;
			}
			#nav ul li a:hover {
				border-bottom: 5px solid #c9be99;
			}
			#nav ul li a#current {
				border-bottom: 5px solid #c9be99;
			}

/* Content ============================= */
#cover {
	width: 170px;
	padding: 30px 20px;
	text-align: center;
	font-size: 12px;
	float: left;
}

#content {
	width: 540px;
	float: right;
	padding: 20px 20px 30px 0;
	position: relative;
	bottom: 210px;
}

/* Footer ============================== */
#footer {
	color: #999;
	font-size: 10px;
	text-align: center;
	border-top: 3px solid #565b56;
	padding: 10px;
}
#footer a {
	color: #666;
}
	#footer a:hover {
		color: #999;
	}
	#footer a.green {
		color: #90c730;
		text-decoration: none;
	}
	#footer a.green:hover {
		color: #666;
		text-decoration: underline;
	}