body  {
        font: 100% Verdana, Arial, Helvetica, sans-serif;
        background: #F5EBC7;
        margin: 0;
        padding: 0;
        text-align: center;
        color: #000;
        font-size: 80%;
}
a {
	color: #000;
	}
h1, h2 {
	color: #847F6B;
	font-size: 14px;
	padding-top: 0px;
 	margin-top: 0px;
	}
#container { 
        width: 900px;
        background: #F9F2D6;
        margin: 0 auto;
        text-align: left;
        padding-top: 20px;
}
#header {
        background-image: url(../img/header04.jpg);
        background-repeat: no-repeat;
        height: 173px;
        padding: 0px;
        }
#header h1 {
        margin: 0;
        padding: 10px 0;
}
#sidebar1 {
        float: left; /* since this element is floated, a width must be given */
        width: 170px;
        background: #F9F2D6; /* the background color will be displayed for the length of the content in the column, but no further */
        padding: 15px 10px 15px 0px; /* padding keeps the content of the div away from the edges */
}

ul#navlist {
	margin: 0;
	padding-left: 10px;
	}

#navlist li {
	list-style-type: none;
	border-bottom: dotted 1px #ccc;
	padding: 3px 0px 3px 15px;
	margin-left: 0px;
}
#navlist li a {
	color: #8E7729;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 14px;
	}
#navlist li a:hover {
	font-weight: bold;
	}
#navlistsub li a {
	font-size: 12px;
	text-transform: normal;
	}

#sidenavi li {
	list-style-type: none;
	border-bottom: dotted 1px #ccc;
	padding: 3px 0px 3px 15px;
	margin-left: 0px;
}
#sidenavi li a {
	color: #847F6B;
	text-decoration: none;
	font-size: 11px;
	}
#sidenavi li a:hover {
	font-weight: bold;
	}
	
#sidebar2 {
        float: right;
        width: 200px;
        background: #F9F2D6;
        padding: 15px 10px 15px 20px;
}
#mainContent { 
        margin: 0 200px;
        padding: 0 10px;
} 
#text {
	padding-top: 15px;
	margin-bottom: 20px;
	}
.ce {
	border-bottom: dotted 1px #ccc;
	padding: 3px 0px 3px 0px;
	}
#footer { 
        padding: 3px 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
        background:#F5EBC7;
        color: #7A765D;
        font-size: 11px;
        text-align: center;
	border-top: solid 1px #ccc;
} 
#footer p {
        margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
        padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
#footer a {
	color: #7A765D;
	}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
        float: right;
        margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
        float: left;
        margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
        clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}