*{margin:0; padding:0}

/*TAG STYLES*/

body{background-color:#000;
}
ul{
}
li{list-style-type:none; color:#F1A629; display:inline; padding:8px 24px 16px 18px;
}
h2{padding:18px 0 0 0; color:#000;
}
h3{color:#F1A629; padding:18px 0 0 0;
}

/*DIV SETUP*/

div{font-family: helvetica, arial, sans-serif;
border: 6px #f3e292 ridge;
padding: 1em 1em 1em 1em;
/*margin: 0.25em 1em;*/
-moz-border-radius: 15px;
border-radius: 15px;
}

/*CSS ID'S*/

#wrapper{margin:0 auto; width:980px; height:1885px; position:relative; border:none;
} 
#content{position:absolute; width:370px; height:1100px;  background-image:url("../Images/bwgradient2.jpg"); background-repeat:no-repeat; top:340px ; left:370px ; 
}
#header{margin:0 0 0 450px; color:#F1A629; width:200px; height:170px;
}
#nav{background-color:#008000; width:670px; height:20px; position:absolute; top:250px; left:220px;
}
#content2{padding:0 0 0 0; position:absolute; top:475px; left:455px; width:240px; height:160px; border:10px ridge #f3e292 }
#content3{padding:0 0 0 0; position:absolute; top:775px; left:475px; width:180px; height:175px; border:10px ridge #f3e292 }
#content4{/*margin:24px auto;*/ padding:0 0 0 0; position:absolute; top:1100px; left:440px; width:260px; height:160px; border:10px ridge #f3e292 
}
#content5{width:320px; height:250px; position:absolute; top:920px ; left:185px ; border:none;
}
#content6{width:320px; height:229px; position:absolute; top:950px ; left:185px ; border:none;
}
#footer{margin:10px auto; background-image:url("../Images/bwgradient.jpg"); width:750px; height:35px; background-repeat:no-repeat; position:absolute; left:185px; top:1635px; 
}
#footer2{margin:10px auto; background-image:url("../Images/bwgradient.jpg"); width:750px; height:35px; background-repeat:no-repeat; position:absolute; left:180px; top:1635px;
}
#footer3{margin:10px auto; background-image:url("../Images/bwgradient.jpg"); width:750px; height:35px; background-repeat:no-repeat; position:absolute; left:180px; top:1355px;
}
#footer4{margin:10px auto; background-image:url("../Images/bwgradient.jpg"); width:750px; height:35px; background-repeat:no-repeat; position:absolute; left:180px; top:1100px;
}  
#content7{margin:0 auto; background-image:url("../Images/parchment2.jpg"); position:absolute; top:320px; left:220px; width:680px; height:1285px; border:none;
}
#content8{width:180px; height:175px; position:absolute; top:680px ; left:250px ; border:none;
}
#content9{margin:0 auto; background-image:url("../Images/parchment2.jpg"); position:absolute; top:320px; left:220px; width:680px; height:700px; border:none;
}
#content10{margin:0 auto; background-image:url("../Images/parchment2.jpg"); position:absolute; top:320px; left:220px; width:680px; height:1000px; border:none;
}
#video{width:1000px; height:400px; position:absolute; top:1300px; left:75px; background-color:#FF0000;
}
#art{background-color:black; width:100px; height:25px; position:absolute; top:315px; left:140px; /*margin:200px auto 24px auto;*/ text-align:center; padding:0 0 36px 0;
}
#culture{background-color:black; width:100px; height:25px; position:absolute; top:635px; left:140px; /*margin:360px auto 24px auto;*/ text-align:center; padding:0 0 36px 0; 
}
#technology{background-color:#000000; width:140px; height:25px; text-align:center; position:absolute; top:950px; left:120px; /*margin:260px auto 24px auto;*/ padding:0 0 36px 0;
}
#date{text-align:center; background-color:#F1A629;
}
#datebeginning{position:absolute; top:100px; left:-190px; width:45px; height:30px; color:#F1A629;
}
#dateending{position:absolute; top:100px; left:960px; width:45px; height:30px; color:#F1A629;
}

#xray{position:absolute; top:400px; left:226px; width:99px ; height:80px; border:none;
}
#scouts{position:absolute; top:600px; left:226px; width:99px ; height:80px; border:none;
}
#earthquake{position:absolute; top:400px; left:787px; width:99px ; height:80px; border:none;
}
#wrightbros{position:absolute; top:600px; left:787px; width:99px ; height:80px; border:none;
}
#ellis{position:absolute; top:800px; left:787px; width:99px ; height:80px; border:none;
}
#spanamerican{position:absolute; top:800px; left:226px; width:99px ; height:80px; border:none;
}
#hgwells{position:absolute; top:1000px; left:226px; width:99px ; height:80px; border:none;
}
#pledge{position:absolute; top:1000px; left:787px; width:99px ; height:80px; border:none;
}
#eye{padding:24px 0 0 0
}
#global{width:160px; height:600px; position:absolute; top:10px ; left:10px;
}
#beginning{border:1px white solid; width:100px; position:absolute; top:1100px ; left:275px;
}
#beginning2{border:1px white solid; position:absolute; top:400px ; left:920px;
}
#tric{background-image:url("../Images/tricwest.jpg"); width:469px; height:286px; position:absolute; top:840px; left:360px; background-repeat:no-repeat; border:none;
}
#bill{background-image:url("../Images/Bill2.jpg"); width:67px; height:75px; position:absolute; top:800px; left:780px; background-repeat:no-repeat; border:none;
}
#credits{margin:0 auto; background-image:url("../Images/parchment2.jpg"); position:absolute; top:320px; left:300px; width:680px; height:180px; border:none; font-weight:bold;
}


/*CSS CLASSES*/

.white{color:#FFF
}
.essay{color:#000000; font-size:18px;
}
.red{color:#FF0000;
}
.redborder{border:#FF0000 3px solid; padding:6px;
}
.center{text-align:center; display:block; margin-left:auto; margin-right:auto;
}
.font1{font-family:arial; font-size:.5em; background:#FAF519;
}
.bold{font-weight:bold;
}
.classhome{font-weight:bold; align:right;
}

/*LINK SETUP*/

a:link {
color:#FAF519; cursor:default;
}
a:visited {
color:#ECECEC;
}
a:hover {
color:#FF0000; cursor:pointer ;
}
a:active {
color:#FFF;
}

/*GLOBAL NAV CODES*/

#navcontainer
{
width: 160px;
padding: 0 0 0 0;
margin-bottom: 0;
font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
background-color:#70747c;
color: #333;
float:left;
}

#navcontainer ul
{
list-style: none;
margin: 0;
padding: 0;
border: 2px solid #999;
}

#navcontainer li
{
border-bottom: 1px solid #666;
margin: 0;
}

#navcontainer li a
{
display: block;
text-align:left;
padding: 10px 5px 10px 1em;
border-left: 14px solid #ccc;
background-color: #70747c;
color: #fff;
text-decoration: none;
width: 100%;
}

html>body #navcontainer li a { width: auto; }

#navcontainer li a:hover
{
border-left: 20px solid #1c64d1;
background-color: #2586d7;
color: #fff;
}

.title {
    font-family: "Hoefler Text", "Palatino Linotype", "Book Antiqua", Palatino, serif;
    font-size:36px;
    line-height:1em;
    padding:12px 0 6px 12px;
    color:#fff;
}