/* CSS Document */
/* HTML Reset */
html {
	background-color: #C8D3D5;
}



/* ---------------------------------------

		STRUCTURE
		
--------------------------------------------*/
body { 
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	line-height: 20px; 
	background-color: #C8D3D5;
	color:#000000;

}

#background {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	background-color: #C8D3D5;
	background-image: url(../../images/structure/bamboo.gif);
	background-position: top center;
	background-repeat:no-repeat;
}

#header_frame {
	background-color: #737A6B;
	
}

#top {
	margin-left: auto;
	margin-right: auto;
	width: 935px;
	padding-right: 15px;
	height:54px;
	color: #364702;
	background-color:#FFFFFF;
	background-image: url(../../images/structure/bamboo_top.gif);
	background-position: bottom left;
	background-repeat:no-repeat;
	
}


#logos {
	float: left;
	padding: 0 0 0 98px;
	width:276px;
	z-index: 1111;
position: absolute;
}
#header {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height:300px;
	background-image: url(../../images/structure/mast.jpg);
	background-position:top center;
	background-repeat: no-repeat;
	background-color: #364702;
}

#footer {
	background-color:#54690E;
	height:60px;
	line-height:14px;
	width: 100%;
	color: #FFFFFF;
}

#footer_content {
	margin-left: auto;
	margin-right: auto;
	width: 950px;
	padding-top: 5px;
	padding-left: 40px;

}

#clear {
clear: both;
}


#container {
	margin-left: auto;
	margin-right: auto;
	width:875px;
	background-color:#FFFFFF;
	padding-left: 45px;
	padding-right: 30px;	
}

#column_one {
float: left;
width: 500px;
margin-top: 30px;
}

#column_two {
float: right;
width: 346px;
margin-top: 20px;
margin-bottom: 20px;
}

#gallery {

}

#box_top {
	margin-top: 20px;
	background-image: url(../../images/structure/box_top.gif);
	background-repeat:no-repeat;
	background-position: top;
	background-color: #EDF1DE;
	width: 276px;
	padding: 20px 35px;
}

#box_bottom {
	background-image: url(../../images/structure/box_bottom.gif);
	background-repeat:no-repeat;
	background-position: center;
	height: 11px;
}


#spotlight_main {
	background-color: #EDF1DE;
	width: 276px;
	height: 300px;
}

#spotlight_left {
float: left;
width: 100px;
height:100px;


}

#spotlight_right {
float: right;
height:100px;
width: 170px;
}

#group1 {
	background-color: #EDF1DE;
}

#caption {
	font-size: 10px;
	font-style: italic;
	text-align:center;
}

#further_reading {
	border-top-style: solid;
	border-top-color:#54690E;
	border-top-width: 2px;
	border-bottom-style: solid;
	border-bottom-color:#54690E;
	border-bottom-width: 2px;
	margin-bottom: 25px;
	margin-top: 25px;
}

#print {
	float: right;
	text-align:center;
	width: 100px;
	border-top-style: solid;
	border-top-color:#54690E;
	border-top-width: 1px;
	border-bottom-style: solid;
	border-bottom-color:#54690E;
	border-bottom-width: 1px;
	padding:3px;
}

/* ---------------------------------------

		VARIATIONS
--------------------------------------------*/



#missing {
	margin-left: auto;
	margin-right: auto;
	width: 712px;
	background-image: url(../../images/structure/missing.jpg);
	background-repeat:no-repeat;
	background-position: center top;
	padding-top: 300px;
	height: 500px;
	text-align:center;
}



/* ---------------------------------------

		STYLES
		
--------------------------------------------*/
h1 {
	font-size:20px;
	color: #354501;
	letter-spacing: 1px;
	text-align: center;
}

h2 {
	font-size:20px;
	color: #354501;
	letter-spacing: 1px;
	text-align: center;
}

