@charset "UTF-8";
/* CSS Document */



body {background:#e2e2e1 url(images/bg_bodymain.png) repeat-y center top; margin:0; padding:0; color:#666; text-align:center; font:normal 90% Verdana, Arial, Helvetica, sans-serif}


.customStyle #topBackgroundWrapper {background:transparent url(images/bg_mainTop.jpg) repeat-x}

.customStyle #wrapper {margin:0 auto; padding:0; width:924px; text-align:left; background:transparent url(images/bg_contentTop.jpg) no-repeat 0 180px;}

.customStyle #header {height:180px; padding:0; margin:0} /*.customStyle #header a img {border:none}*/

.customStyle #header table {border-collapse:collapse; border:none}

.customStyle #content { padding:10px 7px 0 7px; margin:0}

.customStyle #content #nav {margin: 0 0 0 10px}

.customStyle #content #nav a:link, .customStyle #content #nav a:visited {background:#be9c33 url(images/but.jpg) left; text-decoration:none; color:#e2d099; font:bold 110% Verdana, Arial, Helvetica, sans-serif; display:inline-block; padding:3px 15px 5px 15px; margin:0 0 0 1px; text-shadow:0 0 2px #4b3a07} 
.customStyle #content #nav a:hover {background:#be9c33 url(images/butOn.jpg) left; color:#FEB}
.customStyle #content #nav a:active {background:#FFCC00 url(images/but.jpg) left; color:#FFF}

.customStyle #content #sideBarLeft {width:317px; margin-top:20px; padding-left:6px; color:#877; float:left; font-size:90%; line-height:1.1em;}
.customStyle #content #sideBarLeft h1, .customStyle #content #sideBarLeft h2, .customStyle #content #sideBarLeft h3 {line-height:1em; color:#660000}
.customStyle #content #sideBarLeft h1 {font:normal 140% inherit; text-transform:uppercase; border-top:1px dotted #998; padding:10px 5px; line-height:.9em; color:#800; display:block; background:#ffe}
.customStyle #content #sideBarLeft h1.normal {font:normal 100% Verdana, Arial, Helvetica, sans-serif; color:#877; background:none; border:none; margin-bottom:.5em; line-height:1.1em; display:compact; text-transform:none; padding:0}

.customStyle #content #sideBarLeft a:link, .customStyle #content #sideBarLeft a:visited {color:#622}
.customStyle #content #sideBarLeft a:hover {color:#C90; text-decoration:none}

.customStyle #content #sideBarLeft table {margin:0; padding:0; width:100%; border-collapse:collapse}
.customStyle #content #sideBarLeft table td {padding-right:3px; vertical-align:top} 

.customStyle #content #mainContent {float:right; width:582px; padding-right:5px; margin-top:20px}
.customStyle #content #mainContent h1 {color:#C90; font-family:Georgia, "Times New Roman", Times, serif; line-height:.9em; margin-bottom:0; font-size:160%}
.customStyle #content #mainContent h2 {color:#990; font-size:130%; margin-top:3px; font-weight:normal; line-height:.9em; text-transform:capitalize}
.customStyle #content #mainContent a:link, .customStyle #content #mainContent a:visited {color:#C73}
.customStyle #content #mainContent a:hover {color:#CC9900; text-decoration:none}
.customStyle #content #mainContent img.floatedLeft {float:left; margin:3px 5px 5px 0; border:1px solid black}

.customStyle #content h1, .customStyle #content h2, .customStyle #content h3, .customStyle #content p, .customStyle #content ul, .customStyle #content ol, .customStyle #content table {margin-left:15px; margin-right:15px}

.customStyle #content #mainContent table {border-collapse:collapse}
.customStyle #content #mainContent td {color:#999; font-size:80%; padding:1px}
.customStyle #content #mainContent .picturesTable td {padding-right:2px}
.customStyle #content #mainContent .picturesTable td img {border:1px solid #333} 
.customStyle #content #mainContent table.chart {border:1px solid #ddd; border-collapse:collapse; width:95%;  background:#FFE}
.customStyle #content #mainContent table.chart th {color:white; background:#999900; padding:5px; line-height:1em; text-shadow:0 0 2px #333; border-left:1px solid white}
.customStyle #content #mainContent table.chart td {border:1px solid #ddd; padding:5px 10px; color:#555; width:50%!important}
.customStyle #content #mainContent table.chart a {color:#550}

.customStyle #content #mainContent .table1 {width:95%; }
.customStyle #content #mainContent .table1 td {padding-right:10px;}

.customStyle #content #mainContent .backButton {float:right; width:90px; font-size:60%; text-transform:uppercase}
.customStyle #content #mainContent .backButton a:link, .customStyle #content #mainContent .backButton a:visited {color:#B90; background:#DDD; padding:1px 8px 2px 8px; text-decoration:none}
.customStyle #content #mainContent .backButton a:hover {color:#FFFF00; background:#999900}

.clear {clear:both; height:0; font-size:1px}

.customStyle #footer {background:#2F2F2F url(images/bg_footer.jpg) repeat-x; color:#787867; font-size:70%; text-align:center; padding:0 0 40px 0}
.customStyle #footer div {width:924px; margin:0 auto; text-align:left}
customStyle #footer table {width:900px}
.customStyle #footer td {vertical-align:top}

.customStyle #footer a:link, .customStyle #footer a:visited {color:#996; text-decoration:none}
.customStyle #footer a:hover {color:#dd9}

.hr {height:1px; border-top:1px dotted black; margin-left:10px; margin-right:10px}

/************ php form style ************/

.emailFormError {color:red}
input, textarea, select {width:90%; font-family:Verdana, Arial, Helvetica, sans-serif; background:#FFE}
.inputButton {width:110px; background:inherit}

input:focus, textarea:focus, select:focus {background:#FC0}

form {width:90%; margin-left:10px}
form table {width:450px}
form table td {vertical-align:top}
form table td label {margin-bottom:10px!important; font-size:130%; color:#666} 

/*************** decoration ************/

hr {color: #bbb; border:none #bbb; background-color: #bbb; height: 1px; margin:20px 0
!important }