@charset "UTF-8";
/*basic controls*/

body{margin: 0; padding: 0;  border: 0; height: 100%; max-height: 100%; }

img {border: none; text-decoration: none; border-width: 0; border: 0;}

a {text-decoration: none;}
/*end basic controls*/

/*begin window border and body*/
#window {background-color: #525200; margin-top: 0;}

#body {background-color: #D4D493; width: 1139px; margin-left: auto; margin-right: auto; height: 100%; border-style: double; border-color: #8E8E38; border-width: 8px;  box-shadow: 0 0 20px black; }
/*end window border and body*/

#titleBannerMenu {height: 255px;}

/*begin twitter follow*/

.twitter-follow-button{
position: absolute;
margin-top: 268px;
margin-left: 32px;
}
/*end twitter follow*/

/*begin title*/
#title1 {position: absolute; margin-top:6px; margin-left: 40px;}
#title2 {position: absolute; margin-top:6px; margin-left: 630px;}
/*end title*/

/*begin banner*/
#headerBackground { border-style: solid; border-color: #525200; border-width: 3px; width: 1133.5px; height: 170px; position: absolute; margin-top: 40px;  }
/*end banner*/

/*begin javascript message*/
#JavaScriptMessage {position: absolute; width: 1000px; text-align: center;  border-style: solid; border-color: red; background-color: yellow; padding: 8px; font-size: 25px; margin-left: 50px; margin-top: 60px;}
/*end javascript message*/


/*begin logo positioning and hover effect*/
#logo {position: absolute; margin-top: 3px; margin-left: 475px; }


.thumbnail1{
 
position: relative;
 
z-index: 0;


 
}
 
.thumbnail1:hover{
 
background-color: transparent;
 
z-index: 50;

}
 
.thumbnail1 span { /*CSS for enlarged image*/
 
position: absolute;
 /*
background-color: #8e8e38;
 */
padding: 0px;

left: -1000px;

border: none;
 
visibility: hidden;
 
color: black;/*color of text of caption on enlarged   photo*/
 
text-decoration: none;
  
}
 
.thumbnail1 span img{ /*CSS for enlarged image*/
 
border-width: 0;
 
padding: 0px;

}
 
.thumbnail1:hover span { /*CSS for enlarged image on hover*/
 
visibility: visible;

margin-left: 1000px;
 /*position where enlarged image should offset horizontally */
margin-top: 0px;
 /*adjustment for the vertical positioning of the image.*/
 
  
}
/*end logo positioning and hover effect*/



/*begin menus*/
#menu1 {border-style: solid; border-color: transparent; border-width: 1px;   position: absolute; margin-top: 217px;  z-index: 52; width: 485px; margin-left: 28px;  font-size: 100%;}

#menu2 {border-style: solid; border-color: transparent; border-width: 1px; position: absolute; margin-top: 217px; z-index: 48; width: 135px; margin-left: 635px; font-size: 100%;}

ul.drop {font-family: 'arial narrow', sans-serif, arial; font-size: 15px; font-weight: bold; }
ul.drop  a {display:block; color: black; text-decoration: none;  }
ul.drop, ul.drop li, ul.drop ul {list-style: none; margin: 0; padding: 0; border-radius: 10px; background-color: #8e8e38;  box-shadow: 3px 3px 5px black, inset 3px 3px 5px  #525200; color: black; border-style: solid; border-color: #525200; border-width: 1px; }
ul.drop {position: relative; z-index: 597;  float: left; background-color: transparent; border: none; box-shadow: none; }
ul.drop li {float: left; line-height: 17px; /*vertical-align: middle; */ /*zoom: 1;*/  padding: 10px 7px 10px 7px;/* padding-top: 12px;*/ }
ul.drop  li:hover, ul.drop  li:hover {position: relative; z-index: 599; cursor: default; background: #bfbf4d; }
ul.drop ul {visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 120px; border-radius: 10px;  border: none; background-color: transparent; box-shadow: none; }
ul.drop ul li {float: none; }
ul.drop ul ul {top: -1px; /* 8-31-13 - top was originally set at 1px */left: 100%; }
ul.drop li:hover  > ul {visibility: visible; }
/*end menus*/

/*begin donate button*/

#donate {
position: absolute; 
margin-top: 232px; 
margin-left: 780px;
font-size: 100%;
border: solid;
border-width: 1px;
border-color: transparent; 
width: 175px;
height: 40px;
}

#donate  a {
border-style: solid; border-color: #e60000; border-width: 3px;
text-decoration: none;
color: white;
font-family: 'arial narrow', sans-serif, arial;
font-size: 15px;
background-color: #000099;
padding: 8px 11px;
text-align: center;
border-radius: 8px;
text-shadow: 2px 2px 4px #000000;

/*
width: 100px;
height: 18px;
*/
transition-duration: 0.4s;
-webkit-transition-duration: 0.4s; /*safari*/

box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}

