@charset "UTF-8";
/* CSS Document */
body             { margin: 0px; padding: 0px 0 0 0; font-family:Arial; background: url('images/body.gif') repeat; }
#container       { width: 100%; height: auto; background: url('images/back.gif') repeat-x top; border-bottom: 0px solid #fff; }
#wrapper         { margin: 0 auto; width: 817px; }
#header          { float: left; width: 817px; height: 546px; margin: 0px; padding: 0px; background: url('images/header.jpg') no-repeat; border: 0px solid red;}
.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: right; margin: 156px 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 0px 0px 21px;}
#topmenu li     { float:left; width:100px; margin:0 1px 0 0; padding:0; text-align:center; background:url(images/divide.jpg) right no-repeat;}
#topmenu li a   { display:block; padding:8px 10px 9px 10px; height:100%; color:#fff; text-decoration:none; border-right:0px solid #fff;  font-size: 13px; font-weight: normal; }
#topmenu #left  { border-left:0px solid #fff;}
#topmenu li a:hover   { font-weight:bold; text-decoration:underline;}
/*-------------------- CONTENT -----------------*/
#content         { float: left; width: 817px;  height: 250px; min-height: 250px; height: auto; margin: 0px;}
#innercontent    { padding: 13px 0px 0px 0px; _height: 250px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-align: justify; color: #fff; width:770px; margin: 0px auto; border: 0px solid red;}
h1               { font-size: 14px; color: #fff; font-weight: bold; width: 300px; text-align:left; margin: 0px 0 5px 0; text-transform:uppercase;}
h2               { color: #fff; border-bottom: 1px dashed #fff; font-size: 18px; font-weight: normal; padding: 0px; margin: 0px 0px 5px 0px;  text-transform:uppercase;}   
#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; height: 250px; min-height: 250px; height: auto;}
.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;}
.clearfix        { clear: both;}
.pics img        { margin: 0 auto; padding: 0px;}
#right           { float: right; width: 350px; border: 0px solid green;}
/*---------------------- GALLERY ------------------*/
#test3            { float: right; width: 775px; border: 0px solid #fff; height: 321px; margin: 9px 22px 0 0; _margin: 9px 11px 0 0;}
/*---------------------- GALLERY ------------------*/
#footer          { width: 774px; height: 44px;  margin: 0px auto; border: 0px solid red; background: url(images/footer.jpg) repeat-x; }
#foot-inner      { padding: 4px 20px 0 0; margin: 0px auto; font-size: 10px; color:#000; font-weight: bold; width: 774px;}
#foot-inner a    { color: #fff;}
#foot-inner a:hover{ text-decoration:none;}
#logo            { float: right;  font-size: 9px; padding: 0px 0px 0 0;}
#logo img, #logo a{ text-decoration:none; color:#fff; border: none; padding: 0px 0px 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;}