body {
background: url(images/bg.jpg);
margin: 20px 0;
padding: 0;
text-align: center;
font-family: verdana, sans-serif;
font-size: 11px;
color: #393327;
cursor: default
}


/* THE CONTENT LAYERS */

#center {
margin: 0 auto;
width: 692px
}

#back {
background: url(images/content.jpg);
width: 692px
}

#top {
background: url(images/top.jpg);
width: 652px;
height: 60px;
padding: 166px 0 0 40px;
font-family: georgia, serif;
font-size: 36px;
color: #766F66;
text-align: left
}

#top_nav {
background: url(images/top_nav.jpg);
width: 652px;
height: 46px;
font-weight: bold;
font-family: georgia, serif;
font-size: 14px;
padding: 9px 0 0 40px;
text-align: left
}


/* TOP NAVIGATION */

#top_nav ul {
list-style: none;
margin: 0;
padding: 0
}

#top_nav li {
display: inline;
margin: 0 15px 0 0;
padding: 0 
}


/* NAVIGATION */

#nav {
float: right;
width: 173px;
text-align: justify;
padding: 0 65px 0 5px
}

#nav p {
margin: 0;
padding: 0
}

#nav ul {
list-style: none;
padding: 0;
margin: 0 0 0 12px
}

#nav li {
background: url(images/link.gif) no-repeat left center;
padding: 0 0 2px 8px
}


/* CONTENT */

#content {
float: left;
width: 398px;
background: url(images/left.jpg) no-repeat top;
text-align: justify;
padding: 0 15px 0 30px;
line-height: 15px
}

#content p {
margin: 7px 0 10px;
padding: 0
}


/* FOOTER */

#footer {
clear: both;
width: 657px;
height: 59px;
background: url(images/footer.jpg);
padding: 44px 0 0 35px;
text-align: left;
letter-spacing: 1px
}


/* LINKS */

a {
text-decoration: none;
font-weight: bold
}

#content a {
letter-spacing: 1px
}

#top_nav a:link, #top_nav a:visited,
#content a:link, #content a:visited,
#footer a:link, #footer a:visited {
color: #1A4F72
}

#top_nav a:active, #top_nav a:hover,
#content a:active, #content a:hover,
#footer a:active, #footer a:hover {
color: #7D3E26
}

#content a:link, #content a:visited {
border-bottom: 1px solid #6E8FB0
}

#content a:hover, #content a:active {
border: 0
}

#nav a:link, #nav a:visited {
color: #817B6E;
border-bottom: 0
}

#nav a:hover, #nav a:active {
color: #393327;
border-bottom: 1px solid #393327
}


/* THE RED AND BLUE LAYERS */

.red, .blue {
width: 350px;
margin-left: 12px;
padding: 10px
}

.red {
background: #C55E4C url(images/red.jpg) no-repeat bottom;
border: 1px solid #DFA59B;
color: #673127
}

.blue {
background: #6E8FB0 url(images/blue.jpg) no-repeat bottom;
border: 1px solid #B5C6D7;
color: #334353
}


/* HEADINGS */

h1 {
color: #9A593F;
font-family: georgia, serif;
margin: 0;
padding: 0 0 3px 22px;
font-size: 20px;
border-bottom: 1px solid #C0884B
}

.red h2, .blue h2 {
font-family: georgia, serif;
font-size: 16px;
height: 25px;
margin: 0 0 5px;
padding: 6px 0 0 20px
}

.red h2 {
background: url(images/h2_red.jpg);
color: #DFA59B
}

.blue h2 {
background: url(images/h2_blue.jpg);
color: #B5C6D7
}

h3 {
font-family: georgia, serif;
font-size: 15px;
color: #577890;
padding: 0;
margin: 15px 0 3px
}