body  {
font: 11px Verdana, Arial, Helvetica, sans-serif;
background: #d5cbbe url(../images/background.jpg);
line-height: 20px;
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
color: #4c4c4c;
}

body  a:link, body a:visited, body a:active {
color: #4c4c4c;
}
body  a:hover {
color: #826148;
}

.twoCol #wrapper {
background: url(../images/back-shadow.jpg) top center no-repeat;
}

.twoCol #container { 
width: 900px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
background: #fff;
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
padding: 0;
text-align: left; /* this overrides the text-align: center on the body element. */
}

.twoCol #topContent {
width: 900px;
background: #fff url(../images/top-bg.jpg) no-repeat;
overflow: hidden;
padding: 0;
margin: 0;
}

.twoCol #topContent #mainnav {
width: 900px;
font-size: 11px;
text-align: right;
padding: 0;
margin: 0;
}

.twoCol #topContent #mainnav ul {
display: block;
list-style: none;
float: left;
padding: 0;
margin: 5px 0 0 0;
}

.twoCol #topContent #mainnav ul li {
display: block;
background: #fff url(../images/nav-back-v-darkBro.jpg) center repeat-x;
float: left;
border-left: 1px #fff solid;
margin: 0 0 0 0;
}

.twoCol #topContent #mainnav ul li#last {
background: #fff url(../images/nav-back-v-darkBro-last.jpg) right no-repeat;
}

.twoCol #topContent #mainnav ul li a {
display: block;
color: #ffffff;
text-decoration: none;
padding: 12px 30px 12px 30px;
}

.twoCol #topContent #mainnav ul li a:hover {
background: #fff url(../images/nav-back-v-whtBro.jpg) center repeat-x;
color: #fff;
}

.twoCol #topContent #mainnav ul li#last a:hover {
background: #fff url(../images/nav-back-v-whtBro-last.jpg) right no-repeat;
color: #fff;
}

.twoCol #topContent #media {
width: 625px;
height: 300px;
padding: 0;
margin: 0 0 0 275px;
}

.twoCol #sidebar1 {
background: #efe9e1;
float: left; /* since this element is floated, a width must be given */
width: 250px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
font-family: "Century Gothic", verdana, arial;
padding: 0;
margin: 0;
}

.twoCol #sidebar1 h1 {
font-size: 18px;
color: #826148;
border-bottom: 1px #826148 solid;
padding: 20px 0 0 20px;
margin: 0;
}

.twoCol #sidebar1 h3 {
padding: 0 0 0 10px;
margin: 0;
}

.twoCol #sidebar1 h4 {
font-size: 10px;
text-align: right;
color: #50362a;
text-transform: uppercase;
letter-spacing: 1px;
border-top: 1px #826148 solid;
padding: 0 20px 0 20px;
margin: 1px 0 0 0;
}

.twoCol #sidebar1 h5 {
padding: 0 0 0 10px;
margin: 0;
}

.twoCol #sidebar1 p {
padding: 10px;
margin: 0 0 0 10px;
}

.twoCol #sidebar1 #form {
padding: 10px;
margin: 0 0 0 10px;
}

input[type="text"] /* To keep form fields consistent */
{
background: #fff !important;
}

.twoCol #sidebar1 #form .inputblock {
font-size: 10px;
text-transform: uppercase;
padding: 0;
margin: 0;
}

.twoCol #sidebar1 #form .inputbox {
width: 200px;
padding: 0;
margin: 0;
}

#mainContent ul {
display: block;
list-style: disc;
padding: 0;
margin: 0 0 10px 50px;
}

#mainContent li, #mainContent li a:link, #mainContent li a:visited {
font-weight: bold;
padding: 0;
margin: 0;
font-size: 11px;
}
#mainContent li a:hover, #mainContent li a:hover {
font-weight: bold;
padding: 0;
margin: 0;
font-size: 11px;
color: #4e767a;
}
#mainContent .clear {
clear: both;
height: 1px;
}

.twoCol #mainContent {
	margin: 0 0 0 270px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 

.twoCol #mainContent h1 {
font-family: "Century Gothic", verdana, arial;
color: #50362a;
padding: 20px 0 10px 20px;
margin: 0;
}

.twoCol #mainContent h1.bfont {
font-family: serif, verdana, arial;
color: #50362a;
padding: 20px 0 10px 20px;
margin: 0;
}

.twoCol #mainContent h3.bfont {
font-family: serif, verdana, arial;
color: #50362a;
padding: 10px 0 10px 20px;
margin: 0;
font-size: 16px;
}

.twoCol #mainContent h2 {
font-family: "Century Gothic", verdana, arial;
color: #50362a;
padding: 10px 0 0 20px;
margin: 0;
}

.twoCol #mainContent h4 {
font-size: 10px;
text-align: left;
color: #826148;
text-transform: uppercase;
letter-spacing: 1px;
border-top: 0px #826148 solid;
padding: 0px 0 0 20px;
margin: 1px 0 0 0;
}

.twoCol #mainContent p {
padding: 5px 20px 5px 20px;
margin: 0;
}


.twoCol #footer {
width: 900px;
background-color: #fff;
border-top: 2px #826148 solid;
margin: 0 auto;
padding: 0;
text-align: center;
}

.twoCol #footer ul {
list-style: none;
padding: 0;
margin: 10px 0 0 0;
}

.twoCol #footer ul li {
float: left;
}

.twoCol #footer ul li a {
color: #241010;
font-family: verdana, arial;
font-size: 9px;
letter-spacing: 1px;
text-decoration: none;
padding: 5px 35px 5px 35px;
margin-top: 2px;
margin-bottom: 2px;
}

.twoCol #footer ul li a:hover {
background-color: #d5cbbe;
color: #241010;
}

.twoCol #footer a.tag {
color: #000;
text-decoration: none;
padding: 0;
margin: 0;
}

.twoCol #footer ul li a.tag:hover {
color: #50362a;
}

.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;
}

<!--[if IE 5]>
/* place css box model fixes for IE 5* in this conditional comment */
.twoCol #sidebar1 { width: 230px; }
<![endif]--><!--[if IE]>
/* place css fixes for all versions of IE in this conditional comment */
.twoCol #sidebar1 { padding-top: 30px; }
.twoCol #mainContent { zoom: 1; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
<!--[endif]-->