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


/* CONTENT LAYERS */

div {
text-align: justify
}

#container {
width: 722px;
margin: 0 auto
}

#top {
width: 672px;
background: url(images/top1.jpg);
height: 66px;
color: #DBCFBD;
font-family: georgia, serif;
font-size: 40px;
text-transform: uppercase;
text-align: right;
padding: 46px 50px 0 0
}

#back {
float: left;
width: 722px;
background: url(images/container_bg.jpg);
margin-bottom: 20px;
border: 1px solid #7E572E
}

#nav {
float: left;
width: 202px;
background: url(images/top2.jpg) no-repeat top;
color: #DABEA3
}

#content {
float: right;
width: 520px;
background: url(images/top3.jpg) no-repeat top;
color: #6D5143;
overflow: visible
}

#footer {
clear: both;
width: 712px;
background: url(images/bottom.jpg);
color: #836850;
padding: 30px 0px 11px 10px;
font-weight: bold
}

#end {
clear: both;
height: 1px
}


/* NAVIGATION */

#nav1 {
background: #A68675 url(images/nav1_bg.jpg) no-repeat top;
margin-top: 140px;
padding: 10px
}

.nav {
background: #A68675 url(images/nav2_bg.jpg);
padding: 10px
}

#nav1, .nav {
margin-bottom: 20px
}

#nav li {
list-style: none;
padding-bottom: 2px
}

#nav ul {
padding-left: 20px;
margin: 10px 0
}


/* LINKS */

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

#nav a:link, #nav a:visited,
#network a:link, #network a:visited {
color: #D6C3B7
}

#nav a:hover, #nav a:active,
#network a:hover, #network a:active {
color: #F4DFC4
}

#content a {
letter-spacing: 1px;
word-spacing: 3px
}

#content a:link, #content a:visited {
color: #C38D85;
border-bottom: 1px solid #E9CBAB
}

#content a:hover, #content a:active {
color: #7C725F;
border-bottom: 1px solid #A68675
}

#footer a:link, #footer a:visited {
color: #965E2A
}

#footer a:hover, #footer a:active {
color: #F4DFC4
}


/* HEADINGS */

h1 {
font-family: georgia, serif;
font-size: 22px;
color: #896647;
margin: 20px 0 8px;
padding: 0;
text-align: center;
border-bottom: 1px solid #896647
}

h2 {
font-family: georgia, serif;
font-size: 20px;
color: #AD8E6C;
margin: 0
}

.update h2 {
background: url(images/h2_bg.jpg) no-repeat top;
padding: 20px 0px 6px 20px
}

.main h2 {
text-align: right;
margin: 0;
padding: 4px 20px 10px 0px
}

h3 {
font-family: georgia, serif;
font-size: 16px;
color: #6D5143;
margin: 0;
padding: 0
}

h4 {
font-family: verdana, serif;
font-size: 11px;
color: #B09472;
text-align: right;
margin: 0
}

.update h4 {
background: url(images/h4_bg.jpg) no-repeat top;
padding: 5px 15px 5px 0px
}

.main h4 {
background: #E5CDB3;
margin: 10px 0;
padding: 5px 35px 5px 0px;
}


/* OTHER CONTENT LAYERS */

.update, .main {
border: 1px solid #7E572E;
margin: 10px 15px 20px 15px;
overflow: visible
}

.update {
width: 488px;
background: #F4DFC4 url(images/update_bg.jpg) no-repeat top;
color: #96795D
}

.update p {
margin: 8px;
line-height: 15px
}

.intro {
margin: 0;
padding: 0 20px 10px 30px;
line-height: 15px
}

.main {
background: #F4DFC4 url(images/main_bg.jpg) no-repeat top;
color: #96795D;
padding: 7px;
line-height: 15px;
width: 474px
}

.main li, .update li {
padding-bottom: 5px
}


/* FORM ELEMENTS */

input, select, textarea {
color: #965E2A; 
background: #E5CDB3; 
border: 1px solid #B09472; 
font-family: verdana, serif; 
font-size: 11px
}

input, textarea {
padding: 3px; 
width: 400px; 
margin: 5px 0px 13px 25px
}

label {
display: block; 
float: left
}

.button {
width: 85px; 
padding: 3px
}

.smilies {
width: 330px; 
margin: 5px 0px 13px 25px; 
padding: 3px; 
padding-top: 8px
}


/* ETC */

.avatar {
float: left;
margin-right: 7px
}

b {
color: #BB7E3C
}

i {
letter-spacing: 1px;
word-spacing: 4px
}

p {
margin: 5px 0 10px
}