body {
  	margin: 0;
  	padding: 0;
  	background-color: #f0e7d7;
  	color: black;
  	text-align: center;
    width 800px;    
  	font: small Arial, Helvetica, Verdana, sans-serif;
	}
#wrapper {
  	background-color: #f0e7d7;
  	color: black;
  	text-align: left;
  	width: 770px;
  	heighht: 90%;
  	margin: 05px 05px 05px 05px;
  	padding: 5px;
  	}
#wrapper h2 {
  margin: 0;
  padding: 10px
  font-weight: normal;
  font-size: 2em;
  font-style: italic;
  font: verdana;
}
#header-bottom {
  border-top: 1px solid #b9d2e3;
  border-bottom: 1px solid #b9d2e3;
  height: 1%;
}
#header-bottom ul {
  margin: 0;
  padding: 0;
  padding: 0 30px 0 0;
  text-align: right;
}
#header-bottom li {
  display: inline;
  background-color: #d9aa98;
  color: #050845;
}
#header-bottom a:link, #header-bottom a:visited {
  text-decoration: none;
  background-color: #d9aa98;
  color: #050845;
}
#tagline {
  font-weight: bold;
  background-color: #d9aa98;
  color: #050845;
  font-style: italic;
  margin: 0;
  padding: 0 0 0 20px;
  width: 300px;
  float: left;
}
#main {
	width: 95%;
  	background-color:#d9c098;
  	margin: 5px 5px 5px 5px;
  	padding: 5px;
  	border-top: 2px solid black;
  	border-right: 2px solid black;
  	border-left: 2px solid black;
  	border-bottom: 2px solid black;
  	}
#content {
  	margin: 0px 140px 0 140px;
  	border-top: 1px solid #b9d2e3;
  	border-right: 1px solid #b9d2e3;
  	border-left: 1px solid #b9d2e3;
  	border-bottom: 1px solid #b9d2e3;
  	background-color: #f0e7d7;
/*  	width: 55%;    */
  	color: black;
  	padding: 0px 5px 0px 5px;
 	width: 60%;
/*	position:absolute; 
	left: 030px; 
  	top: 106px;
  	width: 450px; 
  	height: 220px; 
  	z-index: 1;   */
	}
#content p 
{ 
font-family: georgia, serif;
font-size: 0.9em;
text-align: left;
text-transform: none;
/* none - lowercase - capitalize - uppercase */
}

p.red  {color; red;}
p.blue {color; blue;}

#mainfeature {
  	border-top: 2px solid #b9d2e3;
  	border-right: 2px solid #b9d2e3;
  	border-left: 2px solid #b9d2e3;
  	border-bottom: 2px solid #b9d2e3;
	margin: 0 10px 10px 10px;
  	background-color: #d9aa98;
  	color: white;
  	width 150px;
  	padding: 2em 2em 1em 1em;
  	height: 25%;
	}
#sidebar-left, #sidebar-right {
  	float: left;
  	width: 100px;
  	height: 25%;
  	font-size: 120%;
  	background-color:#d9c098;
  	color: blue;
  	margin: 5px 5px 5px 5px;
  	padding: 2px;
	}
#sidebar-right {
  	float: right;
  	margin: 5px 25px 5px 5px;
  		
}
#nav {
  	list-style: none;
  	margin: 0;
  	padding:  0;
	}
#nav li {
  	border-bottom: 1px solid black;
  	padding: 0.4em 0 0.2em 0;
  	font-size: 75%;
	}
#nav li a:link, #nav li a:visited {
  	text-decoration: none;
  	color: #245185;
  	font-weight: normal;
	}
	
#footer {
  	width: 100%;
  	border-top: 1px solid #b9d2e3;
  	border-bottom: 1px solid #b9d2e3;
  	margin-top: 10px;
  	clear: both;
	}
	
/* the container is the background for the list */
/* the list of nav items will be inside this box */

#menu-container
{
background-color:#d9c098;
width: 100%;
margin: 0.5em 0.5em;
padding: 0 0;
font-family: verdana, serif;
font-size: 12px;
text-align: left;
text-transform: none;
}

/* This is the width of the list of items */

ul#menu-list
{
text-align: left;
list-style: none;
padding: 0;
margin: 05px 05px 05px 05px;
width: 100%;
}

ul#menu-list li
{
display: block;
margin: 0;
padding: 0;
}

ul#menu-list li a
{
display: block;
width: 100%;
padding: 0.5em 0.5em  0.5em .2em;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #000000;
text-decoration: none;
background: #d9aa98;
}
/* this next width parameter will actually set the width of the nav list of items */

#menu-container>ul#menu-list li a { width: 100px; }

ul#menu-list li#active a
{
background: ##d9aa98;
color: #800000;
}

ul#menu-list li a:hover, ul#menu-list li#active a:hover
{
color: #800000;
background: transparent;
border-color: #aaab9c #fff #fff #ccc;
}