


 body { border-style: none;
 	height:100%;
	margin:0%;
	padding:0;
   	line-height: 25pt;
	font-family: "Gill Sans", "Verdana", "Times New Roman", "Times", "sans serif";
	font-size: 16px;
	font-style: italic;
	color: #993300;
    }


#wrapper {
	position:absolute;
	left: 0px;
	top:0px;
	width:100%;
	height:100%;

}

#gallery	{
	position:relative;
	margin-top:2%;
	margin-left:18%;
	width:80%;
	text-align:center;
}
#gallery h3	{
	padding-left: 4%;
	padding-bottom: 2%;
	font-size: .9em;
	display:block; 
	width:20%;
}

#leftcol {
  	background-color: #AAAA80;
	width:18%;
	height:100%;
	top:0%;
	left:0%;
	padding-bottom:0px;
	text-align:center;
	position:fixed;
}


#rcol	{
	float:right;
	width:13%;
	background-color:#AAAA80;
	padding-top:0;
	padding-right:.1%;
	margin-left:1.5%;
	text-align:left;
	border-top: 0px solid #C6EC8C;
	color: #FFFFFF;
}
#rcol h3 {
	font-size: .98em;
	color: #FFFFFF;
}

#rcol a {
	color: #FFFFFF;
}
#rcol a:hover	{	
	text-decoration:none;
	color:	#FFD205;
}	


#dkbl	{
	width:100%;
	top:40%;
	padding:0em;
	line-height:14pt;
	color:#DD9545;
	text-align:center;
}

.darkblue ul li{
	font-size:1em;
	list-style: none;
	text-align:center;
	margin-left:0em;
}
.darkblue ul li.tint{
 	font-size:.86em;
	text-align:center;
	font-style:italic; 
	margin-left:0em;
}
.darkblue ul li.tiny{
 	font-size:.76em;
	text-align:left;
	font-style:italic; 
}
.darkblue ul li.tinyt{
 	font-size:.76em;
	text-align:left;
	font-style:italic; 
}
.darkblue ul li a{
	color:#001575;
}
.darkblue ul li.tint a{
	color:#001575;
}
.darkblue:hover	{
	color:#CC4422;
}
.darkblue:hover ul li{
	color:#CEFFFF;
}
.darkblue:hover ul li.tint{
	color:#BEEEFF;
}
.darkblue:hover ul li.tinyt{
	color:#FF6633;
}
.darkblue:hover ul li a{
	color:#15C8FC;
}
.darkblue:hover ul li.tint a{
	color:#FF6633;
}
.darkblue:hover ul li.tinyt a{
	color:#FF6633;
}
.darkblue:hover ul li a:hover{
	color:#FF0000;
}
.darkblue:hover ul li.tint a:hover{
	color:#FF0000;
}

.butt a {
display:block; 
text-align:center; 
text-decoration:none; 
width:85%; 
height:31px; 
color:#EE8E00;
border:1px dotted #D0FFD0;
background:#AAAA80; 
line-height:30px; 
}
.icons	{padding: 10px 0px 10px 0px;
}



#topbut {
	padding-top:15%;
	padding-left: 20%;
	padding-bottom:15%;
}

#midbut {

	padding-top:15%;
	padding-left: 20%;
	padding-bottom:15%;
	}
#botbut {

	padding-top:15%;
	padding-left: 20%;
	padding-bottom:15%;
	}

#centbut {
	width:15%; 
	padding-left: 43%;
	padding-top:3.5%;
	padding-bottom:5%;
	}
#centbut a{
	background:#B6B687; 
	border:1px dotted #B0DDB0;
}
.butt a:visited{
	border: 1px inset #BBAA88;
	}	
.butt a:hover,#centbut a:hover{
	color:#F63; 
	background:#323232;
	border:1px solid #FFCC00;
}
.butt a:active,#centbut a:active{
	color:#F63; 
	background:#868686;
	border:1px inset #DD4400;
}


/*
#amber1	{

}*/

#purple	{
padding: 0 0 0 43%;
}


