@import url("style.css");

/* -- General Properties -- */

* {
border:0;
margin:0;
padding:0;
}
html {
height:100%;
}
ul,ol {
position:relative;
}
body {
background:url(images/bg.jpg) #503c1e;
border:0px;
color:#463728;
font:.7em Georgia,Times,serif;
}
a {
color:#784614;
text-decoration:none;
}
a:hover {
color:#784614;
text-decoration:none;
}
a:focus,
a:active {
outline:none;
text-decoration:none;
}
img {
border:0px;
}

/* -- Div Properties -- */

.top {
background:url(images/top.jpg) repeat-x;
}
.logo {
display:block;
background:url(images/logo.gif) 0px 10px no-repeat;
margin:auto;
width:520px;
height:170px;
}
.logo a {
display:block;
margin:auto;
width:200px;
height:100px;
text-indent:-1000em;
}
.line {
background:url(images/line.gif) bottom repeat-x;
height:25px;
}
.footer {
clear:both;
margin:auto;
padding:10px 0px 30px 0px;
width:605px;
text-align:center;
}
.footer p {
color:#c8b496;
font:1em Verdana,Arial,Helvetica,sans-serif;
line-height:1.5em;
}
.footer a {
color:#c8b496;
}

/* -- Menu Properties -- */

.menu {
display:block;
list-style:none;
margin:auto;
padding:0;
width:950px;
height:90px;
overflow:hidden;
}
.menu li {
float:left;
margin:0px 15px 0px 15px;
text-indent:-1000em;
}
.menu1 a {
display:block;
background:url(images/menu1.gif) left bottom no-repeat;
width:177px;
height:70px;
}
.menu1 .on,
.menu1 a:hover {
background:url(images/menu1.gif) left top no-repeat;
}
.menu2 a {
display:block;
background:url(images/menu2.gif) left bottom no-repeat;
width:205px;
height:70px;
}
.menu2 .on,
.menu2 a:hover {
background:url(images/menu2.gif) left top no-repeat;
}
.menu3 a {
display:block;
background:url(images/menu3.gif) left bottom no-repeat;
width:195px;
height:70px;
}
.menu3 .on,
.menu3 a:hover {
background:url(images/menu3.gif) left top no-repeat;
}
.menu4 a {
display:block;
background:url(images/menu4.gif) left bottom no-repeat;
width:230px;
height:70px;
}
.menu4 .on,
.menu4 a:hover {
background:url(images/menu4.gif) left top no-repeat;
}

/* -- Main Properties -- */

.main {
clear:both;
display:block;
background:url(images/main.jpg) #f0e1be repeat-y;
margin:auto;
width:985px;
}
.maintop {
background:url(images/maintop.jpg) left top no-repeat;
}
.mainbot {
background:url(images/mainbot.jpg) left bottom no-repeat;
}
.mainleft {
float:left;
width:430px;
padding:30px 30px 40px 40px;
}
.mainright {
float:right;
width:410px;
padding:30px 30px 40px 40px;
}

/* -- Other Properties -- */

hr {
border:0;
clear:both;
color:#463728;
background-color:#463728;
height:1px;
}
.title {
display:block;
background:url(images/title.jpg) 0px 10px no-repeat;
margin:auto;
padding:0px 0px 20px 0px;
width:350px;
}
.divider {
display:block;
background:url(images/divider.jpg) no-repeat;
margin:auto;
width:320px;
height:100px;
}
.center {
text-align:center;
font:bold 1.2em Georgia,Times,serif;
line-height:2em;
}
.list {
list-style:none;
margin:10px 0px 0px 20px;
padding:0;
}
.list li {
background:url(images/arrows.gif) 7px 5px no-repeat;
line-height:1.4em;
margin:0;
padding:0px 0px 0px 27px;
}
.link {
background:url(images/arrows.gif) 0px 5px no-repeat;
color:#463728;
font-weight:bold;
margin:10px 0px 0px 27px;
padding:0px 0px 10px 15px;
}
.photo {
display:block;
float:left;
margin:auto;
margin-top:10px;
margin-bottom:10px;
width:200px;
text-align:center;
}
.left {
float:left;
}
.right {
float:right;
}
.clear {
clear:both;
}

/* -- Text Properties -- */

p {
font-size:1.2em;
line-height:2em;
margin:0;
padding:10px 0px 5px 0px;
}
p a {
border-bottom:1px solid #a0783c;
}
p a:hover {
border-bottom:1px solid #463728;
}
p em {
font-style:italic;
}
p strong {
font-weight:bold;
}
h1, h2, h3 {
color:#784614;
font:bold 1.8em Georgia,Times,serif;
letter-spacing:5px;
text-transform:uppercase;
line-height:1.5em;
margin:0;
padding:15px 0px 0px 0px;
text-align:center;
}
h4 {
font:bold 1.2em Georgia,Times,serif;
letter-spacing:1px;
line-height:1.5em;
padding:10px 0px 0px 0px;
}
h5 {
font:bold .8em Georgia,Times,serif;
line-height:1.5em;
padding:5px 0px 5px 0px;
}

/* -- Form Properties -- */