/* COLOR PALLETTE
GOLD: #D3A664
GREY: #626364
BROWN: #4E3A27 */

* {
margin: 0px;
padding: 0px;
}

body {
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
line-height: 14px;
}

a {
color: #4E3A27;
}

a:hover {
color: #D3A664;
text-decoration: none;
}

/* -------------- HOME ---------------- */
.home_wrapper {
margin: 50px auto 0px auto;
overflow: auto;
width: 820px;
}

.home_top {
background-image: url(../images/home_top.jpg);
height: 25px;
width: 820px;
}

.home_mid {
background-image: url(../images/home_mid.jpg);
display: table;
height: auto;
width: 820px;
}

.home_header {
background-image: url(../images/home_header.jpg);
height: 70px;
width: 700px;
margin: 0px auto 0px auto;
}

.home_picts {
background-image: url(../images/home_picts.jpg);
height: 225px;
width: 700px;
margin: 0px auto 0px auto;
}

.home_nav {
border-top: #000000 2px solid;
height: 20px;
width: 600px;
margin: 25px auto 25px auto;
padding: 20px 25px 20px 25px;
}

.home_nav div {
float: left;
width: 100px;
padding: 0px 50px 0px 50px;
}

.home_nav div a {
color: #000000;
display: block;
font-weight: bold;
padding: auto;
line-height: 20px;
text-decoration: none;
width: 100px;
text-align: center;
}

.home_nav div a:hover {
background-color: #D3A664;
color: #FFFFFF;
}

.home_btm {
background-image: url(../images/home_btm.jpg);
height: 25px;
width: 820px;
}

/* -------------- PAGES ---------------- */
.wrapper {
margin: 0px auto 0px auto;
overflow: auto;
width: 820px;
}

.top {
background-image: url(../images/top.jpg);
height: 80px;
width: 820px;
vertical-align: top;
}

.mid {
background-image: url(../images/mid.jpg);
display: table;
height: auto;
width: 820px;
}

.picts {
background-image: url(../images/picts.jpg);
height: 80px;
width: 820px;
}

.content {
display: table;
margin: 0px 82px 0px 80px;
height: auto;
width: 658px;
padding: 0px;
}

.text {
float: left;
width: 520px;
margin: 25px 0px 0px 0px;
padding: 0px 5px 35px 5px;
}

.text div.title {
color: #4E3A27;
font-size: 14px;
font-weight: bold;
line-height: 18px;
}

.text div.subtitle {
color: #626364;
font-size: 11px;
font-weight: bold;
line-height: 14px;
}

.text div {
margin: 0px 0px 10px 0px;
}

div.text ul {
font-weight: bold;
line-height: 18px;
margin: 0px 0px 15px 0px;
}

div.text ul li {
font-weight: normal;
list-style: square;
line-height: 14px;
margin: 0px 0px 0px 25px;
}

.nav {
border-left: #000000 2px solid;
float: right;
height: 126px;
width: 108px;
margin: 25px 0px 0px 0px;
padding: 0px;
}

.nav ul {
width: 110px;
}

.nav ul li {
list-style: none;
margin: 0px 0px 10px 0px;
}

.nav ul li a {
color: #000000;
display: block;
font-weight: bold;
line-height: 24px;
padding: auto;
text-decoration: none;
text-indent: 10px;
}

.nav ul li a:hover {
background-color: #D3A664;
color: #FFFFFF;
}

.nav ul li a.active {
background-color: #D3A664;
color: #FFFFFF;
}

.btm {
background-image: url(../images/btm.jpg);
height: 80px;
width: 820px;
}