#container
{
min-width:1000px;
margin:20px auto 20px auto;
overflow: auto;
background:#222;
border:1px solid black;
width:80%;
[if IE] width: expression( document.body.clientWidth < 1200 ? "1000px" : "80%" );
text-align:left;
}

#header
{
margin:3px 3px 0px 3px;
background:#111;
background-image:url('../images/header5.png');
background-repeat:no-repeat;
background-position: 0px 0px;
width:99.3%;
[if IE] width:100%;
height:123px;
color:#c1c8b6;
border:1px solid black;
}

#leftside
{
width:22.0%;
[if IE] width:21.85%;
float:left;
}

	#sidebar
	{
	height:576px;
	[if IE] height:581px;
	margin:3px;
	padding: 3px 0px 0px 6px;
	border:1px solid black;
	overflow:hidden;
	background:#629a51;
	}

#rightside
{
width:78%;
float:right;
}


	#nav
	{
	margin:3px 3px 0px 0px;
	border-width:1px 1px 0px 1px; border-style:solid; border-color:black;
	width:99.5%;
	[if IE] width:100%;
	background:#333;
	background-repeat:no-repeat;
	background-position: 33px 0px;
	color:#c1c8b6;
	height:30px;
	[if IE] height:33px;
	list-style:none;
	font-size: 1.3em;
	letter-spacing:1px;
	}

	#nav li {
		float:left;
		list-style:none;
		display: inline;
		font-size: 1.0em;
		padding: 0px 3.2% 0px 3.3%;
	}

	#nav a {
		color:#fff;
		display:block;
		line-height:20px;
		text-align:center;
		margin-left:0px;
		padding: 5px 0px 5px 0px;
	}

	#nav span {
		color:#fff;
		display:block;
		line-height:20px;
		text-align:center;
		margin-left:0px;
		padding: 5px 11px 5px 11px;
		cursor:pointer;
	}

	span.spanlink{
		cursor:pointer;
		color:#fff;
	}

	span.spanlink:hover{
		color:#c1c8b6;
	}

	span.spanlink2{
		font-size:12px;
		cursor:pointer;
		color:#000;
	}

	span.spanlink2:hover{
		color:#c1c8b6;
	}

	div.divmouseover:hover{
	background:#629a51;
	}


	#nav a:hover {
		color:#c1c8b6;
		[if IE] color:#629a51;
	}

	#nav span:hover {
		color:#c1c8b6;
		[if IE] color:#629a51;

	}

	#nav .active {
		background:#000;
		color:#fff;

	}



	#main
	{
	width:99.5%;
	height:548px;
	[if IE] height:548px;
	color:#111111;
	background:#c1c8b6;
	border:1px solid black;
	}

	#map
	{
	color:#111111;
	background:#c1c8b6;
	}

#bottom
{
clear:both;
}

#bottom_left
{
float:left;
background:#222;
background-image:url('../images/footer.png');
background-repeat:repeat;
background-position: 0px 0px;
margin:0px 0px 3px 3px;
	[if IE] margin:0px 0px 3px 2px;
border:1px solid black;
padding-top:1px;
height: 108px;
width:65.4%;
	[if IE] width:65%;
color:#c1c8b6;
}

#bottom_right
{
float:right;
background-image:url('../images/footer.png');
background-repeat:repeat;
background-position: 0px 0px;
max-height:120px;
background-repeat:repeat;
background-position: 0px 0px;
margin:0px 2.5px 3px 0px;
border:1px solid black;
height: 109px;
	[if IE] height: 108px;
width:33.5%;
	[if IE] width:34%;
color:#c1c8b6;
}

div.bottom_right_width
{
width:98.7%;
[if IE] width:100%;
}


#footer
{
margin:3px 3px 3px 3px;
	[if IE] margin:0px 3px 3px 3px;
clear:both;
height:20px;
	[if IE] height:23px;
width:99.3%;
	[if IE] width:100%;
background:#333;
color:#c1c8b6;
border:1px solid black;

}

#footer a {color:#c1c8b6; font-weight:bold;}
#footer p {float:right; padding-right:3px; padding-bottom:1px;}
#footer a:hover {color:#629a51; font-weight:bold;}


td.green{
background: #629a51;
}

td.gray{
background:#888;
}

td.dark{

}


#side_header
{
color:#fff;
border-bottom:1px solid black;
background:#333;
padding:4px 8px 5px 8px;
margin: -5px 0px 0px -8px;
width:102%;
[if IE] width:104%;
height:23px;
}

