* {
	padding: 0;
	margin: 0;
}

body {
	background: url(../Chad%20website/images/body.jpg) repeat-x middle #000;
	font-family: Verdana, sans-serif;
	color:#ccc;
	font-weight: lighter;
	margin: auto;
	text-align: center;
}

#main {width:800px;text-align: left;margin: 20px auto;}
#footer {margin-top: 75px;font-size: .85em;}
a {
	color: #ccc;
	text-decoration: none;
}

a:hover {
	color: #667b90;
	text-decoration: none;
}

h1 {
	margin: 50px 0 10px 0;
	font-family: Helvetica, sans-serif;
	font-size:3em;
	font-weight: lighter;
	

}

h1 span {
	font-size:.85em;
}

h2 {font-weight: normal; margin:15px 0 5px 0}

ul {
	padding: 0;
	margin: 0;
	width:800px;
	
}

li {
	list-style: none;
	
}

.entry img {
	margin: 5px 0;
	padding:3px;
	display: block;
	border: 1px solid #eee;
	/*width: 100% */
}

.entry {color: #333;margin: 20px 0 5px 0;padding-bottom:20px;}
.entry a {color: #667b90;}
.entry a:hover {color: #667b90;}
.entry p {margin-bottom: 10px;}
.nav li {
	margin:0;
	display: inline;
	padding: 0 15px 0 0;
	}
	
li.on {
	}
.on a {
	color:#667b90;

	}
textarea {margin-top: 5px;color: #000;}


input, textarea {border:none;padding:2px;margin-right:10px;background:#eee}
input:hover, textarea:hover {background:red;color: #fff;}
input:focus, textarea:focus {color: #000;background:#aaa}
.button {padding:10px 5px;}
.button input {padding:10px;background: #1E1E1E;border:none;color: #fff;}
.button input:hover {background:red;}

#pageNav{
	float: right;
	width:170px;
	padding: 45px 0px 4px 80px;
	margin-bottom: 150px;
	margin-left:20px;
	padding-left:20px;
	margin-right: 10%;
	height: 800pt;      /*  NOTE:  The combo of padding-left at 80px and height at 100% fixed a FireFox spacing problem between */
					/* the content/feature area and the pageNav bar, which is now on the right.   */

}