body {
  background:url(../img/bg.jpg);
  margin:0;
  font-family:Arial, Helvetica, sans-serif; 
  font-size:13px;
  color:#011F3E;
}

.clear {
  clear:both;
  height:0;
  overflow:hidden;
}

a {
  color:#011F3E;
}

a:hover, #footer a:hover {
  color:#fff;
}

form {
  margin:0;
  padding:0;
}

h1 {
  position:relative;
  left:-20px;
  margin:0 0 20px 0;
} 
h2 {
  color:#592112;
  margin:20px 0 0 0;
  font-size:13px;
}
  
/* shades  */
  
#leftShade {
  background:url(../img/left_shade.png) repeat-y !important;
  background:none;
  width:887px;
  margin:0 auto;
  text-align:left;
  padding:0 0 0 14px;
}
  
#rightShade {
  background:url(../img/right_shade.png) repeat-y right top !important;
  background:none;
  padding:0 14px 0 0;
}
#bottomShade {
  background:url(../img/shade_left.png) no-repeat !important;
  background:none;
  padding-left:14px;
  width:887px;
  margin:0 auto;
}
#bottomShade div {
  background:url(../img/shade_right.png) right top no-repeat !important;
  background:none;
  padding-right:14px;
}
#bottomShade div div {
  background:url(../img/shade_bottom.png) !important;
  background:none;
  height:14px;
}

#container {
  background:#0A0604;
  border-bottom:#A5826B solid 1px;
  border-left:#A5826B solid 1px;
  border-right:#A5826B solid 1px;
  padding:0 5px 5px 5px;
}



 /* header */
 
#header {
  background:#011F3E url(../img/header_bg.gif) repeat-x left bottom;
  height:104px;
}
  
a#logo {
  background:url(../img/logo.gif);
  width:482px;
  height:73px;
  display: inline-block;
  margin:10px 0 0 27px;
  float:left;
}
#subNav {
  background:url(../img/subnav_bg.jpg);
  height:98px;
  float:right;
  width:351px;
  
  }
  
#subNav a, #home #subNav a:hover {
  background:url(../img/but_home_off.gif);
  width:72px;
  text-align:center;
  color:#fff;
  text-decoration:none;
  text-transform:uppercase;
  font-size:12px;
  font-weight:bold;
  line-height:23px;
  height:24px;
  margin:74px 0 0 270px;
  display:block;
}
#subNav a:hover, #home #subNav a {
  background:url(../img/but_home_on.gif);
  color:#4F6782;
}

/* main nav */

#mainNav  {
  background:url(../img/content_bg.jpg) left -4px;
  height:35px;
  padding-top:23px;
}
#mainNav a {
  display:inline-block;
  height:35px;
  }

a#navWhat {
  background:url(../img/but_what_off.jpg);
  width:136px
}
#navWhat:hover, #what #navWhat {
  background:url(../img/but_what_on.jpg);
}

#navAbout {
  background:url(../img/but_about_off.jpg);
  width:117px
}
#navAbout:hover, #about #navAbout {
  background:url(../img/but_about_on.jpg);
}
#navFacts {
  background:url(../img/but_facts_off.jpg);
  width:115px
}
#navFacts:hover, #facts #navFacts {
  background:url(../img/but_facts_on.jpg);
}
#navChronology {
  background:url(../img/but_chronology_off.jpg);
  width:121px
}
#navChronology:hover, #chronology #navChronology {
  background:url(../img/but_chronology_on.jpg);
}
#navNews {
  background:url(../img/but_news_off.jpg);
  width:115px
}
#navNews:hover, #news #navNews {
  background:url(../img/but_news_on.jpg);
}
#navResources {
  background:url(../img/but_resources_off.jpg);
  width:121px
}
#navResources:hover, #resources #navResources {
  background:url(../img/but_resources_on.jpg);
}
#navContact {
  background:url(../img/but_contact_off.jpg);
  width:135px
}
#navContact:hover, #contact #navContact {
  background:url(../img/but_contact_on.jpg);
}

/* content */

#content {
  background:#A5826B url(../img/content_bg.jpg) no-repeat left top;
  padding:0 18px 20px 18px;
}

#mainContent, #search, #join, #map {
  background:#B3917B url(../img/maincontent_bg.jpg) repeat-x top;
  padding:4px;
  float:right;
  margin:20px 0 0 0;
}
.border {
  border:#4F6782 solid 1px;
  padding:20px;
}

#mainContent {
  width:580px;
  float:left;
}
#mainContent .border{
  min-height:624px;
}
#home #mainContent {
  width:318px;
  
}

#map {
  clear:right;
  width:442px;
  }
#map .border {
  background:url(../img/map.jpg) no-repeat left 60px;
  height:302px;

}
#map p {
  margin-top:200px;
}

#search, #join {
  width:207px;
  margin-left:20px;
  clear:right;
}
#home #search, #join {
  clear:none;
}
#join .border {
  background:url(../img/join.jpg) no-repeat;
  padding:160px 20px  20px  20px;
  height:110px;
}
#search .border {
  height: 210px;
  background:url(../img/h1_search.jpg) no-repeat left 20px;
  padding-top:60px;
}

