body {
display: block;
color: #000000;
background-color: #D2B48C;
font-family: "Verdana", "Arial", sans-serif;
font-size: 12px;
text-align: center;
/*border:1px solid red;*/
}

/* --------------------------------------- */

#layout {
margin: 0 auto;
width:820px;
text-align: center;
/*border:1px dashed black;*/
}


/* --------------------------------------- */

A:link {color: #000030; background: inherit; text-decoration: none; font-weight: normal;  }
A:active {color: #000030; background: inherit; text-decoration: none; font-weight: normal; }
A:visited {color: #000030; background: inherit; text-decoration: none; font-weight: normal; }
A:focus {color: #000030; background: inherit; text-decoration: underline; font-weight: normal; }
A:hover {color: red; background: inherit; text-decoration: underline; font-weight: normal; }

/* --------------------------------------- */


h1 {
 font-size: xx-large;
 }
h2 {
 font-size: x-large;
 }
h3 {
 font-size: large; font-family: "papyrus", "Verdana", "Arial", sans-serif;
 }
h4 {
 font-size: medium; font-family: "papyrus", "Verdana", "Arial", sans-serif;
 }
h5 {
 font-size: small;
 }
h6 {
 font-size: xx-small;}



/* --------------------------------------- */

img {border: 0px;}

div.event {
/*border:1px solid yellow;*/
}

div.blue {
float: left;
/*border:1px solid blue;*/
width: 280px;
}

div.red {
float: right;
padding:5px;
/*border:1px solid red;*/
width:500px;
}

img.float-left {
float: left;
margin-right: 5px;
margin-bottom: 10px;
}

div.clearer {clear: both;}


/* --header--------------------------------  */
#header{
background: #F6F6CC;
width:819px;
height:100px;
font-size: .9em;
font-family: "Verdana", "Arial", sans-serif;
border-bottom-style: solid;
border-bottom-color: navy;
border-bottom-width: 5px;
/*border:1px solid yellow;*/
}

#headerLeft{
float: left;
width:400px;
height: 100px;
/*border:1px solid green;*/
}
#headerRight {
float: left;
width:400px;
height: 100px;
text-align: right;
/*border:1px solid #000000;*/
}
#headerLogo{
margin-left: -75px;
/*border: 1px solid #000000;*/
}
#headerContact {
margin-top: 5px;
margin-left: 50px;
width: 350px;
padding-bottom: 5px;
/*border: 1px solid #000000; */
}
#headerHours {
margin-left: 50px;
width: 350px;
padding-bottom: 5px;
border-bottom: 1px solid #000000; /* don't comment this one */
/*border: 1px solid #000000;*/
}

#headerNav {
padding-top: 5px;
margin-left: 50px;
width: 350px;
/*border: 1px solid #000000;*/
}



/* --Content--------------------------------  */
#content{
position: relative;
padding: 10px;
text-align: left;
width:800px;
font-size: .9em;
background-color: #D2B48C;
/*border:1px solid purple; */
}

#mainleftcontent{
float: left;
width:301px;
/* height: 500px;   <--(FIXED using float + clear both) adjust here for lowering the footer... need to figure something out so I don't have to do this */
/* border:1px solid red; */
}


#maincontent{
float: left;
top:10px;
width:470px;
/*border:1px solid #000000; */
}

hr.hrleft {
width: 35%;
text-align: left;/*this will align it for IE*/
margin: 3px auto 3px 0; /*this will align it left for Mozilla*/
}

/* --footer--------------------------------  */
#footer{
clear: both;
text-align: center;
/*border:1px solid #000000; */
}