body {
background-image: url("img/top.jpg"), url("img/bg.jpg"), url("img/bg2.jpg");
background-repeat: no-repeat, repeat-x, repeat;
background-position: top center;
background-color: #E7E3DF;
}


/* CONTAINER */

#container {
width: 800px;
margin: auto;
}


/* MAIN NAVIGATION */

#nav {
font-family: Tahoma, Geneva, sans-serif;
font-size: 11px;
color: #AF8477;
text-align: justify;
line-height: 13px;
width: 220px;
float: right;
margin-top: 385px;
}

#nav b, strong {
color: #957A88;
}

#nav i, em {
color: #959C87;
}

#nav a {
color: #A69781;
text-decoration: none;
}

#nav a:hover {
text-decoration: line-through;
}

#nav img {
border: 6px solid #A69781;
margin: 3px;
opacity: .5;
}

#nav img:hover {
opacity: .8;
}

#nav table, th {
text-align: center;
width: 220px;
}

#nav td {
width: 110px;
}

#nav td a {
background-color: #BCA3A1;
border: 1px solid #3F3145;
color: #3F3145;
text-transform: uppercase;
text-decoration: none;
display: block;
line-height: 25px;
height: 25px;
opacity: .4;
}

#nav td a:hover {
opacity: .6;
text-decoration: none;
}


/* TEMARI NAVIGATION */

#nav2 table, th {
text-align: center;
width: 450px;
margin: auto;
}

#nav2 td {
width: 100px;
}

#nav2 td a {
background-color: #B8C1AB;
border: 1px solid #8D9581;
color: #42483A;
text-transform: uppercase;
text-decoration: none;
display: block;
line-height: 30px;
height: 30px;
opacity: .4;
}

#nav2 td a:hover {
opacity: .6;
text-decoration: none;
}


/* CONTENT */

#content {
font-family: Tahoma, Geneva, sans-serif;
font-size: 12px;
color: #957A88;
text-align: justify;
line-height: 20px;
width: 560px;
float: left;
margin-top: 400px;
}

#content b, strong {
color: #A69781;
}

#content i, em {
color: #959C87;
}

#content h1 {
font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
font-size: 22px;
color: #AF8477;
font-weight: normal;
text-transform: uppercase;
}

#content h1:first-letter {
font-family: Georgia, serif;
font-size: 55px;
font-weight: bold;
font-style: italic;
text-transform: lowercase;
}

#content h2 {
font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
font-size: 13px;
color: #959C87;
font-weight: normal;
text-transform: uppercase;
text-align: left;
border-bottom: 2px solid #959C87;
margin-top: -18px;
margin-left: 35px;
}

#content a {
font-family: Georgia, serif;
font-size: 11px;
color: #AF8477;
text-decoration: none;
text-transform: uppercase;
}

#content a:hover {
text-decoration: line-through;
}

#content blockquote {
background-color: #B8C1AB;
border-top: 3px solid #8D9581;
border-bottom: 6px solid #8D9581;
color: #42483A;
line-height: 15px;
text-align: center;
width: 400px;
opacity: .4;
padding: 5px;
margin: auto;
}

#content blockquote a {
color: #5E3D40;
}

#content blockquote b {
color: #52466A;
}

#content textarea, input {
background-color: #B8C1AB;
border: 1px solid #8D9581;
color: #42483A;
font-family: Verdana, Geneva, sans-serif;
font-size: 10px;
opacity: .6;
}


/* MEMBERS LIST */

#list {
width: 400px;
margin: auto;
}

#list table, th {
text-align: center;
width: 400px;
}

#list td {
width: 200px;
}


/* AFFILIATES */

#affs {
text-align: center;
}

#affs img {
border: 6px solid #69554D;
opacity: .5;
}

#affs img:hover {
opacity: .8;
}


/* CODES */

.codesort li {
display: inline;
padding-right: 0.5em;
}

#codes img {
border: 6px solid #69554D;
opacity: .5;
}

#codes img:hover {
opacity: .8;
}


/* DISCLAIMER */

#disclaimer {
font-family: Tahoma, Geneva, sans-serif;
font-size: 11px;
line-height: 12px;
text-align: center;
padding-top: 15px;
}

#disclaimer a {
font-family: Georgia, serif;
font-size: 10px;
color: #AF8477;
text-decoration: none;
text-transform: uppercase;
}

#disclaimer a:hover {
text-decoration: line-through;
}