#acknowledgements
{
color:#fff;
border-bottom:1px solid black;
background:#333;
padding:6px 8px 3px 8px;
margin: -4px 0px 0px -8px;
width:102%;
[if IE] width:104%;
height:23px;
}

#tags_header
{
background:#333;
color: #fff;
margin: -5px 0px 0px -8px;
padding: 3px 8px 0px 8px;
width:100%;
[if IE] width:103.75%;
}

#tags_frame
{
text-align:left;
border-bottom:1px solid black;
border-top:1px solid black;
margin:0px 0px 0px -8px;
padding:0px 0px 0px 0px;
[if IE] width:103.75%;
}

#tags_footer
{
padding-top:3px;
padding-left:8px;
margin-left:-8px;
padding-right:8px;
height:35px;
[if IE] height:37px;
width:100%;
[if IE] width:103.75%;
background:#333;
}


h1 {
font-size:18px;
letter-spacing:1px;
font-weight:bold;
}

h2 {
font-size:14px;
letter-spacing:1px;
}

h3 {
font-size:16px;
letter-spacing:1px;
font-weight:bold;
[if IE] line-height:25px;
}

ul {
list-style:none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
letter-spacing:1px;
}


li {
list-style:none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
letter-spacing:1px;
}

p1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
margin-left:  0px; 
letter-spacing:1px;
}

p2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
margin-left:  0px; 
letter-spacing:1px;
}

p2 a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
margin-left:  0px; 
letter-spacing:1px;
color:#fff;
}




/* general */
a {
	color:#000;
	text-decoration:none;
}

a:hover {
	color:#bbb;
	text-decoration:none;
}

.indented
{
	padding-left: 10pt;
	padding-right: 10pt;
}

body {
	color:#000;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 10px;
	letter-spacing:0px;
	background:#c1c8b6;
[if IE] text-align: center;
}

/*underline */
.class_underline A:link {text-decoration: underline;}
.class_underline A:visited {text-decoration: underline}
.class_underline A:active {text-decoration: underline}
.class_underline A:hover {text-decoration: underline; color: #333;}



/*tags*/
p { 	letter-spacing:1px; [if IE] letter-spacing:0.5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 20px; margin-left:0px; text-transform:none; }
p3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; margin-left: 0px; }
p4 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; margin-left: 0px; }

/*sound map*/

#map_main {
	position:relative;
	padding:3px;
	font-size:9px;
	margin-top:0px;
	background:#c1c8b6;
	border:1px solid black;
	overflow: auto;
	width:510px;
	[if IE] width:514px;

}



#map_main td { font-size:10px; padding:0px 0px 0px 0px; border:0px solid black;}
#map_main tr {vertical-align:top;}
#map_main table{ font-size:10px; border:0px solid black;
}

#map_info td { font-size:10px; width:250px; padding:0px 0px 0px 1px; width:250px; border:0px solid black;}
#map_info table{ font-size:10px; width:250px;
border-width:1px 1px 1px 1px; border-style:solid; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
#map_info{	overflow: auto;}

#map_photo td { font-size:10px; width:250px; padding:0px 0px 0px 1px; width:250px; border:0px solid black;}
#map_photo table{ font-size:10px; width:250px;
border-width:1px 1px 1px 1px; border-style:solid; margin:3px 0px 0px 0px; padding:0px 0px 5px 0px; }
#map_photo{position:relative; }

#map_audio td { font-size:10px; width:250px; padding:0px 0px 0px 1px; }
#map_audio table{ font-size:10px; width:250px; border:0px solid black;
border-width:1px 1px 1px 1px; border-style:solid; margin:0px 0px 0px 3px; padding:0px 0px 0px 0px;}
#map_audio{}

#map_video td { font-size:10px; width:250px; padding:0px 0px 0px 1px; }
#map_video table{ font-size:10px; width:250px; border:0px solid black;
border-width:1px 1px 1px 1px; border-style:solid; margin:3px 0px 0px 3px; padding:0px 0px 0px 0px;}
#map_video{position:relative; 	overflow: auto;}





#db {
margin:10px;
}

#db td { font-size:10px; padding:2px 5px 2px 5px; border:1px solid black;}
#db td.bold { font-size:10px; padding:5px; font-weight:bold; border:1px solid black;}
#db tr.bold {font-weight:bold;}
#db table { font-size:10px; width:3500px; border:1px solid black; 
    border-width: 0 0 1px 1px;
    border-spacing: 0;
    border-collapse: collapse;}