#search ul, #join ul, ul#feedback, #joinButton {
  padding:0;
  margin:0 0 8px 0;
}

ul#feedback {
  float:right;
  clear:right;
  width:215px;
  margin-top:20px;
}

#home #feedback {
  visibility:hidden;
  position:absolute;
}
#search li, #join li, #feedback li, #joinButton li {
  border:#4F6782 solid 1px;
  padding:1px;
  margin:5px 0 0 0;
  list-style:none;
}
#search li.short, #join li.short {
   width:72px;
}

#search li a, #join li a, #search #submit, #feedback li a, #joinButton li a {
  background:#4F6782 url(../img/arrow.gif) no-repeat right 6px;
  display:block;
  color:#fff;
  text-transform:uppercase;
  font-size:11px;
  text-decoration:none;
  font-weight:bold;
  padding:5px;
}

#search li a:hover, #join li a:hover, #feedback li a:hover, #joinButton li a:hover {
  background:#011F3E url(../img/arrow.gif) no-repeat right 6px;
}
#search input {
  width:156px;
}
#search #submit {
  border:none;
  text-align:left;
  width:72px;
  height:25px;
}

/* footer */

#footer {
  background:#0A0604;
  border:#A5826B solid 1px;
  margin:3px auto;
  width:850px;
  color:#C4A591;
  font-size:11px;
  padding:12px;
  text-align:center;
}
#footer  a {
  color:#C4A591;
}

/* search results */

a.select {
  text-decoration:none;
}
#searchResults #mainContent .border div {
  border-bottom:#4f6782 solid 1px;
  padding:10px 0;
}

div.selectbox-wrapper {
  position:absolute;
  width:400px;
  background:#4F6782 url(../img/arrow.gif) no-repeat scroll right 6px;
 /* border:1px solid #ccc;*/
  margin:0px;
  /*margin-top:-10px;*/
  padding:5px;
  max-height:180px;
  overflow:auto;  
  font-size:11px;
  text-align:left;
  text-decoration:none;
  text-transform:uppercase;     
  font-weight:bold;   
  color:#FFFFFF;      
  width:151px !important
  margin-right:-10px;  
  *height:180px;         
  margin-left:-8px;  
}
div.selectbox-wrapper ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}
div.selectbox-wrapper ul li.selected { 
  background-color: #011F3E;
}
div.selectbox-wrapper ul li.current { 
  background-color: #011F3E;
}
div.selectbox-wrapper ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:5px;
  cursor:pointer;   
}

label {
    display: block;
}
.selectbox /* look&fell of  select box*/
{
  /*margin: 0px 5px 10px 0px;*/
  padding: 5px;
  font-size:11px;
  display : block;
  text-align:left; 
  background:#4F6782 url(../img/arrow.gif) no-repeat scroll right 6px;
  /*height:18px;*/
  cursor: pointer;
  color:#FFFFFF;    
  text-decoration:none;
  text-transform:uppercase;     
  font-weight:bold;          
  border:none;                   
  width:151px !important;  
  margin-left: -8px;
}

select {
  background:#4F6782 url(../img/arrow.gif) no-repeat scroll right 6px;
}
                                                          

/*clearing recaptcha */
.recaptcha_r1_c1, .recaptcha_r2_c1, .recaptcha_r2_c2, .recaptcha_r3_c1, .recaptcha_r3_c2, .recaptcha_r3_c3, .recaptcha_r4_c1, .recaptcha_r4_c2, .recaptcha_r4_c3, .recaptcha_r4_c4, .recaptcha_r7_c1, .recaptcha_r8_c1   {
  background-image:none !important;
}

.recaptcha_theme_red #recaptcha_response_field {
  border: #C0C0C0 2px inset !important;
}

#recaptcha_image {
  border: #C0C0C0 2px inset !important;
  width: 344px !important;
}                         

#recaptcha_widget_div {
  /* margin-left:79px !important;   */
  position:relative;
  top:-20px;
}

#joinButton {
  margin:auto;
  width:200px;   
}  

.recaptcha_r4_c4 {
  width:5px !important; 
}           

.recaptchatable #recaptcha_response_field {
  width:250px !important;   
}  

.recaptcha_r4_c1 {
  width:280px !important;  
}     

/*sorry safari*/

.dropSearch {
  width:152px;
  color:#FFFFFF;
  background:#4F6782 url(../img/arrow.gif) no-repeat scroll 130px 6px;    
  border:none;
  font-size:11px;
  text-align:left;
  text-decoration:none;
  text-transform:uppercase;     
  font-weight:bold;                        
  line-height:22px;
  -khtml-appearance:none
} 

.dropSearch > * {
  font-size:11px;
  text-align:left;
  text-decoration:none;
  text-transform:uppercase !important;     
  font-weight:bold;     
}     

.highlight {
 font-style:italic;  
}