@charset "UTF-8";
/* CSS Document */
body             { margin: 0px; padding: 0px 0 0 0; font-family: Arial, Helvetica, sans-serif; background-color: #718516; }
#container       { width: 100%; height: auto; background: url('images/body.gif') repeat-x #181313; border-bottom: 1px solid #fff; }
#wrapper         { margin: 0 auto; width: 817px; border-right: 0px solid #ccc;  border-left: 0px solid #ccc;}
#header          { float: left; width: 817px; height: 376px; 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: right; margin: 120px 0 0 0px; padding: 0px 0 0 0; width: 817px;  border: 0px solid #000;} 
#topmenu ul     { float: right; list-style:none;margin:0;padding:15px 0 0 20px; }
#topmenu li     { float:left; width:130px; 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; text-transform:capitalize;}
#topmenu #left  { border-left:0px solid #fff;}
#topmenu li a:hover, li a:focus, li a:active { background-position:-150px 0; color:#fff; text-decoration:underline; }

/*-------------------- CONTENT -----------------*/
#content         { float: left; width: 817px;  height: 350px; min-height: 350px; height: auto; margin: 0px; background: url('images/bck.gif') repeat-x top #120e0e;}
#innercontent    { padding: 13px 0px 0px 0px; _height: 350px; font-size: 14px; text-align: justify; color: #fff; width:790px; margin: 0px auto; border: 0px solid red;}
h1               { font-size: 15px; color: #fff; font-weight: bold; text-align:left; text-transform:uppercase;}
h2               { color: #fff; border-bottom: 1px dashed #838282; 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: 440px; margin: 0px 0 5px 0; padding: 0px; color: #fff; border: 0px solid green; height: 300px; min-height: 300px; height: auto;}
.left ul         { margin-left: 15px; padding-left: 0px;}
.left a          { color: #81e5fb; padding: 3px;}
.left a:hover    { color: #000; text-decoration: none;}
.clearfix        { clear: both;}
.pics img        { margin: 0 auto; padding: 0px;}
/*---------------------- GALLERY ------------------*/
#right-contact   { float: right; width: 335px; margin: 0px; padding: 0 0 0 0px; color: #fff;}
#right-contact a { color: #81e5fb;}
#right           { float: right; width: 335px; margin: 0px; padding: 0 0 0 0px; color: #fff;}
#right a         { color: #99FF00; }
#right img       { margin: 0 0 0px 0; border: 0px solid #fff;}
DIV#right.loading{ background: transparent url('js/loading_image.gif') no-repeat center center;}
/*---------------------- FOOTER ------------------*/
#footer          { width: 819px; height: 44px; background: url('images/footer.gif') repeat; margin: 0px auto; border-bottom: 0px solid #fff; border-right: 0px solid #fff;  border-left: 0px solid #fff; }
#foot-inner      { padding: 4px 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: 9px; padding: 0px 0px 0 0;}
#logo img, #logo a{ text-decoration:none; color:#fff; border: none; padding: 0px 0px 0 0;}
/* -------------------- LIGHTBOX ------------- */
.section                           { float: left; width: 100%; border: 0px solid #000; padding: 0px; margin: 0px;}
.section ul                        { list-style: none; margin: 0px 0 0 0; padding: 0px;}
.section ul li                     { float: left; display: inline; padding: 0px; margin: 0px;}
.section ul a                      { background-color: #ECECEC; border: 1px solid #999999; padding: 0px 0px 0px; display: block; float: left; margin: 5px 5px 5px 0;}
.section ul a:hover                { background-color: #FFFFFF; border: 1px solid #333333;}
.section ul a img                  { border: 1px solid #999999;}
.section ul a.lightbox-enabled img { border: 0px dotted #999999;}
.section span.code                 { font-family: "Courier New", Courier, monospace; margin-left: 10px; padding-left: 10px; font-size: 11px; border-left: 1px solid #000;}
.section .link                     { font-size: 12px; font-style: italic; padding-left: 10px; margin-left: 10px;}
.section .important                { text-decoration: underline;}
.section .title                    { font-weight: bold; font-size: 16px;}
.clear                             { clear: left;}
.section.header                    { text-align: center; font-size: 12px; padding-top: 10px; border-top: none;}
.section.footer                    { text-align: center; font-size: 12px; padding-top: 10px;}
/*-------------------- 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;}