/* CSS Document */
/* ------------ */
* {padding: 0; margin: 0}
body {font: 12px Arial, Tahoma, Verdana, sans-serif; color: #2f2f30}
img {border: none}
a {color: #2c3790}
a:hover {text-decoration: none}
.clear {clear: both; height: 0px}
/* ---Main murkup--- */
.wrapper {width: 992px; margin: 0 auto; padding: 0 4px}
.header {height: 118px; padding-top: 22px; position: relative}
.flash {height: 285px; background: url('../images/flash-image.jpg') no-repeat; padding: 31px 185px 7px 169px; overflow: hidden}
.menu {height: 44px; background: url('../images/menu-background.jpg') no-repeat}
.content {background: url('../images/content-background.png') no-repeat; padding: 16px 25px 22px 27px}
.footer {height: 146px; padding: 0 10px 0 12px}
/* ---Header--- */
.logo {width: 212px; height: 106px; position: relative; display: inline-block; float: left; margin: 0 47px 0 34px; background: url('../images/logo.png') no-repeat}
.logo span {position: absolute; left: -10000px}
.logo img {display: none}
.slogan {display: inline-block; float: left; height: 106px; font: italic 40px/106px Georgia, Verdana, Tahoma, Arial, sans-serif; color: #262260; width: 699px}
.license {position: absolute; bottom: 8px; right: 16px}
/* ---Menu--- */
.menu ul {list-style: none; display: inline; float: right; margin-right: 54px; padding-left: 2px; background: url('../images/menu-delimiter.png') no-repeat}
.menu ul li {float: left; height: 31px; padding-right: 2px; background: url('../images/menu-delimiter.png') right no-repeat}
.menu ul li a {display: inline; float: left; height: 31px; padding: 0 20px; line-height: 31px; font-size: 14px; font-weight: bold; color: white; text-decoration: none}
.menu ul li a:hover {background: url('../images/menu-hover.gif') repeat-x}
.menu ul li.selected {display: inline; float: left; height: 31px; padding: 0 20px; line-height: 31px; font-size: 14px; font-weight: bold; color: white; text-decoration: none; background: url('../images/menu-hover.gif') repeat-x}
/* ---Content--- */
.content a {color: #2c3790}
.content a:hover {text-decoration: none}
.content-layer {background: url('../images/content-border.gif') 630px 0 repeat-y}
.column-left {display: inline-block; float: left; width: 612px}
.column-left ul { padding-left: 2px; margin-left: 30px;}
.column-left ul li { height: 23px; padding-right: 2px;}
.column-left ul li.last { display:none;}
.column-right {display: inline-block; float: right; width: 288px; text-align: center}
.column-right a {display: block; margin: 0 auto 8px}
.content-photo {margin: 16px; border: 6px solid #d4d4d4}
.content-photo.top {margin-top: 0!important}
.content-photo.left {float: left; margin-left: 0!important}
.content-photo.right {float: right; margin-right: 0!important}
.content h1 {font: 26px Tahoma, Arial Verdana, sans-serif; color: #2c3790; font-weight: normal; text-transform: uppercase}
.content h1, .content p {margin-bottom: 12px}
.content h3 {font: 16px Tahoma, Arial Verdana, sans-serif; color: #2c3790; font-weight: bold;}


/* ---Image Fader--- */
#s3slider {
   width: 638px; /* important to be same as image width */
   height: 285px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3sliderContent {
   width: 638px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 374px;
   background-color: #000;
   filter: alpha(opacity=0); /* here you can set the opacity of box with text */
   -moz-opacity: 0; /* here you can set the opacity of box with text */
   -khtml-opacity: 0; /* here you can set the opacity of box with text */
   opacity: 0; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   bottom: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
} 

/*********************************** forms *****************************************/

label { font-weight: bold; }

input, select { width:100px; }

input, textarea, select {
  border:1px solid #aaaaaa;
  padding:2px;
  background:#ffffff url('../images/forms/inputBg.gif') top left no-repeat;
  margin-top:2px;
}

input.checkbox {
  width:15px;
  background:none;
  border:0;
}

input.radio_button {
  width:15px;
  background:none;
  border:0;
}

input.small, select.small { width:50px; }

input.large, select.large { width:200px; }

input.extra_large, select.extra_large { width:300px; }

input:hover, textarea:hover, select:hover { border:1px solid #888888; }

input:active, textarea:active, select:active { border:1px solid #888888; }

input.submit {
  background:#ffffff url('../images/forms/submitBg.png') -20px 0 no-repeat;
  color:#333;
  font-weight: bold;
}

input.submit:hover { cursor: pointer; }

textarea {
  width:300px;
  height: 200px;
}

textarea.deep { height:350px; }

textarea.shallow { height:85px; }

.LV_validation_message{
    font-weight:bold;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	margin:0 0 0 5px;
}

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
    color:#CC0000;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}


/* ---Footer--- */
.footer-layer {background: url('../images/footer-background.png') repeat-x; height: 130px; padding: 16px 210px 0 16px; position: relative}
.footer-links {margin-bottom: 16px}
.footer-links span {margin: 0 5px}
.footer h2 {color: #262260; font-weight: bold; font-size: 13px; line-height: 20px}
.footer-text {line-height: 16px; font-size: 11px}
.footer-logo {display: block; position: absolute; width: 146px; height: 74px; background: url('../images/footer-logo.png') no-repeat; top: 18px; right: 30px; text-decoration: none}
.footer-logoChamber {display: block; position: absolute; width: 93px; height: 81px; background: url('../images/chamberLogo.png') no-repeat; top: 18px; right: 160px; text-decoration: none}