#colcenter {
  	background-color: #AAAA80;
	width:72%;
	float:left;
	padding-top:16%;
	text-align:left;
	margin-left:18%;
	}

#colcenterv {
	width:55%;
	float:left;
	padding-top:5%;
	text-align:center;
	margin-left:22%;
	padding-bottom:2%;
	}

#colcenterh {
	width:60%;
	float:left;
	padding-top:11%;
	text-align:center;
	margin-left:20%;
	}
#colcenterv a img{
	border:8px  solid #BFBF8F;
}
#colcenterv a:visited img{
	border:8px  solid #A09984;
}	
#colcenterv a:hover img{
	border:8px  solid #CFBA5A;
}
#colcenterv a:active img{
	border:8px  inset #BFBDAE;
}


#colcenterh a img{
	padding-bottom:0%;
	border:8px  solid #BFBF8F;
}
#colcenterh a:visited img{
	border:8px  solid #A09984;
}	
#colcenterh a:hover img{
	border:8px  solid #CFBA5A;
}
#colcenterh a:active img{
	border:8px  inset #BFBDAE;
}


#colcenter div a.icons img	{
	border: 1px solid #ED2100;
}

#colcenter div a.icons img:hover{
	border: 1px solid #FFD205;
}

#colcenterwide {
	padding-top:6%;
	text-align:center;
	}
#colcenterwide a img{
	border:8px  solid #BFBF8F;
}
#colcenterwide a:visited img{
	border:8px  solid #A09984;
}	
#colcenterwide a:hover img{
	border:8px  solid #CFBA5A;
}
#colcenterwide a:active img{
	border:8px  inset #BFBDAE;
}


#infocenter {
	width:65%;
	float:left;
	padding-top:0%;
	text-align:left;
	margin-left:19%;
	margin-top:0em;
	padding-bottom:0%;
	}

#infotop {
	position: relative;
	top: 0px;
	left:16%;
	width:82%; 
	height:160px;
	border-bottom:0px dotted #D0FFD0;
	padding:1%;
	padding-bottom:0%;
	text-align:center;
}

#descrip {
	width:40%;
	float:left;
	top:0px;
	padding: 0 0% 0% 5%;
	text-align: center;
}

#thumb {
	float:left;
	padding-left:3%;
}

#thumb2	{
	top:7%;

}
#thumb a img{
	border:2px  solid #BFBF8F;
}
#thumb a:visited img{
	border:2px inset #BBBBA8;
}	
#thumb a:hover img{
	border:2px  solid #FFCC00;
}
#thumb a:active img{
	border:2px inset #FFAA00;
}

#thumb2 a img{
	border:2px  solid #BFBF8F;
}
#thumb2 a:hover img{
	border:2px  solid #FFCC00;
}
#thumb2 a:visited img{
	border:2px inset #BBAA88;
}	
#thumb2 a:active img{
	border:2px inset #FFAA00;
}
#map3d_container    {
    border: 3px inset #FFCC00; 
    height: 370px;
    margin-bottom:5%;
}


div.cf_wrapper {
	position: relative;

}

div.cf_element {
		width:74%;
		background-color:#AAAA80;
		border: 0px solid #ccc;
		padding-left:5%;
}


div.cf_element div.content {
	 	padding: 0px 25px 0px 25px;
}
/*motion container*/


/***********************************************
* CMotion Image Gallery- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
* Modified by Jscheuer1 for autowidth and optional starting positions
***********************************************/




#motioncontainer {
position:relative;
background-color: #AAAA80;
margin: auto; /*Uncomment this line if you wish to center the gallery on page*/
width: 100%; /* Set to gallery width, in px or percentage */
height: 150px; /* Set to gallery height */
top:10px;
left:0%;
top:13px;
padding-bottom:10px;
overflow:hidden;
}

#motioncontainer a img {
border: 1px solid #AAAA80; /* Set image border color */
}

#motioncontainer a:hover img {
border: 1px orange; /* Set image border hover color */
}

