/* CSS RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0px;
	padding: 0px;
	border: 0px;
	outline: 0px;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	float: none;
}
body {
	line-height: 1px;

	}
	
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0px;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0px;
}

/* CSS RESET END*/


body
{
xbackground-color: #D1F9AF;
background-color:#8CD045;
xbackground-image:url(./headerback.jpg);
xopacity:0.25;
xfilter:alpha(opacity=25); 

}




ul{

padding-left: 5px;
}

#navigation
{
xheight:30px;
}
ul li
{
margin-left: 15px;
float:none;
list-style: disc;
}

#left_content li {
color: orange;
font-size: 18pt;
}

#left_content p a
{
color: black;

}

#left_content2 p a
{
color: black;

}

iframe {
height: 20px;
}

#main_table
{
line-height: 20px;
margin-left: 20%;
min-width: 600px;
width: 899px;
background-color: rgb(209, 249, 175);

}


#exhibits_table
{
line-height: 20px;
xmargin-left: 20%;
min-width: 600px;
width: 899px;
background-color: rgb(209, 249, 175);
}

#volun_table
{

line-height: 20px;
background-color: rgb(209, 249, 175);

margin-left: 2%;
min-width: 500px;
width: 799px;
}


#about_table
{

line-height: 20px;
background-color: rgb(209, 249, 175);

margin-left: 2%;
min-width: 500px;
width: 799px;
}

.about_info td
{
padding-top: 4%;

}

#links_table
{

line-height: 20px;
background-color: rgb(209, 249, 175);

margin-left: 2%;
min-width: 500px;
width: 799px;
}

.links
{
padding-top: 3%;
padding-left: 5%;
}


.links ul
{
padding-top: 2%;
}


.volun
{
color: rgb(0,0,102);
font-size: 15pt;
}



#temp_table
{

line-height: 20px;
background-color: rgb(209, 249, 175);

margin-left: 2%;
min-width: 500px;
width: 799px;
}

#temp_table td
{
width: 50%;
vertical-align: top;

}


.temp_exhibit_left_images
{
width: 300px;
}

#exhibits_content
{
width: 899px;
xheight: 900px;
}



#exhibits_content_left
{
vertical-align: top;

width: 50%;
xbackground:transparent url(./images/map.jpg) no-repeat scroll 0 0;
xborder: 1px solid black;
height: 450px;

}



#exhibits_content_right
{
width: 50%;
height: auto;
vertical-align: top;
padding:0px;
}

#description
{
width: 70%;
margin-left: 15px;
xwidth: 300px;
xheight: 900px;
}



#xmap {
xfloat:left;
xheight:450px;
xwidth:20px;
}


#iowa {
position:absolute;
margin:0px;
padding:0px;
left:32%;
top: 37%;
width: 100px;
height: 30px;
}
#mammal {
position:absolute;
xtext-align:center;
left:0%;
top:0%;
}
#bird {
position:absolute;
xtext-align:center;
left:0%;
top:0%;
}



#prog_table
{
line-height: 20px;
margin-left: 3%;
padding-left: 2%;
min-width: 600px;
width: 94%;
background-color: rgb(209, 249, 175);
border:2px solid #009900;
border-collapse:collapse;

}

#prog_info
{
padding-bottom: 3%;
line-height: 30px;
margin-left: 3%;
xpadding-left: 2%;
xmin-width: 600px;
width: 94%;
xbackground-color: rgb(209, 249, 175);
xborder:2px solid #009900;
xborder-collapse:collapse;

}

#container
{
width: 899px;
margin-left: 20%;
background-color:#D1F9AF;
xmin-height: 2000px;
height: auto;
}

#prog_footer
{
xborder: 2px solid #D1F9AF;
xborder-top: 2px solid green;
width: 100%;
height: 100px;
line-height:20px;
margin-bottom: 50px;
}

#xcontainer {
xbackground-image:url(images/pagebg.jpg);
xmargin-top:0px;
xmargin-left:20%;
xwidth:900px;
xmin-height: 4500px;
}



.odd {
border:1px dotted #009900;
background-color:#97FF97;
padding: 10px;

}

#xprog_table tr:hover {
background-color:#009900;
color:black;
}


#main_table_section
{
xwidth: 130px;

}


