body {
   background: #f4e3dd;
   color: #d0886c;
   font-family: 'trebuchet ms', arial, sans-serif;
   font-size: 13px;
   margin: 0;
}

#sidethingcontainerthing {
   background: #d0886c url(images/sidethings.png) repeat-y;
   border-left: 1px solid #d0886c;
   border-right: 1px solid #d0886c;
   margin: 0 auto;
   width: 758px;
}

#container {
   background: #f6ebe8;
   border-left: 1px solid #d0886c;
   border-right: 1px solid #d0886c;
/* sets the height for all browsers to auto */
	height: auto !important;
/* sets height (which acts like min-height) to your set size for IE, since it doesn't understand !important */
  	height: 600px;
/* set min-height for other browsers that understand !important */
	min-height: 600px;
   margin: 0 auto;
   padding: 8px;
   width: 602px;
}

#header {
   height: 150px;
   margin: 0 0 10px 0 !important;
   margin: 0 0 5px 0;
   width: 600px;
}

#header img {
   border: 1px solid #d49278;
   margin: 0;
}
   
#navigation {
   background: #efd5cb;
   border: 1px solid #d0886c;
   float: left;
   font-size: 13px;
   letter-spacing:2px;
   margin: 0 0 20px 0;
   width: 180px;
}

#navigation h3 {
   background: url(images/table_top.gif) repeat-x;
   border-bottom: 1px solid #d0886c;
   color: #a55b3e;
   font-size: 13px;
   height: 22px;
   letter-spacing: 1px;
   margin: 0;
   padding: 4px 0 0 0;
   overflow: hidden;
   text-align: center;

}
#navigation h3.second {
   border-top: 1px solid #d0886c;
}


#gawd {
   background: url(images/gawd.png) top repeat-x;
}

#content {
   background: #efd5cb;
   border: 1px solid #d0886c;
   margin: 0 0 0 190px;
}
#content h2 {
   background: url(images/table_top.gif) repeat-x;
   border-bottom: 1px solid #d0886c;
   color: #a55b3e;
   font-size: 13px;
   height: 22px;
   letter-spacing: 1px;
   margin: 0;
   padding: 4px 0 0 0;
   overflow: hidden;
   text-align: center;
}

#content h3 {
   font-size: 15px;
}

/* Another IE hack T_T, fixes the 3px gap bug \*/
* html #content p { height:1%; }
/* End */

#contentcontainer {
   padding: 0 15px 20px;
}

#footer {
   border-left: 1px solid #d0886c;
   border-right: 1px solid #d0886c;
   margin: 0 auto;
   text-align: center;
   width: 618px;
}
#footer p {
   margin: 0;
   padding: 0;
}

img {
   border: 0;
}

ul {
   color: #d0886c;
   list-style: square;
}

a {
   color: #8f4528;
   text-decoration: none;
}
a:hover {
   color: #d49278;
   text-decoration: none;
}
