@charset "UTF-8";
/* CSS Document */
body             { margin: 0px; padding: 10px 0 0px 0; font-family:Arial; background: url('images/body.gif') repeat-x #f7eef5;}

#wrapper         { margin: 0 auto; width: 896px; border-right: 0px solid #ccc;  border: 20px solid #fff;}
#header          { float: left; width: 896px; height: 289px; margin: 0px; padding: 0px; background: url('images/header.jpg') no-repeat #fff;}
.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: 0px 0 0 0px; padding: 0px 0 0 0; width: 896px;  border: 0px solid #000;} 
#topmenu ul     { float: left; list-style:none; margin:0px; padding: 1px 0 0 0px; }
#topmenu li     { float:left; width:224px; margin:0; padding:0; text-align:center;}
#topmenu li a   { display:block; padding:12px 10px 11px 10px; height:100%; color:#393a32; text-decoration:none; border-right:0px solid #fff;  font-size: 14px; 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; }
#topmenu #d a   { background:url('images/bg4.jpg') repeat 0 0; }
/*---------------------- MENU LEFT-------------------*/
#left-container, #left-container img { float: left; width: 245px; border: 0px solid black; padding: 0px; margin: 0px; }
#left-menu      { padding: 1px 0px 0 0px; margin: 0px; width: 245px; float: left; border: 0px solid green; }
#left-menu  ul  { margin: 0px; padding: 0px; list-style-type: none;}
#left-menu  a   { background-color: #E7D3E3; text-align: left; display: block; padding: 7px 17px; color: #333; text-decoration:none; border-bottom: 1px solid #fff; margin: 0px; height: 17px; font-size: 12px; font-weight: bold;}
#left-menu  a:hover { background-color: #e695cd; }
/*-------------------- CONTENT -----------------*/
#content         { float: left; width: 100%;  height: 350px; min-height: 350px; height: auto; margin: 0px; background: url('images/bck.gif') repeat-x top #e1e1dd;}
#innercontent    { float: right; background-color: #fff; padding: 0px; _height: 350px; font-size: 14px; font-family: Arial, Helvetica, sans-serif; text-align: justify; width:644px;  border: 0px solid red;}
h1               { font-size: 20px; color: #4d4d4d; font-weight: normal; width: 233px; text-align:left; margin: 0px; padding: 8px 0px 8px 12px; background: url('images/headings.gif') repeat-x;}
h2               { font-size: 20px; color: #4d4d4d; font-weight: normal; width: 632px; text-align:left; margin: 0px; _margin-bottom: 15px; padding: 8px 0px 8px 12px; background: url('images/headings.gif') repeat-x;}   

.right            { color: #000; width: 95%; margin: 0px auto; padding: 0px; border: 0px solid green; height: 300px; min-height: 300px; height: auto;}
.right ul         { margin-left: 15px; padding-left: 0px;}
.right a          { color: #5c5c57; padding: 3px;}
.right a:hover    { color: #000; text-decoration: none;}
.clearfix        { clear: both;}
.pics      { float: right; padding: 0px 0 10px 10px;}
/*---------------------- GALLERY ------------------*/
#right-contact   { float: right; width: 335px; margin: 0px;  padding: 0 0 10px 10px; color: #fff;}
#right-contact a { color: #81e5fb;}
#right           { float: right; width: 335px; margin: 0px; padding: 0 0 0 0px; color: #000;}
#right img       { margin: 0 0 0px 0; border: 1px solid #fff; }
DIV#right.loading{ background: transparent url('js/loading_image.gif') no-repeat center center;}

.section                           { float: left; width: 100%; border: 0px solid #fff; padding: 0px; margin: 0px;}
.section ul                        { list-style: none; margin: 0px; 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: 10px 10px 0px 0px;}
.section ul a:hover                { background-color: #FFFFFF; border: 1px solid #333333;}
.section ul a img                  { border: 1px solid #999999; _margin: 0px;}
.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;}
/*---------------------- FOOTER ------------------*/
#footer          { width: 896px; height: 44px; background-color: #E8D3E4; margin: 0px auto; }
#foot-inner      { padding: 4px 0px 0 0; margin: 0px 0 0 0; font-size: 10px; color:#000; font-weight: bold; width: 99.5%;}
#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: #494a3c;  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: #000;}
textarea         { border: 1px solid #ccc;}
input            { border: 1px solid #ccc;}
form             { border: none;}