/* CSS Document */
body {
font-size:18px;
color:#330033;
background:url(img/body_bg.gif);
font-family:Geneva, Arial, Helvetica, sans-serif;
}

h1 {
background:url(img/h1.gif) repeat-x bottom;
color:#003333;
text-align:center;
font-family:Verdana;
font-size:32px;
padding:5px;
clear:both;
}

hr {
color:#CC00FF;
border:2px solid #CC00FF;
margin-bottom:8px;
margin-top:10px;
margin-right:3px;
}

h2 {
font-family:Verdana;
font-size:22px;
color:#663366;
font-weight:bold;
padding-bottom:20px;
}

h3 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
padding-bottom:13px;
padding-top:10px;
color:#003333;
}

strong {
font-family:Helvetica;
color:#990033;
}

#container {
width:970px;
text-align:left;
margin:0 auto;
margin-top:15px;
background:url(img/background.gif);
}

img {
border:7px groove;
}

.flle {
float:left;
margin-right:15px;
margin-bottom:10px;
}

ul {
margin:0;
padding:0;
list-style: none;
float:left;
background:#CC00CC;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

li {
float:left;
margin-bottom:0;
text-align:center;

}

ul a {
display:block;
padding:0 7px;
width:180px;
line-height: 35px;
height:35px;
text-decoration:none;
color:#CCCCFF;
float:left;
background:url(img/divider.gif) repeat-y left top;
text-transform:uppercase;
font-size:11px;
font-weight:bold;
border:none;
}

ul .first a {
background:none;
}

ul a:hover {
background-color:#660066;
color:#CCCCCC;
}

ul a.here {
background-color:#660066;
color:#CCCCCC;
cursor:default;
}


form {
color:#660000;
width:80%;
margin-bottom:7px;
margin-top:7px;
}

fieldset {
border:#9966CC 1px solid;
padding:5px;
}

legend {
color:#660000;
font-family:Verdana;
font-size:14px;
font-weight:bold;
text-transform:uppercase;
}

input {
width:200px;
}

textarea {
width:500px;
height:150px;
}

input#submit {
width:auto;
color:#990000;
background:url(img/h1.gif);
border:2px solid #999999;
padding:2px;
text-transform:uppercase;
font-weight:bold;
margin-bottom:7px;
font-size:12px;
}

.bottom {
clear:both;
text-align:center;
font-size:14px;
font-weight:bold;
margin-top:10px;
}

.bottom p {
padding:7px;
padding-top:14px;
}

.des {
border:2px solid #333333;
position:relative;
margin-top:25px;
margin-bottom:11px;
}

.des p, .des h3 {
padding: 3px 7px;
font-size:16px;
}

.des .title {
text-transform:uppercase;
color:#990066;
font-size:12px;
position:absolute;
top:-16px;
left:3px;
border:2px solid #333333;
padding:2px;
line-height:12px;
background:url(img/h1.gif);
font-weight:bold;
margin:0;
}

.des .title a, .des .title a:visited {
text-decoration:none;
color:#990066;
}

em {
font-weight:bold;
color:#990000;
}

table {
width:85%;
border-collapse:collapse;
border:2px solid #9900CC;
margin:3px 7px;
font-size:16px;
}

td {
border:2px solid #9900CC;
padding:2px;
}

thead {
text-transform:lowercase;
color:#990033;
font-weight:bold;
}

caption {
text-align:left;
padding:7px;
color:#660033;
font-weight:bold;
}

.des a {
font-weight:bold;
color:#000099;
}

.des a:visited {
color:#CC0000;
}

div, p, h2, h3, form {
margin:3px 7px;
}

.set {
display:inline-block;
margin:0;
padding:0;
margin-left:5px;
margin-bottom:10px;
}

.set h4 {
text-transform:uppercase;
font-size:12px;
margin:0;
margin-bottom:1px;
color:#333300;
font-family:Geneva, Arial, Helvetica, sans-serif;
}

.fback {
font-style:oblique;
font-size:14px;
color:#003333;
font-weight:500;