.spotlight {
	color: #393939;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
	
.red {
	color: #870010;
	font-weight:bold;
}

.italics {
	color: #870010;
	font-style:italic;
}

.credit {
	color: #870010;
	font-style:italic;
	font-size:10px;
}

.nav_sub {
	font-weight: 300;
	color: #000000;
	text-decoration: none;
	text-transform:none;
	display: inline;
}

a {
	color: #393939; 
	font-weight: bold;
	text-decoration: none; 
	}
	
a:visited { 
	color: #393939; 
	font-weight: bold;
	text-decoration: none; 
	}

a:active { 
	color: #393939;
	font-weight: bold;	 
	text-decoration: underline; 
	}
	
a:hover { 
	color: #393939; 
	font-weight: bold;
	text-decoration: underline; 
	}
	
a.white {
	color: #FFFFFF; 
	font-weight: bold;
	text-decoration: none; 
	}
	
a.white :visited { 
	color: #FFFFFF; 
	font-weight: bold;
	text-decoration: none; 
	}

a.white :active { 
	color: #FFFFFF;
	font-weight: bold;	 
	text-decoration: underline; 
	}
	
a.white:hover { 
	color: #FFFFFF; 
	font-weight: bold;
	text-decoration: underline; 
	}


/* ---------------------------------------

		SEARCH
		
--------------------------------------------*/	


#search_box {
	float: right;
	padding: 0;
	position: absolute;
	
}

#search_box_alt {
	float: left;
	margin-top: 20px;
	background-image: url(../../images/structure/box_top.gif);
	background-repeat:no-repeat;
	background-position: top;
	background-color: #EDF1DE;
	width: 336px;
	padding: 20px 5px;	
}

#search_box_bottom {
	background-image: url(../../images/structure/box_bottom.gif);
	background-repeat:no-repeat;
	background-position: left;
	height: 11px;
}


#search_entries {
	margin: 15px 20px 0 30px;
	text-align: center;
}

.search_header {
	font-size: 20px;
	color: #525252;
	float: left;
	margin: 5px 0 0 0;
}

#search_box_entry {
    width: 180px;
    height: 29px;
	float: right;
	margin: 5px 0 0 0;
    background: url(../../images/structure/search_box_entry.gif);
	background-repeat:no-repeat;
}

#search_box_entry #keywords {
    float: left;
    padding: 0;
    margin: 3px 0 0 6px;
    border: 0;
    width: 124px;
	height: 20px;
    background: none;
}
#search_box_entry #go {
    float: right;
    margin:0;
}



/* ---------------------------------------

		FORM MAIN
		
--------------------------------------------*/
fieldset {
  border:solid 0 #fff; /* Opera doesn't get border:none or border:0 on fieldsets */
  }

.br {display:none;}  

.contact {
	font-size:12px;
	color: #737A6B;
}

.subhead {
	font-size:12px;
	text-transform:uppercase;
	color: #737A6B;
	font-weight:lighter;
}

.textarea_main {
	background: #FFFFFF;
	border: 1px solid #737A6B;
}

.name {
	border: 1px solid #737A6B;
}

.submit {
	background: #FFFFFF;
	border: 1px solid #737A6B;
	padding: 5px;
	width: 100px;
	text-align:center;
}



/* ---------------------------------------

		TABLE
		
--------------------------------------------*/
table {
  border-collapse: collapse;
border: none;
 font: normal 11px verdana, arial, helvetica, sans-serif;
  color: #363636;
  }
  
 table.detailed {
 border-collapse: collapse;
 border: 1px solid #364702;
 font: normal 11px verdana, arial, helvetica, sans-serif;
 color: #363636;
  }
  
  
caption {
  text-align: center;
  font: bold 18px arial, helvetica, sans-serif;
  background: transparent;
  padding:6px 4px 8px 0px;
  color: #03476F;
  text-transform: uppercase;
  }
td.detailed, th.detailed {
  border: 1px dotted #364702;
  padding: .4em;
  }
  
  td, th {
  padding: .4em;
  color: #364702;
  }

thead th, tfoot th {
  font: bold 11px verdana, arial, helvetica, sans-serif;
  border: 1px solid #364702;;
  text-align: left;
  background: #364702;
  color: #FFFFFF;
  padding-top:3px;
  }

tbody th, tbody td {
  vertical-align: top;
  text-align: left;
  }
tfoot td {
  border: 1px solid #03476F;
  background: #4591AD;
  padding-top:3px;
  color: #FFFFFF;
  }
.odd {
  background: #AEE239;
  }


/* ---------------------------------------

		NAVIGATION_TOP
		
--------------------------------------------*/