#left_content
{
padding-top: 3px;
height: 80px;
padding-left: 15px;
}
#left_content2
{
xheight: 10px;
padding-left: 15px;

}


#right_content
{
padding-right: 20px;
padding-left: 20px;
border-left:2px solid #009900;
xdisplay: none;

height: auto;
}



#left_picture_table
{
padding: 15px;
height: 300px;
width: 30%;
xborder: 1px solid brown;
xbackground-color: rgb(255, 209, 143);
vertical-align: top;
}
#right_picture_table
{
padding-left: 20px;
border-left:2px solid #009900;
xborder: 1px solid brown;
height: 300px;
width: 48%;
vertical-align: top;
}

#left_picture
{
xborder: 1px solid brown;
height: 275px;
width: 225px;
}
#right_picture
{
xborder: 1px solid brown;
height: 275px;
width: 200px;


}


#xnavigation {
height:30px;
line-height: normal;
width: 100%;
margin-bottom: 30px;
background-color: rgb(209, 249, 175);

}



#header {

width: 899px;
}

#header div {
background-image:url(./images/headerback.jpg);
background-repeat:no-repeat;
height:148px;
margin:0px;
padding:0px;
width:899px;

}


#header td {
background-image:url(./images/headerback.jpg);
background-repeat:no-repeat;
height:148px;
margin:0px;
padding:0px;
width:899px;

}

#menu {


width: 899px;
}

#xmenu td
{
width:900px;
height: 25px;
line-height: 25px;
}










.subs {
color:#E58F20;
}


.heads {
border-bottom:1px solid black;
color:#E58F20;
font-size:xx-large;
font-weight:bolder;
width: 97%;
line-height: 30pt;
}
.style46 {font-family: Georgia, "Times New Roman", Times, serif}












.style43 {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 24px;
}

.style44 {
  font-family: Georgia, "Times New Roman", Times, serif;
  color: #000066;
  font-size: 18px;
}

.style46 {font-family: Georgia, "Times New Roman", Times, serif}

.style47 {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 16px;
  font-weight: bold;
  color: #000066;
}

body,td,th {
  font-family: Georgia, "Times New Roman", Times, serif;
}

.style72 {font-size: 18px}

.style73 {font-size: 16px}

.style106 {
  color: #000099
}

