body {
min-height: 100%;
margin:0px;
padding:0px;
border:0px;
border-collapse:separate;
border-spacing:0px;
/*background-color: #c0e0ff;*/
/*background-color: #94d6e7;*/
background-color: #e9dfc2;
}

#header1 {
margin:10px;
float:left;
text-align: center;
width:50%;
}

#header2 {
margin:10px;
border-color:#412700;
border-width:8px;
border-style:ridge;
float:right;
padding-top:5px;
text-align: center;
width:40%;
}

#ptitle {
float:left;
margin-left:20%;
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
padding:5px;
/*background-color: #ffff80;*/
/*border-color: black;
border-style: solid;*/
}

#morebut {
position: relative; top: 5px;
margin:10px;
padding:7px;
text-align: center;
width:75%;
background-color: #ffff80;
}

#buttons {
overflow: hidden; /* not effective in IE6 */
margin-left: 10px;
margin-right: 10px;
padding:2px;
/*background-color: #412700;*/
background-color:#8c5900;
clear: both;
}

#buttons2 {
/*position: relative; left: -10px;*/
overflow: hidden;
margin-left: 10px;
margin-right: 12px;
padding:2px;
float:left;
background-color: #008000;
clear: both; /* This is to make IE6 put the next div below the previous one */
}

#buttons3 {
overflow: hidden; /* not effective in IE6 */
margin-left: 5px;
margin-right: 5px;
padding:2px;
/*background-color: #412700;*/
background-color:#8dcff4;
clear: both;
}

#btn {
float:left;
margin: 5px;
padding: 5px;
background-color: #ffff80;
/*border-color: black;
border-style: solid;*/
}

#btn2 {
margin: 5px;
padding: 5px;
background-color: #ffff80;
text-align: center;
float:left;
}


#social {
float:right;
margin:10px;
padding:0px;
background-color: #c0e0ff; /*light blue */
text-align: center;
width:16%;
}

#feature {
float:left;
margin:10px;
padding:1%;
background-color: #c0e0ff; /*light blue */
/*background-color: #f7b5cb; pink */
/*text-align: center;*/
width:45%;
overflow: hidden; /* not effective in IE6 */
}


#column1 {
float:left;
width:25%;
}

#column2 {
float:left;
width:25%;
}

#column3 {
float:left;
width:25%;
}

#column4 {
float:left;
width:24%;
}

#column5 {
float:left;
width:30%;
padding-right:2%;
}

#column6 {
float:right;
width:65%;
padding-right:2%;
}

#column7 {
float:right;
width:33%;
padding-right:2%;
}

#content {
padding:2%;
margin:2%;
width:93%;
/* background-color: #cccccc; light grey */
/* background-color: #bfe2f9; light blue */
/* background-color: #808069; warm grey */
/* background-color: #8B7355; burlywood4 */
/* background-color: #8B7E66; wheat4 */
background-color: #C9AF94; /* mocha latte */
}

#content2 {
padding:5px;
margin:5px;
width:55%;
float:right;
background-color: #C9AF94; /* mocha latte */
}

#content3 {
padding:5px;
margin:5px;
width:40%;
float:left;
background-color: #C9AF94; /* mocha latte */
}

#content31 {
padding:5px;
margin:5px;
width:40%;
/*float:left; */
background-color: #C9AF94; /* mocha latte */
}

#content4 {
padding:2%;
margin:2%;
width:93%;
background-color: #f7b5cb; /*pink */
}

#content5 {
padding:2%;
margin:2%;
width:93%;
background-color: #cccccc; /* light grey */
}

#news {
padding:3%;
margin:3%;
width:89%;
background-color: #c0e0ff; /*light blue */
}

#marg {
margin: 1px;
padding: 10px;
overflow: hidden;
/*
border-color: green;
border-style: solid;
*/
}

hr {
   display: block;
   position: relative;
   padding: 0;
   margin: 1px auto;
   height: 0;
   width: 98%;
   max-height: 0;
   font-size: 1px;
   line-height: 0;
   clear: both;
   border: none;
   border-top: 1px solid #aaaaaa;
   border-bottom: 1px solid #ffffff;
}

#p1 {
margin-left:12px;
}

/*
#bottom {
overflow: hidden;
margin-left: 2px;
margin-right: 2px;
padding:2px;
clear: both;
}
*/

#bottom {
overflow: hidden; /* not effective in IE6 */
margin-left: 2px;
margin-right: 2px;
padding:2px;
float:right;
width:25%;

/*background-color: #412700;*/
/*background-color:#8c5900;*/
}

#footer {
background-color: #89ca9d;
text-align: center;
padding:2px;
margin: 0;
clear: both;
font-size:75%;
}