@charset "UTF-8";
/* CSS Document */
body             { margin: 0px; padding: 10px 0 0 10px; font-family:Arial; background-color: #fff; }
#wrapper         { margin: 0 auto; width: 823px; }
#header          { float: left; width: 823px; height: 571px; margin: 0px; padding: 0px; background: url('images/header.jpg') no-repeat;}
.dotted          { background: url('images/dotted.gif') repeat-y top left; border: 0px solid #FF0000;}
#title           { float: right; margin: 60px 0 0 0; padding: 0px;}
.subheader       { font-size: 12px;}
/*---------------------- MENU -------------------*/
#topmenu        { float: left; margin: 164px 0 0 0px; padding: 0px 0 0 0; width: 817px;  border: 0px solid #000;} 
#topmenu ul     { float: left; list-style:none;margin:0;padding:0px 0 0 15px;}
#topmenu li     { float:left; width:100px; margin:0; padding:0; text-align:center;}
#topmenu li a   { display:block; padding:8px 10px 9px 10px; height:100%; color:#fff; text-decoration:none; border-right:0px solid #fff;  font-size: 15px; font-weight: bold;}
#topmenu #left  { border-left:0px solid #fff;}
#topmenu li a:hover, li a:focus, li a:active { background-position:-150px 0; color:#fff;}
#topmenu #d a   { background:url('images/bg4.jpg') repeat 0 0;}
 
.edge            { background:url('images/edge.gif') no-repeat; height: 20px;}
/*-------------------- CONTENT -----------------*/
#content         { float: left; width: 823px;  height: 250px; min-height: 250px; height: auto; margin: 0px; background: url('images/mid.gif') repeat-y top;}
#innercontent    { padding: 13px 0px 0px 0px; _height: 250px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-align: justify; color: #fff; width:790px; margin: 0px auto; border: 0px solid red;}
h1               { font-size: 20px; color: #000; font-weight: normal; width: 300px; text-align:left; margin: 0px 0 5px 0; font-style:italic;}
h2               { color: #fff; border-bottom: 1px dashed #838282; font-size: 20px; font-weight: normal; padding: 0px; margin: 0px 0px 5px 0px; font-style:italic;}   
#logo            { color: #fff; font-size: 10px; padding-top: 0px; margin: 0px;}
#logo img,#logo a{ text-decoration:none; color:#fff; border: none;}
.left            { float: left; width: 400px; margin: 0px 0 5px 0; padding: 0px; color: #fff; border: 0px solid green; }
.left ul         { margin-left: 15px; padding-left: 0px;}
.left img        { margin: 0 0 10px 0;}
.left a          { color: #81e5fb; padding: 3px;}
.left a:hover    { color: #000; text-decoration: none;}
.right           { float: right; width: 368px; padding-top: 10px;}

.clearfix        { clear: both;}

/*---------------------- GALLERY ------------------*/
#fade            { float: right; border: 0px solid #fff; width: 368px; height: 217px; margin: 8px 0 0 0;}
.pics img        { margin: 0 auto; padding: 0px;}
/*---------------------- GALLERY ------------------*/
#footer          { width: 823px; height: 39px; background: url('images/footer.gif') repeat; margin: 0px auto; border: 0px solid red; }
#foot-inner      { padding: 0px 0px 0 0; margin: 0px 0 0 0; font-size: 10px; color:#000; font-weight: bold; width: 788px;}
#foot-inner a    { color: #fff;}
#foot-inner a:hover{ text-decoration:none;}
#logo            { float: right;  font-size: 10px; padding: 0px 0px 0 0;}
#logo img, #logo a{ text-decoration:none; color:#fff; border: none; padding: 0px 10px 0 0;}
/*-------------------- FORM -----------------*/
label            { width: 10em; float: left; font-size:12px; }
label.error      { float: left; color: #fff;  vertical-align: top; width: 70%; padding-left: 10em; font-size:12px;}
.submit          { margin: 0 0 10px 120px; position: relative; }
fieldset         { margin: 0px; width: 360px; text-align: left; float: left; border: 0px solid black; padding: 0px;}
#formtext        { color: #fff;}
textarea         { border: 1px solid #ccc;}
input            { border: 1px solid #ccc;}
form             { border: none;}