/* START MAIN DOCUMENT */

body { 
background: #1d2024 url('images/bg.jpg') scroll repeat-y center;
font: normal 11px Georgia, times, arial, sans-serif;
color: #909fb1;
text-align: center;
line-height: 17px;
margin:0px;
padding:0px;}

strong, b {color: #b79083;}
li {color: #909fb1;}
em, i {color: #99d0c0;}

a {color: #7eaeb0; text-decoration: none; border-bottom: 1px solid #4A5187;} 

a:hover {color: #b79083; text-decoration: none; border-bottom: 1px dotted #9B845D;}

#layout {width: 800px; height: 280px; background: url('images/layi.jpg') no-repeat;}

#main {
width: 800px;
text-align: left;
margin: 0px auto;
padding: 0px;
position: relative;}

/* END MAIN DOCUMENT */


/* START NAVIGATION */

#nav { 
width: 200px;
font-size: 11px;
text-align:justify;
color: #904940;
float: right;
margin: -10px 5px 0px auto;}

h2 { 
width: 176px;
height:18px;
font: normal 17px times, serif;
text-transform: uppercase;
text-align: center;
color: #b79083;
margin: 20px 0px -5px 0px;
padding:0px;
border-left: 5px solid #3a5874;
border-right: 5px solid #3a5874;
border-bottom: 5px solid #3a5874;} 

#nav ul {list-style-type: none; margin-left: 0; padding-left:0;}

#nav a {color: #c1cecc; text-decoration: none; border-bottom: 0px;}
#nav a:hover {color: #1d2024;}

a.nav { 
text-align: center;
text-decoration: none;
font-variant:small-caps;
font-size:12px;
margin-bottom:2px;
padding: 0px;
background: #1d2024;
display: block;
height: 18px;
width: 190px;}

a:hover.nav {background:#536671;}

/* END NAVIGATION */



/* START CONTENT */

#content {
width: 540px;
float: left;
text-align:justify;
margin: -20px 10px 0 20px;}

blockquote {
border-right: 5px solid #8597ab; 
border-left: 5px solid #8597ab;
padding-left:10px;
padding-right:10px;
background: #2b3036;}

h1 {
font: normal 23px georgia, times, serif;
text-transform:uppercase;
text-align: center;
letter-spacing:5px;
color: #636f7e;
margin: 20px 0 -4px 0;}

div.wrap {
width:530px;
background:#3c434b;
padding:5px 10px;
border-top: 2px solid #8597ab;
margin-bottom:10px;}


/* END CONTENT */