/*=== Main === */

body {
text-align: center;
background: url('/images/bg1.gif');
background-repeat: repeat;
background-color: #251203;
font: 10pt Tahoma;
cursor: default;
margin: 0px;
padding: 0px;
}

#container {
width: 750px;
margin: 0 auto;
text-align: left;
}

#header {
background: url('/images/layout/header.png') no-repeat;
width: 750px;
height: 224px;
margin: 0px auto;
}

#navigation {
font-size: 1px;
position: relative;
top: auto;
width: 750px;
height: 90px;
}

#spacer {
background: url('/images/layout/spacer.png') no-repeat;
width: 750px;
height: 9px;
}

#date {
font-size: 7px;
opacity: 0.4;
filter: alpha(opacity=40);
}

#userinfo {
position: relative;
top: 82px;
left: 552px;
width: 190px;
height: 155px;
padding: 0;
}

#content {
background: url('/images/layout/bg.png') repeat-y;
width: 750px;
padding: 2px 2px 2px 2px;
}

#footer {
font: 8pt Tahoma;
padding-top: 16px;
text-align: center;
background: url('/images/layout/footer.png') no-repeat;
width: 750px;
height: 59px;
}

/*=== Other === */

font, td{
font: 10pt Tahoma;
cursor: default;
}

input, textarea, select{
font:10pt Tahoma;
color:5D7B47;
background-color: FFFFFF;
border-color: ACDA79;
border-style: solid;
border-width: 1;
}

.button {
background-color: #57664A;
color:#FFFFFF;}

.button:hover {
background-color: #404e35;
color:#FFFFFF;
}

B {color: #43632E;}

a:active, a:visited, a:link{
color: #488214;
font:10pt Tahoma;
text-decoration:none;}

a:hover{
color: #000000;
font:10pt Tahoma;
cursor:crosshair;
text-decoration:none;}

h1 {
background-color:#9CCB8B;
font-size: 10pt; color: #000000;
margin: 3px;
padding: 2px;
border: 1px solid #526D48;
}

table.main {
border-top: solid 1px #000000;
border-right: solid 1px #000000;
border-left: solid 1px #000000;
border-bottom: solid 1px #000000;
-moz-border-radius: 4px;
border-radius: 4px;
}

table.dialogue {
border-top: dotted 1px #545565;
border-right: dotted 1px #545565;
border-left: dotted 1px #545565;
border-bottom: dotted 1px #545565;
-moz-border-radius: 4px;
border-radius: 4px;
}

table.help{
width: 100%;
position: center;
background-color:#9CCB8B;
border-top: solid 1px #000000;
border-right: solid 1px #000000;
border-left: solid 1px #000000;
border-bottom: solid 1px #000000;
-moz-border-radius: 4px;
border-radius: 4px;
}

div.swatch{
height: 10px;
width: 15px;
border-top: solid 1px #000000;
border-right: solid 1px #000000;
border-left: solid 1px #000000;
border-bottom: solid 1px #000000;
}

div.swatch_mark{
height: 10px;
width: 10px;
border-top: solid 1px #000000;
border-right: solid 1px #000000;
border-left: solid 1px #000000;
border-bottom: solid 1px #000000;
}

div.needs_bar{
height: 18px;
width: 128px;
background: url('/images/needs/bar_.png');
background-color: #d0fef2;
border-top: solid 1px #000000;
border-right: solid 1px #000000;
border-left: solid 1px #000000;
border-bottom: solid 1px #000000;
}

p{
clear:both;
margin:0;
}

#help_div{
padding: 6px;
display: none;
width: 97%;
background-color:#CEE4C2;
border-top: dotted 1px #545565;
border-right: dotted 1px #545565;
border-left: dotted 1px #545565;
border-bottom: dotted 1px #545565;
}

#one {
background-color:#85B764;
}
#two {
background-color:#9CCB8B;
}
#three {
background-color:#CEE4C2;
}
#four {
background-color:#FFFFCC;
}
#five {
background-color:#d5edb3;
}
#six {
background-color:#FFFFF2;
}