#donate a:hover {
background-color: #cc0000;
color: white;
border: 2px solid #000099;
text-shadow: 2px 2px 4px #000000;
opacity: 0.7;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 3px 10px 0 rgba(0,0,0,0.19);
}

/*end donate button*/

/*begin search*/
#search {border-style: solid; border-color: transparent; border-width: 1px;   position: absolute; margin-top: 223px;  z-index: 52; width: 55mm; margin-left: 246mm;  }

#search input, select, textarea {
margin:0;
padding:0;
box-sizing:border-box;
-moz-box-sizing:border-box;/*firefox*/
-webkit-box-sizing:border-box;/*safari*/
}

#search input {
width: 42mm;
height: 9mm;
border-radius: 2mm;
font-size: 4mm;
padding: 2mm;
font-family: 'arial narrow', sans-serif, arial;
font-weight: bold;
background-color: #f5f5f5;
box-shadow: inset 0 2px 3px rgba(0,0,0,0.2);
}

#search input:focus { outline: 0; 
}




#search input[type="submit"] {
width: 8mm;
height: 8mm;
margin-left: 1.5mm;
border-radius: 5mm;
font-size: 3.8mm;
padding: 0;
font-family: 'arial narrow', sans-serif, arial;
font-weight: bold;
color: black;  
border-width: 3px; 
box-shadow: 0 0 5px black;  
background-color: #A5A533;
border-color: #d4d493;
-webkit-border-radius: 5mm;
-moz-border-radius: 5mm;
-ms-border-radius: 5mm;
-o-border-radius: 5mm;	
-webkit-transition: background-color 200ms linear;	      
-moz-transition: background-color 200ms linear; 	     
-o-transition: background-color 200ms linear;	     
-ms-transition: background-color 200ms linear;
transition: all 200ms linear;
}

#search input[type="submit"]:hover { border-width: 1px; color: black; background: #8E8E38;  border-color: #525200; 
}

#search input[type="submit"]:focus { outline: 0; 
}

/* 
#search input[type="submit"] {
        border: solid 1px #ccc; 
        padding:0.4em 0.7em; 
	color:white;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
 /*To make the state change a little real
	-webkit-transition: background-color 200ms linear;	      /*Safari and Chrome
	-moz-transition: background-color 200ms linear; 	      /*Firefox
	-o-transition: background-color 200ms linear;	      /*opera
	-ms-transition: background-color 200ms linear;
	transition: all 200ms linear;
	background-color: #16a6b6;
	cursor: pointer;
	text-align: center;
	
}
*/ 
/*end search*/

/*start copyright notice*/
#copyright_notice {
position: relative;
text-align: justify; 
font-family: cambria; 
font-size: 10px; 
width:800px;
height: 45px; 
margin-left: auto; 
margin-right: auto; 
margin-top: 10px; 
margin-bottom: 10px; 
border: solid;
border-width: 1px;
border-color: transparent;
padding: 2px;


 }
/*end copyright notice*/