body {
font: 1.0em arial, sans-serif;    /*this sets fonts and background color on the sides of the layout*/
text-align: center;
background: #494949;
}

* {                              /*this is so IE will do the margins correctly*/
margin:0;
padding:0;
}


div#mainwrap {   
width:776px;      /*don't change this*/
margin-top: 1%;     /*sets how far content is from the top of the browser*/
margin-left: auto;     /*dont change this*/
margin-right: auto;     /*dont change this*/
background-color: white;    /* background color of the whole page*/
border: 1px solid #a1a5a7;     /*border around the whole page*/
}

div#toplinks {
font-size: .7em;   /*text size*/
text-align: right;  /*makes the links fo to the right*/
height:20px;
padding-top:5px;
padding-right: 10px;
}

div#toplinks p {
color: #494949; /*color of the | in the links*/
}

div#toplinks a {
text-decoration: none;
color: #494949;      /*color of the text links*/
}

div#toplinks a:hover {    /*hover state*/
text-decoration: underline;
}

div#head {
height: 150px;
background-image: url(/images/banner.gif);  /*chagne this to switch banners*/
border: 1px solid #a1a5a7;        /*sets the border color*/
}

div#content {
margin-left:4px;
float: right;  /*makes the content on the right of the left div*/
width: 610px;
}

div#left {
width: 156px;
border-right: 1px solid #a1a5a7;  /* color of the right border of the left column*/
height: 840px;                   
background-color: #c86e60;       /*background color of the left column*/
padding-top: 20px;
}

div#left a {
text-decoration: none;
font-size: .8em;
width: 150px;
height: 40px;
margin-top: 1px;
color: black;  /*Change the color of the link text*/

}

div#left a:hover {
background-image: url(images/button_hover.gif);  /*this is for the hover state of the links*/
}


div#left ul {
list-style: none;
margin-left: 4px;
}

div#left li {
background: url(images/button.gif) no-repeat;   /*button image, buttons are 150x40 px*/
}


div#footer {
height: 60px;   /*height of the footer*/
font-size: .8em;   /*size of text in the footer*/
border-top: 1px solid #a1a5a7;  /* top border color of the footer*/
}

div#footer p {
color: white;  /* text color of the footer, not the link though*/
}

div#footer a {
text-decoration: none;
color: white;        /*color of the links in the footer*/
}

div#footer a:hover {      /*hover state*/
text-decoration: underline;
}