body
{
background-color: #2d1a02;
font-family: "arial", "verdana", "sans serif";
color: black;
font-size: 12px;
}

#container
{
background-color: #442709;
width: 785px;
margin: 0px auto;
}

#hdr
{
background-color: #efd734;
text-align: center;
padding: 1px 0px 3px 0px;
margin: 0px 0px 2px 0px;
}

#bar1
{
float: left;
width: 230px;
background-color: #6d4a1c;
}

#bar2
{
float: right;
width: 533px;
background-color: #fcf58c;
margin: 0px 0px 0px 2px;
padding: 10px 10px 20px 10px;
}

#bar3
{
text-align: center;
width: 765;
background-color: #fcf58c;
margin: 0px 0px 0px 0px;
padding: 10px 10px 20px 10px;
}


#bar1 img
{
border: 1px solid #1a1003;
}

.per30
{
width: 162px;
float: left;
margin: 6px;
}


/*--- TYPO ---*/


#hdr h1
{
display: inline;
font-size: 12px;
margin: 0px;
padding: 0px;
text-transform: uppercase;
}

#hdr h2
{
display: inline;
font-size: 12px;
font-weight: normal;
margin: 0px;
padding: 0px;
text-transform: uppercase;
}

#bar2 h2
{
font-size: 20px;
margin: 0px;
padding: 0px;
font-family: comic sans ms;
color: #db5d00;
}

#bar2 h3
{
font-size: 16px;
margin: 0px;
padding: 0px;
font-family: comic sans ms;
color: black;
}

#bar1 h3
{
font-family: arial, 'sans serif';
font-size: 13px;
margin: 0px;
padding: 2px 5px 3px 5px;
background-color: #513613;
color: #f2e063;
}

#bar3 h3
{
font-family: arial, 'sans serif';
font-size: 13px;
margin: 0px;
padding: 2px 5px 3px 5px;
background-color: #513613;
color: #f2e063;
}

#bar1 p
{
color: #fffab4;
padding: 0px 5px 0px 5px;
margin: 4px 0px 4px 0px;
}

#bar2 p
{
color: #000;
padding: 0px 0px 0px 0px;
margin: 3px 0px 5px 0px;
}

#bar1 a
{
color: #f3e150;
font-weight: bold;
}

a.biglink 
{
display: block;
color: red;
font-size: 18px;
font-weight: bold;
text-align: center;
margin: 0px 0px 5px 0px;
}

/*--- LISTS ---*/

#bar1 ul
{
margin: 10px 10px 10px 20px;
padding: 0px;
color: white;
list-style-type: square;

}

#bar1 ol
{
margin: 10px 10px 10px 32px;
padding: 0px;
color: white;
list-style-type: decimal-leading-zero;
}

#bar1 li
{
color: white;
margin: 0px 0px 3px 0px;
}

#bar1 li a
{
color: #f3e150;
font-weight: bold;
}

/*----- featured -----*/

.featured
{
background-color: #efd734;
border: 1px solid #aa9821;
margin: 5px 5px 5px 0px;
padding-bottom: 10px;
text-align: left;
}


#bar2 .featured h3
{
text-align: center;
font-size: 16px;
font-family: comic sans ms;
text-style: italic;
color: white;
margin: 3px 5px 5px 5px;
padding: 3px 0px 4px 0px;
background-color: #513613;
}

#bar2 .featured h4
{
text-align: center;
font-size: 14px;
margin: 4px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}


.featured a img
{
border: 1px solid #2f170b;
}

.featured p
{
margin: 0px 0px 3px 0px;
padding: 0px 0px 0px 0px;
}

.featured a
{
font-size: 13px;
color: blue;
font-weight: bold;
}

.featured a:hover
{
color: red;
}



/*----- FOOTER -----*/
.ftr
{
clear: both;
background-color: #efd734;
text-align: center;
margin: 10px 0px 100px 0px;
padding: 5px;
border: 1px solid #9b8b1d;
}

/*----- OTHER -----*/

.clearall
{
clear: both;
}

img.floatleft 
{
float: left;
margin: 0px 5px 0px 5px;
}

.aligncenter
{
text-align: center;
}