/* ----------------------------------------------------------------------------- */
/* html, body */
html,body {
margin:0;
padding:0;
height:100%; /* needed for container min-height */
background: #F3F0E6;
font-family:arial,sans-serif;
min-height:100%;
font-family: arial, helvetica, sans-sheriff;
font-size: 12px;
line-height: 20px;
text-align:center;
}
/* ----------------------------------------------------------------------------- */
/* container */
#container {
position: relative;
margin:0 auto; /* center, not in IE5 */
width: 823px;
text-align:left;
}

/* ----------------------------------------------------------------------------- */
/* header */
#header {
background: url(../interface/header_bg.png) no-repeat;
width: 823px;
height: 213px;
text-align:center;
}

/* ----------------------------------------------------------------------------- */
/* navigation */
#navigation {
width: 823px;
height: 53px;
background: url(../interface/navigation_bg.png) no-repeat;
text-align:left;
position: absolute;
}
/* ---------------- */
/* navigation bar */
#navigation ul {
margin: 0;
padding: 0;
list-style-type: none;
margin-top: 25px;
}
#navigation ul li { 
display: inline; 
}
#navigation li a {
color: #000000;
text-decoration: none;
font-family: arial, helvetiva, sans-sheriff;
font-size: 13px;
font-weight: bold;
text-align: center;
padding-left: 65px;
}
#navigation li a:hover {
color: #504638;
text-decoration: none;
}




/* ----------------------------------------------------------------------------- */
/* separator under navigation */
#separator {
width: 823px;
height: 88px;
background: url(../interface/separator_bg.png) no-repeat;
text-align:left;
position: absolute;
margin-top: 53px;
}


/* ----------------------------------------------------------------------------- */
/* content */
#content {
width: 823px;
background: url(../interface/content_bg.jpg) repeat-y;
text-align:left;
position: absolute;
margin-top: 141px;
}

img {
margins: 0;    
}

.text {
color: #2E2E0A;      
font-family: arial, helvetiva, sans-sheriff;
font-size: 12px;
line-height: 20px;
text-decoration: none;
}

.menu {   
color: #37540A;      
font-family: arial, helvetiva, sans-sheriff;
font-size: 12px;
line-height: 14px;
}

.leftmenu {   
color: #37540A;      
font-family: arial, helvetiva, sans-sheriff;
font-size: 11px;
line-height: 12px;
}

.leftdate {   
color: #8E8E8E;      
font-family: arial, helvetiva, sans-sheriff;
font-size: 11px;
line-height: 12px;
}

.leftname {   
color: #000000;      
font-family: arial, helvetiva, sans-sheriff;
font-size: 11px;
line-height: 12px;
}

.footer {
color: #000000;
font-family: arial, helvetiva, sans-sheriff;
font-size: 12px;
line-height: 14px;
}

h1 {   
color: #2E2E0A;      
font-family: arial, helvetiva, sans-sheriff;
font-size: 20px;
line-height: 22px;
margin-left: 15px;
}

.box_title {   
color: #2E2E0A;      
font-family: arial, helvetiva, sans-sheriff;
font-size: 20px;
line-height: 22px;
text-decoration: none;
}

p {   
color: #2E2E0A;      
font-family: arial, helvetiva, sans-sheriff;
font-size: 12px;
line-height: 18px;
margin-left: 15px;
margin-top: -5px;
margin-bottom: 0px;
}

.code {BACKGROUND: #E3DBAD; BORDER-BOTTOM: #E3DBAD 0px solid; BORDER-LEFT: #E3DBAD 0px solid; BORDER-RIGHT: #E3DBAD 0px solid; BORDER-TOP: #E3DBAD 0px solid; COLOR: #000000; FONT: 22px verdana; FONT-WEIGHT: bold; WIDTH: 150px}

a {
color: #2E2E0A;      
font-family: arial, helvetiva, sans-sheriff;
font-size: 12px;
line-height: 18px;
text-decoration: underline;
}

a: hover {
color: #2E2E0A;      
font-family: arial, helvetiva, sans-sheriff;
font-size: 12px;
line-height: 18px;
text-decoration: underline;
}