#statusdiv {
background-color: #AAAA80;
border: 0px solid gray;
padding: 0px;
position: absolute; /* Stop Editing Gallery Styles */
left:300px;
visibility: hidden;
}

#motioncontainer a:hover {
color: red; /* Dummy definition to overcome IE bug */
}

#photo {
	position:relative;
	left:0px;
	top:0px;
	text-align: center;
	padding-bottom:3%;
}

#mainright {
	position:fixed;
	left:81%;
	top:0%;
	width:16%;
	height:80%;
	background-color:#AAAA80;
	padding-top:13%;
	padding-right:3%;
	margin-left:.5em;
	text-align:left;
	border-top: 0px solid #C6EC8C
}

#mainright a {
	color: #EE8E00;
}
#mainright h3 {
	font-size: .98em;
	color: #FFFFFF;
}
#mainright a:hover	{	
	text-decoration:none;
	color:	#FF6633;
}	
#mainright .button a:hover	{
	color:#FFFF00;
	background-color:#AA0000;
	border-color:#CC0022;
}
#mainright .button a{
	text-align:center;
	width:60%;
	color:#CEFFFF;
	margin:0px 5px;
       font-family:Arial;
       font-size:10pt;       
       background-color:#aaaa82;
       border-width:1px;
	border-style:outset;
	border-color:#886644;
}


#earthbutt	{
	position:fixed;
	left:88.5%;
	top:33%;
}
#earthbutt  {
	position:fixed;
	left:87%;
}
#earthbutt a    {
    width:110%;
    padding-left:7%;
    padding-right:7%;
}   
#EarthDown	{
	position:absolute;
	left:87%;
	width:12.5%;
	top:125%;
}
#EarthDown.butt a {
display:block; 
text-align:center; 
text-decoration:none; 
width:85%; 
height:31px; 
color:#EE8E00;
border:1px dotted #D0FFD0;
background:#778944; 
line-height:30px; 
}
#EarthDown.butt a:visited{
	border: 1px inset #BBAA88;
	}	
#EarthDown.butt a:hover,#centbut a:hover{
	color:#F72; 
	background:#223811;
	border:1px solid #A0FFF0;
}
#EarthDown.butt a:active,#centbut a:active{
	color:#F60; 
	background:#338644;
	border:1px inset #DD4400;
}
#EarthDown p	{
	margin-top:0.5em;
	line-height:1.5em;
	color:#AAAA80;
}
#EarthDown:hover p	{
		color:#C0FFF0;
}

#butrow	{
	position:fixed;
	left:85.5%;
	top:93%;
}
#mainright .butsell a, .butsell a{
	display:block; 
	text-align:center;
	text-decoration:none; 
	width:85%;
	height:31px; 
	color:#EE8E00;
       background-color:#AAAA80;
       border-width:1px;
	border-style:dotted;
	border-color:#D0FFD0;
	line-height:30px; 
}
#mainright .butsell a:hover, .butsell a:hover	{
	color:#FFFF00;
	background:#AA0000;
	border:1px outset #CC0022;
}
#mainright .butsell a:visited, .butsell a:visited{
	border: 1px inset #BBAA88;
}	
#mainright .butsell a:active, .butsell a:active {
	color:#F63; 
	background:#868686;
	border:1px inset #772200;
}

#mainright .zm a {
display:block; 
text-align:center; 
text-decoration:none; 
width:85%; 
height:31px; 
color:#EE8E00;
border:1px dotted #D0FFD0;
background:#959F55; 
line-height:30px; 
}
#mainright .zm a:visited{
	border: 1px inset #BBAA88;
	background:#959F55;
	}	
#mainright .zm a:hover{
	color:#E00;
	background:#223811;
	border:1px solid #A0FFF0;
}
#mainright .zm a:active{
	color:#FF6000; 
	background:#225522;
	border:1px inset #BBAA88;
}
 


			/* Fading Tooltips */

