/* CSS Document */

html, body {
margin : 0;
padding : 0;
background-color : #fff;
}
body {
font : 13px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
margin : 0 auto;
text-align : center;
background-color : #fff;
background-image: url(images/site-back.png);
background-repeat: repeat-x;
}


li {text-align: left;}

#container {width: 908px;
margin: 0 auto;
padding: 15px 0 0 0;
background-color: transparent;
}
#banner {width: 908px;
height: 136px;
background-image: url(images/banner.png);
background-repeat: no-repeat;
margin: 0 auto;
padding: 0;
}
#navigation {width: 900px;
margin: 0 auto;
padding: 105px 0 0 10px;
float: left;
text-align: left;
}
#content {width: 908px;
margin: 0 auto;
padding: 0;
background-image: url(images/drop-shadow.png);
background-repeat: repeat-y;
}
#whitearea {width: 900px;
height: 302px;
background-image: url(images/whitearea-back.jpg);
background-repeat: no-repeat;
margin: 0 auto;
padding: 0;
background-position: top left;
}
#whitearea-left {width: 435px;
margin: 0 auto;
padding: 0;
float: left;
}

#whitearea-right{width: 455px;
margin: 0 auto;
padding: 0;
float: right;
}
#whitearea-right h1 {font : 20px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
color: #5e3803;
text-align: left;
margin: 0 auto;
padding: 5px 15px 5px 5px;
font-weight: 900;
}
#whitearea-right p {font : 13px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
text-align: left;
line-height: 1.3;
margin: 0 auto;
padding: 5px;
}

#whitearea-inside {width: 900px;
background-image: url(images/whitearea-inside.jpg);
background-repeat: no-repeat;
margin: 0 auto;
padding: 0;
overflow:hidden;
}
#slideshow{
margin: 0 auto;
padding: 10px 0 0 0;
text-align: left;
}
#yellowarea {width: 900px;
background-color: #fffbf2;
margin: 0 auto;
padding: 0;
background-image: url(images/yellowarea-back.jpg);
background-repeat: no-repeat;
}
#bottom {width: 908px;
height: 42px;
margin: 0 auto;
padding: 0;
background-image: url(images/bottom.png);
background-repeat: no-repeat;
}
#bottom p{font : 10px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
color: #422801;
text-align: center;
padding: 0 0 8px 0;
margin: 0 auto;
}

#bottom a {padding: 0; margin: 0; background-color: transparent; text-decoration: none; color: #422801; font-weight: bold;}
#bottom a:hover {padding: 0; margin: 0; background-color: transparent; text-decoration: underline; color: #422801; font-weight: bold;}

#content-inside {width: 900px;
margin: 0 auto;
padding: 25px 0 0 0;
}

#buttons {width: 210px auto;
padding: 0 0 0 10px;
margin: 0 auto;
float: left;
}
#maincontent {width: 675px;
margin: 0 auto;
padding: 25px 0 0 0;
float: right;
background-image: url(images/inside-content-back.gif);
background-repeat: repeat-x;
}
#maincontent p {font : 13px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
text-align: left;
line-height: 1.3;
margin: 0 auto;
padding: 5px 30px 5px 20px;

}
#maincontent h1 {font : 23px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
color: #5e3803;
text-align: left;
margin: 0 auto;
padding: 5px 30px 5px 20px;
font-weight: 900;
}

#maincontent h2 {font : 18px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
color: #5e3803;
text-align: left;
margin: 0 auto;
padding: 25px 30px 5px 20px;
text-decoration: underline;
font-weight: 900;
}

#maincontent h3 {font : 15px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
color: #5e3803;
text-align: left;
margin: 0 auto;
padding: 25px 30px 5px 20px;
font-weight: 900;
}
#maincontent a {padding: 0; margin: 0; background-color: transparent; text-decoration: none; color: #a16e0f; font-weight: bold;}
#maincontent a:hover {padding: 0; margin: 0; background-color: transparent; text-decoration: underline; color: #a16e0f; font-weight: bold;}



.clear {clear: both;}