.style107 {color: #000066}

.style110 {font-size: 16px; color: #000066;}

.style111 {color: #000000}


.style112 {font-weight: bold; font-size: 16px;}




.style1 {
  font-family: "Times New Roman", Times, serif;
  font-weight: bold;
}



.style2 {font-family: "Times New Roman", Times, serif}



.style4 {font-size: 16px}



.style5 {font-size: 18px;

}



.style6 {
  color: #000099;
  font-size: 18px;
  font-weight: bold;
}



.style7 {color: #0066FF}



.style15 {font-family: Georgia, "Times New Roman", Times, serif}



.style16 {color: #000066}



.style45 {font-family: Geneva, Arial, Helvetica, sans-serif}



/* Footer CSS START*/


#footer_frame
{
position: relative;
xborder: 1px dotted brown;
bottom: 0px;
min-width: 899px;
width: 62%;
width: 899px;
height: 73px;
background-color: rgb(209, 249, 175);
}


#footer_content
{
margin-top: 50px;
margin-bottom: 30px;
background-color: rgb(209, 249, 175);
padding-left: 0px;
margin-left: -1px;
width: 100%;
}

#footer_content div
{
float: left;
margin-left: 20px;
xpadding-right: 20px;
}

#footer_nav
{
width: 100%;
}

#uiowa_logo
{
padding-left: 200px;

margin-top: 1%;
xmargin-left: 20%;
}

/* Footer END*/






/* Navigation CSS START*/



.navigation_frame
{
xmargin-left: 20%;
width: 62%;
min-width: 900px;
height:30px;
background:transparent url(./images/navex.gif) no-repeat scroll 0 0;

}

#navigation {
margin-bottom: 30px;
height:30px;
width: 899px;
min-width: 899px;
background-color: rgb(209, 249, 175);
xborder: 1px dotted brown;
}



#navigation div{
float: left;
background-color:#8CD045;
height:27px;
text-align: center;
xtext-align: center;
font: 15px verdana;
cursor: pointer;
vertical-align:middle;
xborder: 1px dotted brown;
padding-top: 3px;
}

#exhibits {
xbackground:transparent url(./images/navex.gif) no-repeat scroll 0 0;
height:30px;
width:80px;
}
#exhibits:hover {
xbackground:transparent url(./images/navexhov.gif) no-repeat scroll 0 0;
height:27px;
width:80px;
}
#programs {
xbackground:transparent url(./images/navpro.gif) no-repeat scroll 0 0;
height:30px;
width:80px;
}
#programs:hover {
xbackground:transparent url(./images/navprohov.gif) no-repeat scroll 0 0;
height:27px;
width:80px;
}
#researchcollections {
xbackground:transparent url(./images/navre.gif) no-repeat scroll 0 0;
height:27px;
width:179px;
}
#researchcollections:hover {
xbackground:transparent url(./images/navrehov.gif) no-repeat scroll 0 0;
height:27px;
width:179px;
}
#planavisit {
xbackground:transparent url(./images/navplan.gif) no-repeat scroll 0 0;
height:27px;
width:110px;
}
#planavisit:hover {
xbackground:transparent url(./images/navplanhov.gif) no-repeat scroll 0 0;
height:27px;
width:110px;
}
#volunteer {
xbackground:transparent url(./images/navvol.gif) no-repeat scroll 0 0;
height:27px;
width:90px;
}
#volunteer:hover {
xbackground:transparent url(./images/navvolhov.gif) no-repeat scroll 0 0;
height:27px;
width:90px;
}
#education {
xbackground:transparent url(./images/navbe.gif) no-repeat scroll 0 0;
height:27px;
width:115px;
}
#education:hover {
xbackground:transparent url(./images/navbehov.gif) no-repeat scroll 0 0;
height:27px;
width:115px;
}
#links {
xbackground:transparent url(./images/navlink.gif) no-repeat scroll 0 0;
height:27px;
width:70px;
}
#links:hover {
xbackground:transparent url(./images/navlinkhov.gif) no-repeat scroll 0 0;
height:27px;
width:70px;
}
#contactus {
xbackground:transparent url(./images/navcon.gif) no-repeat scroll 0 0;
height:27px;
width:105px;
}
#contactus:hover {
xbackground:transparent url(./images/navconhov.gif) no-repeat scroll 0 0;
height:27px;
width:105px;
}
#index {
xbackground:transparent url(./images/navhome.gif) no-repeat scroll 0 0;
height:27px;
width:70px;
}
#index:hover {
xbackground-image:url(./images/navhomehov.gif);
height:27px;
width:70px;
}
/* Navigation END*/




/* Programs START*/




.proghead
{
text-align: left;
padding-left: 15px;
padding-right: 15px;
font-size: 14pt;
line-height: 25px;
}

/* Programs END*/



.normal_line_height
{
line-height: 18pt;
}

table tr td h2
{
margin-bottom: 15px;

}


.collection_main_table tr td span
{
display: block;
margin-bottom: 25px;
margin-left: 10px;
margin-right: 10px;
}




#cfix {
margin-top:20px;
}
#journey {
background-image:url(timeline.jpg);
font-family:helvetica,arial,sans-serif;
font-size:16px;
height:880px;
list-style-type:none;
margin:-20px;
padding:0px;
position:relative;
xleft: -10px;
width:880px;
}
#journey li {
list-style-type: none;
font-weight: bold;
}

#journey a {
position:static;
text-decoration:none;

}
#devonian {
left:90px;
position:relative;
top:100px;
}
#pennsylvanian {
left:400px;
position:relative;
top:165px;
}
#iceage {
left:590px;
position:relative;
top:280px;
}
#paleo {
left:590px;
position:relative;
top:367px;
}
#oasis {
left:400px;
position:relative;
top:485px;
}
#meskwakie {
left:75px;
position:relative;
top:572px;
}
#journey a span {
display:none;
position:absolute;
}
#journey a:hover span {
display:block;
position:absolute;
}
#dev {
left:-20px;

position:absolute;
top:100px;
}
#pen {

left:-320px;
position:absolute;
top:-20px;
}
#ice {
left:-510px;
position:absolute;
top:-160px;
}
#pal {
left:-550px;
position:absolute;
top:10px;
}
#oa {
left:-350px;
position:absolute;
top:-140px;
}
#mes {
left:-20px;
position:absolute;
top:-270px;
}