body div#toolTip { 
	position:absolute;
	z-index: 300;
	min-width:7em;
	background:#D4E4C1;
	border:1px solid #FFCC00;
	text-align:center;
	padding:0em;
	min-height:1em; 
}

body div#toolTip p { 
	margin:0;
	padding:6px;
	color:#CB0000;
	font-family: "Gill Sans", "Verdana", "Times New Roman", "Times", "sans serif";
	font-size: 1.2em;
	font-style: italic;
 }

/*body div#toolTip p em { display:block;margin-top:3px;color:#09f;font-style:normal; }
body div#toolTip p em span { font-weight:bold;color:#333; }*/


#treemenu { 
	position:relative; 
	padding-top:80%; 
	line-height:15pt;
}


#treemenu ul li ul li ul li {
	line-height:15pt;
}
/*---- VERTICAL FREESTYLE MENU LAYOUT----- */


/* All <ul> tags in the menu including the first level */
.menulist, .menulist ul {
 margin: 0;
 padding: 0;
 width: 100%;
 list-style: none;
}

/*
 Submenus (<ul> tags) are hidden and absolutely positioned across from their parent.
 They don't *have* to touch their parent menus, but is' a good idea as CSS-only fallback
 mode requires menus to touch/overlap (when JS is disabled in the browser).
*/
.menulist ul {
 display: none;
 position: absolute;
 top:60px;
 left: 0px;
}

.menulist li a.butt {
 position: absolute;
 left: 15%;
}

/*
 All menu items (<li> tags) are relatively positioned to correctly offset their submenus.
 They have borders that are slightly overlaid on one another to avoid doubling up.
*/
.menulist li {
 position: relative;
 border: 0px solid #330;
 background: #AAAA80;
 margin-bottom: -1px;
 margin-left: 1px;
font-family:Arial;
font-size:13px;
color:#E9FFE9;
text-align:left;
}
.menulist ul>li:last-child {
 margin-bottom: 1px; /* Mozilla fix */
}

/* Links inside the menu */
.menulist a {
 display: inline;
 padding: 0px;
 color: #CEFFFF;
 font-size:11px;
 text-decoration: none;
}

/*
 Lit items: 'hover' is mouseover, 'highlighted' are parent items to visible menus.
*/
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
 color: #FEB71C;
 background-color: #AAAA80;;
}
.menulist a.highlighted {
 color: #FFF;
 background-color: #AAAA80;;
}
.button {line-height:19pt;}

.button a{
	text-align:center;
	width:60%;
	color:#CEFFFF;
	margin:0px 5px;
	padding:2px 8px 2px 8px;
       font-family:Arial;
       font-size:10pt;       
       background-color:#aaaa82;
       border-width:1px;
	border-style:outset;
	border-color:#886644;
}
.button a:hover	{
	color:#FFFF00;
	background-color:#AA0000;
	border-color:#CC0022;
}
.button a:active	{
	border-style:inset;
}


/*---------headers logos etc---------*/


#header			{
	width:83%;
	background-color:#AAAA80;
	position: fixed;
}
#header			{
	top: 0px; 
	left:14%; 
	border-bottom:0px dotted #D0FFD0;
	padding:1%;
	text-align:center;
}
#footer			{
	clear:both; 
	bottom:0px; 
	width:100%;
	font-size: .9em; 
	color:#61E969;
	text-align:center; 
	line-height:1em; 
	border-top:1px dotted #D0FFD0; 
	padding-top:.3em; 
	padding-bottom:.7em; 
	position:fixed;
}
#footer			{
	filter:alpha(opacity=90); 
	opacity:0.9; 
	background:#3A3A33; 
	position: fixed;
}
#footer a		{
	text-decoration:none; 
	color:#1518F9;
}
#footer a:hover		{
	color:#FF0000;
}
#footer a img		{
	margin-bottom:-6px;
}
#tigerbutt {
	position:absolute; 
	top:5px; 
	left:47.5%; 
	padding-top:0px;
}

#copyright	{
	float:right; 
	padding-right:3em; 
	font-size: 12px; 
	font-family:'Gill Sans'; 
	font-style:italic; 
	color:#666660;
}