#navigationcontainer ul{
padding-top: 5px;
margin: 0;
padding-left: 355px;
padding-right:5px;
padding-bottom: 5px;
text-align: right;
text-transform:uppercase;
font-size:10px;
list-style:none;
font-weight:bold;
letter-spacing: normal;
color: #354501;
}

#navigationcontainer ul li { display: inline; }

#navigationcontainer ul li a {
font-size:10px;

color: #354501;
text-decoration: none;
padding: .25em .7em;
font-weight:bold;
}

#navigationcontainer ul li a:hover {
}

/* ---------------------------------------

		NAVIGATION_MAIN
		
--------------------------------------------*/
#navigation_main {
	margin-left: auto;
	margin-right: auto;
	width: 950px;
}

#navigation_main ul{
padding-top: 263px;
padding-left:10px;
padding-bottom: 5px;
margin: 0;
text-align: left;
text-transform:uppercase;
list-style:none;
font-weight:bold;
letter-spacing: normal;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;

}


#navigation_main a {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	padding: .25em .4em;
	text-transform:uppercase;
	font-weight: bold;
	font-size: 11.5px;
}


li#first {
	border-right-color: #FFFFFF;
	border-right-style:solid;
	border-right-width:1px;
}

li#first_two {
	border-right-color: #FFFFFF;
	border-right-style:solid;
	border-right-width:1px;
}

li#last {
border: none;
color: #FF931A;

}

li#last a {
border: none;
color: #FF931A;
font-style:italic;

}

li#last a:hover {
border: none;
color: #FFFFFF;
font-style:italic;

}

#navigation_main A:hover {
	color: #DA913F;
	text-decoration: none;
}

#navigation_main1 a {
	color: #000000;
	text-decoration: none;
	padding: 0.2em .25em;
	text-transform:none;
	font-weight:300;
	line-height:16px;
}

#navigation_main1 A:hover {
	font-weight: 300;
	color: #000000;
	text-decoration: none;
}


#navigation_main li {
	float: left;
}

#navigation_main li ul {
	z-index:999;
	position: absolute;
	left: -999em;
	height: auto;
	font-weight: normal;
	margin: 0;
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	padding-top: 0.25em;
	padding-right: 0.25em;
	padding-left: 0.25em;
}

#first ul {
	z-index:999;
	position: absolute;
	left: -999em;
	height: auto;
	width: 13.9;
	w\idth: 13.9em;
	font-weight: normal;
	margin: 0;
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	padding-top: 0.25em;
	padding-right: 0.25em;
	padding-left: 0.25em;
}


#last ul {
	z-index:999;
	position: absolute;
	left: -999em;
	height: auto;
	width: 13.9;
	w\idth: 13.9em;
	font-weight: normal;
	margin: 0;
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	padding-top: 0.25em;
	padding-right: 0.25em;
	padding-left: 0.25em;
}
#first_two ul {
	z-index:999;
	position: absolute;
	left: -999em;
	height: auto;
	width: 29;
	w\idth: 29em;
	font-weight: normal;
	margin: 0;
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	padding-top: 0.25em;
	padding-right: 0.25em;
	padding-left: 0.25em;
}


#navigation_main li li {
	padding-right: 1em;
	width: 13em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}



#navigation_main li ul a {
	width: 13em;
	w\idth: 12em;
}

#navigation_main li ul ul {
	margin: -3em 0 0 14em;
}

#navigation_main li:hover ul ul, #navigation_main li:hover ul ul ul, #navigation_main li.sfhover ul ul, #navigation_main li.sfhover ul ul ul {
	left: -999em;
	
}

#navigation_main li:hover ul, #navigation_main li li:hover ul, #navigation_main li li li:hover ul, #navigation_main li.sfhover ul, #navigation_main li li.sfhover ul, #navigation_main li li li.sfhover ul {
	left: auto;
}

#navigation_main1 li:hover, #navigation_main1 li.sfhover {
	background-color: #E4DDD2;
}

div.dropdown {} /* containing dropdown box division. */
	div#dropdown:after {
		clear: both;
		content: '';
		display: block;
	}
div.left_links {
	float: left;
	width: 50%; /* half of the dropdown box's total width. */
}
div.right_links {
	float: right;
	width: 50%; /* half of the dropdown box's total width. */
}

 #navigation_main li:hover, #navigation_main li.hover {  
    position: static;  
 }