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

body{
    background-color: #47581E;
	margin:0px;
	padding:0px;
	color:#773E2F;
	font-family: Verdana, Tahoma, sans-serif;
	font-size: 14px;
	text-align: center;
}
h1{display: none;}
h2{display: none;}
h3{display: none;}
a{color:#47581E;text-decoration: underline;}
a:visited{color:#217C1F;text-decoration: underline;}
a:hover {color:#5F2615; text-decoration: none;}
a:active {color:#97D596; text-decoration: none;}

acronym { border: none; cursor: help; 
font-style: italic;}

#container{
	background: url(/img/bkgd_tile.jpg) center top repeat-y;
	width:830px;
	position: relative;
	text-align: justify;
	padding:0px;
	margin: 0 auto;
	height:1120px;
}

#contactcontainer{
	background: url(/img/bkgd_tile.jpg) center top repeat-y;
	width:830px;
	position: relative;
	text-align: justify;
	padding:0px;
	margin: 0 auto;
	height:1320px;
}

#peoplecontainer{
	background: url(/img/bkgd_tile.jpg) center top repeat-y;
	width:830px;
	position: relative;
	text-align: justify;
	padding:0px;
	margin: 0 auto;
	height:1420px;
}

#techcontainer{
	background: url(/img/bkgd_tile.jpg) center top repeat-y;
	width:830px;
	position: relative;
	text-align: justify;
	padding:0px;
	margin: 0 auto;
	height:1820px;
}

#faccontainer{
	background: url(/img/bkgd_tile.jpg) center top repeat-y;
	width:830px;
	position: relative;
	text-align: justify;
	padding:0px;
	margin: 0 auto;
	height:2070px;
}


#preamble{
	position: absolute; top: 137px; left: 50px;
	padding-top:35px;
	width:813px;
}
#preamble h3{
	display:none;
}


#logo{
background-image: url(/img/hdr.jpg);
background-repeat: no-repeat;
	position: absolute; top: 0px;
	width:820px;
	padding-top:35px;}


#welcome{
background-image: url(/img/welcome_header.jpg);
background-repeat: no-repeat;
	position: absolute; top: 420px; left: 45px;
	width:516px;
	padding-top:60px;}

#sitemap{
background-image: url(/img/sitemap_header.jpg);
background-repeat: no-repeat;
	position: absolute; top: 420px; left: 45px;
	width:516px;
	padding-top:60px;}

#facility{
background-image: url(/img/facility_hdr.jpg);
background-repeat: no-repeat;
	position: absolute; top: 420px; left: 45px;
	width:516px;
	padding-top:60px;}

#about{
background-image: url(/img/about_header.jpg);
background-repeat: no-repeat;
	position: absolute; top: 420px; left: 45px;
	width:516px;
	padding-top:60px;}   

#people{
background-image: url(/img/people_header.jpg);
background-repeat: no-repeat;
	position: absolute; top: 420px; left: 45px;
	width:516px;
	padding-top:60px;}
    
#services{
background-image: url(/img/services_header.jpg);
background-repeat: no-repeat;
	position: absolute; top: 420px; left: 45px;
	width:516px;
	padding-top:60px;}

#contact{
background-image: url(/img/contact_header.jpg);
background-repeat: no-repeat;
	position: absolute; top: 420px; left: 45px;
	width:516px;
	padding-top:60px;}
    
#tech{
background-image: url(/img/tech_header.jpg);
background-repeat: no-repeat;
	position: absolute; top: 420px; left: 45px;
	width:516px;
	padding-top:60px;}

#news{
background-image: url(/img/news.jpg);
background-repeat: no-repeat;
	position: absolute; top: 220px; left: 15px;
	width:416px;
	padding-top:40px;}
  
#explanation3{
background-image: url("/CSS/img/confirmation.jpg");
background-repeat: no-repeat;
	position: absolute; top: 307px; left: 45px;
	width:600px;
	padding-top:35px;} 
    
    
#confirmation{
background-image: url(/img/confirmation.jpg);
background-repeat: no-repeat;
	position: absolute; top: 220px; left: 15px;
	width:450px;
	padding-top:40px;}    
    
   
    
#explanation h3{display: none;}


#requirements h3{display: none;}


#footer{
position: absolute; 
top: 1060px;
width:800px; 
font-size: 10px;}

#contactfooter{
position: absolute; 
top: 1260px;
width:800px; 
font-size: 10px;}

#peoplefooter{
position: absolute; 
top: 1360px;
width:800px; 
font-size: 10px;}

#techfooter{
position: absolute; 
top: 1760px;
width:800px; 
font-size: 10px;}

#facfooter{
position: absolute; 
top: 2010px;
width:800px; 
font-size: 10px;}


#intro{
	width:375px;}

#pageHeader{
width:279px;
height:170px;}

#index{
width:430px; 
position: absolute; top: 200px; left: 330px;
padding-top:60px;}

#buttons{
	position: absolute; top: 450px; right:50px;
	width:185px;
	padding-top:0px;
	padding-top:35px;}

li{list-style-type: none;}
ul{padding-top:0px;
padding-left:0px;
padding-right:0px;
padding:0px;
margin:0px;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#chromemenu{
width: 98%;
font-family: Verdana, Tahoma, sans-serif;
font-size: 14px;
font-weight: bold;
}

#chromemenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#chromemenu ul{
border: 1px solid #813515;
width: 90%;
background: url(/img/chromebg.jpg) center center repeat-x;
padding: 4px 0;
margin: 0;
text-align: center; /*set value to "right" for example to align menu to the left of page*/
}

#chromemenu ul li{
display: inline;
}

#chromemenu ul li a{
color: #97D596;
padding: 5px;
margin: 0;
text-decoration: none;
border-right: 1px solid #9C3F1A;
}

#chromemenu ul li a:hover{
background: url(/img/chromebg2.jpg) center center repeat-x;
}

.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed #97D596;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 225px;
height: 80px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px #6F3F28;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #475821;
padding: 5px;
left: -1000px;
border: 3px dashed #6F3F28;
visibility: hidden;
color: white;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}