#webicons	{
	position:absolute; 
	height:20px; 
	width:57px; 
	left:.7em; 
	top:1.2em; 
	opacity:0.45; 
	filter:alpha(opacity=45);
}
#webicons:hover	{
	height:20px; 
	width:57px; 
	opacity:1; 
	filter:alpha(opacity=100);}

#frfx	{
	position:absolute; 
	height:15px; 
	width:80px; 
	left:5em; 
	top:1.4em; 
	opacity:0.45; 
	filter:alpha(opacity=45);
}
#frfx:hover	{
	height:15px; 
	width:80px; 
	opacity:1; 
	filter:alpha(opacity=100);
}
#logo			{
	float:left; 
	padding:1em 6em 0.4em 3.5em; 
	font-size:16px; 
	font-weight:bold;
}
#logo A			{
	height:24px; 
	width:25px; 
	opacity:0.7; 
	filter:alpha(opacity=70); 
	text-decoration:none; 
	font-weight:bold; 
	color:#999;
}
#logo A:hover		{
	height:24px; 
	width:25px; 
	opacity:1; 
	filter:alpha(opacity=100); 
	text-decoration:none; 
	font-weight:bold; 
	color:#999;
}

/*p {

width: 100%;

}*/

h1 	{
	font-size: 2.3em;
	font-weight: normal;
	color: #A85317;
	text-shadow:2px 2px 7px #CC9911;
}

h2 	{
	text-align:center;
	font-size: 1.8em;
	font-weight: normal;
	color: #A7390E;
	line-height: 1em;

}

h3 	{
	font-size: 1em;
	font-weight: normal;
	color: #D0FFD0;
	line-height: 1.7em;
	border-bottom: 0px solid #C6EC8C;

}

h4 	{
	font-size: 1.1em;
	font-weight: normal;
	line-height: 1.4em;
	color:#140D00;

}

h5 	{

	font-size: 1.4em;
	font-weight: normal;
	color: #842500;
	line-height: 1.1em;
	border-bottom: 0px solid #C6EC8C;
}


h6 	{
	font-size: .8em;
	font-weight: normal;
	line-height: 1.4em;
	color:#3C3C3C;
	text-align:center;
}

#colu1 a img {
border: 2px solid #CF2200;
}

#colu1 a:hover img{
border: 2px solid #FC0;

}

		/*-------gallery--------*/

			/* scrolling gallery affordances*/

a .gallery_itemvert {
margin-left: 6px;
margin-right: 6px;
margin-top: 14px;
margin-bottom: 14px;
border: 1px solid #AAAA80;
}
a .gallery_itemhoriz {
margin-left: 2%;
margin-right: 2%;
margin-top: 5%;
margin-bottom: 5%;
border: 1px solid #AAAA80;
}

a:hover .gallery_itemvert, a:hover .gallery_itemhoriz {
border: 2px solid #FFCC00;
}


a:visited .gallery_itemvert, a:visited .gallery_itemhoriz {	
	border: 2px  inset #FFAA00;
	}	
		
a:active .gallery_itemvert,	a:active .gallery_itemhoriz {	
	text-decoration:none;
	font-weight:bold;
	color:	#AAAA80;
	background-color: #AAAA80;
	border: 2px inset #FFAA00;
	}	

a	{
	text-decoration:	none;
	color:	#CF2200;
	outline: 0;
}	
		
a:hover	{	
	text-decoration:	none;
	color:	#FFB900;
	}	
		
a.offsite	{	
	text-decoration:	none;
	font-weight:	normal;
	color:	#CCCC99;
    background: #CCCC99;
	}	




		/* End Gallery Styles */


#Table_11 {
	position:relative;
	margin-top: -18%;
	left:-25%;
	width:27%;
	border-top: 0px solid #C6EC8C;
	font-weight: normal;
}
#Table_11 h3	{
	padding-left: 4%;
	padding-bottom: 2%;
	font-size: .9em;
	display:block; 
	width:100%;
}
