/* CSS Document */

/*##############################################################
  Eric Meyer's Latest version of Reset.css (includes Baseline)
##############################################################*/ 

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,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img {border: 0}
table {border-collapse: collapse; border-spacing: 0}
ul {list-style: none}
q:before, q:after,
blockquote:before, blockquote:after {content: ""}

/*#######################
  Element Styles 
#######################*/

body {font-size:14px; font-family:Helvetica, Arial, Verdana, sans-serif; color:#000; background:#fff url(../images/body_bg1.jpg) left top repeat-x;}
h1 {margin-bottom:25px;font-size:2.5em; text-align: center;font-family:times new roman;color:black; color: #DF9D24; font-weight:bold; font-style:italic;padding-top:30px;}
h2, h3, h4, h5, p, ul, ol, dl {margin:15px}
h2, h3, h4, h5 {font-weight:bold; text-transform:none; font-family:"Arial Black", Arial, Verdana, sans-serif}
h2 {clear:both; margin-top:15px; font-size:1.2em; color: #6F7940}
h3 {font-size:1.2em; color:#64759B}
h4 {font-size:1.10em; color:#64759B}
h5 {font-size:1em; font-style:italic; color:#64759B}
a {color:#6F0037; outline:none}
	a:hover {text-decoration:none;border-bottom: #325516 1px solid;border-right:#325516 1px solid;border-left:#325516 1px solid}
dt {margin:15px 0; font-weight:bold}
dd {margin:5px 0 5px 15px}
ol {margin-left:25px}

span.highlight  {font-weight:bold;}

/*######################
 Table Layout & Style
 ######################*/
#dragon-names-table {width:75%;position:relative;left: 80px;margin-top:20px;}
#dragon-names-table table td {border: 7px;border-color:#2FAF0A;border-style:ridge;padding: 5px; margin-top:20px;}
#dragon-names-table tr.heading td  {background-color:#D9FECF;padding: 5px;font-size: 1.0em;font-family:;font-weight:normal;font-style:italic;}
/*#######################
  Layout Styles 
#######################*/
#redblock {
position: absolute;
top: 0px;
left: -20px;
background-color: transparent;
width: 200px;
height: 133px;
}
#yellowblock {
position: absolute;
top: 1px;
left: 1px;
background-color: transparent;
color: red;
width: 200px;
height: 133px;
}
#redblock2 {
position: absolute;
top: 0px;
left: 795px;
background-color: transparent;
width: 200px;
height: 133px;
}
#yellowblock2 {
position: absolute;
top: 1px;
left: 1px;
background-color: transparent;
color: red;
width: 200px;
height: 133px;
}
#homepage {position:absolute; top:0px; left:50px;}

#wrapper {width:960px; margin:0; padding:15px 0;}

#header {width:930px; height:50px; padding:15px;background-color:transparent;}

#header-images {clear:both;float:right;width;960px}

#history-banner {padding-left:15px;padding-top:15px;}
#history-banner img {border-top:solid #2D8E1C 2px;border-bottom:solid #2D8E1C 2px}
#content {postion:absolute;clear:both;float:left; width:960px; top: 140px; left: 220px; background-color:#fff; border-top:solid 10px #325516; border-top-width: 10px;border-bottom:solid 5px #325516;border-left: double 4px #afb6af;border-right:double 4px #afb6af;padding-bottom:30px;z-index:-2;background:transparent;}		
    
    #content2 {background-color:#fff;z-index:-3;}
    #content #navigation {float:left; margin:0 0 12px 0; width:100%; height:90px; background:url(../images/navigation_bg2.jpg) left top repeat-x;}

	#homepage #content #navigation {margin:0;}
		#content #navigation li {float:left; display:inline; margin:0; font-size:1.05em; text-transform:uppercase; font-family:"Arial Black", Arial, Verdana, sans-serif; border-right:1px solid #9EDE6D;border-bottom: 0px solid #9ede6d;}
			#content #navigation li a {display:block; padding:10px 25px 20px 20px; width:135px; height:23px; text-align:center; text-decoration:none; color:#DF9D24;}
				#content #navigation li a:hover {color:#224D02;}
				#navigation {z-index:3;}
	#upper-banner {clear:both; float:left; width:100%; margin-bottom:30px; background:url(../images/hero_bg1.jpg) left top repeat-x}
		#upper-banner img {float:left; border-right:2px solid #747474}
		#upper-banner p {width:525px; float:left; margin:0; padding:10px 25px; font-size:1.5em; color:#fff; font-family:Georgia, Times, "Times New Roman", serif}

#upper-banner object {float:left;}

	#content p {line-height:1.25em}
	#content ul {margin-left:25px; list-style-type:disc}
		#content li {margin:10px 0}	
	#content .two_columns {font-size: 1.2em;float:left; display:inline; width:450px; margin-right:15px;margin-left:10px;text-align:justify;}
   .two_columns {padding-bottom:10px; margin-top:10px;margin-bottom:20px;}

#under-construction {position:relative;left:125px;top:80px;background:transparent;z-index:-0;width:75%;height:100%;}
#under-construction object{position:relative;left:125px; top:-120px;background:transparent;border-bottom:2px solid black;z-index:1}

/*Styling of General Images that are links*/
   div.imglink a:hover img{border-left:1px solid red;border-right:1px solid red;border-top:1px solid red;border-bottom:1px solid red;}

/*Styling of Images on Archaeology page*/
   div.img  {float:left;dispaly:inline;width:150px;padding-bottom:10px;}
   div.img img {float:left;border-left:5px groove gray;border-right:5px groove gray;border-top:1px solid black;border-bottom:1px solid black;padding-bottom:10px}
   div.img a img {border-left:5px groove gray;border-right:5px groove gray;border-top:1px solid black;border-bottom:1px solid black;}
   div.img a:hover img{border-left:1px solid black;border-right:1px solid black;border-top:1px solid black;border-bottom:1px solid black;}
   div.img-desc {text-align:center;font-wieght:normal;width:150px;height:150px;font-size:1.05em; text-transform:uppercase; font-family:"Arial Black", Arial, Verdana, sans-serif;color:#DF9D24;margin-bottom:30px;}
   .nudge {padding-left:20px;}
p.space {border-bottom:2px solid #E2E2E2;position:absolute;top:920px;left:60px;z-index:2;width:800px}

/*styling of images on Marco Polo page*/
.quote  {width:350px;font-style:italic;position:relative;left:20px}
img.marco {float:right; padding:5px; border:2px solid gray;margin:5px;}

/*Styling for dinosaur-movie page*/
#content #dino-movie {text-align:center;font-size:large;font-weight:bold;color:#008000;font-family:new times roman;font-style:italic;float:right;position:relative;right:50px;}

/* Form Styles */
input, textarea {padding:3px; font-size:.95em; font-family:Helvetica, Arial, Verdana, sans-serif; font-style:italic; color:gray}
input {width:250px}
textarea {width:350px; height:150px}
#submit {width:100px; font-weight:bold; color:#000; font-style:normal}
	
#footer {clear:both; padding:50px 0 30px 0; font-size:.9em; font-style:italic; color:gray;top:800px;}