/*
CSS for website
*/

*{
margin:0;
padding:0;
}


html {

min-width: 960px;
min-height: 760px;
}


body {
font-family: helvetica, arial, verdana, sans-serif;
font-size: 12pt;
}


a:link {
text-decoration: none;
color: #A6A6A6;
}

a:hover {
color: #921896;
}

a:visited {
color: black;
}

.home {
position: absolute;
top: 5%;
left: 5%;
}

.about {
position: absolute;
left: 80%;
top: 10%;
}

.contact {
position: absolute;
left: 85%;
top: 10%;
}

.resources {
position: absolute;
left: 91%;
top: 10%;
}

.title {
position: absolute;
top: 17%;
left: 25%;
}

.twenty {
position: absolute;
top: 55%;
left: 35%;
}

.thirty {
position: absolute;
top: 55%;
left: 40%;
}

.forty {
position: absolute;
top: 55%;
left: 45%;
}

.fifty {
position: absolute;
top: 55%;
left: 50%;
}

.sixty {
position: absolute;
top: 55%;
left: 55%;
}

.seventy {
position: absolute;
top: 55%;
left: 60%;
}

.eighty {
position: absolute;
top: 55%;
left: 65%;
}


.intro {
position: absolute;
top: 78%;
left: 35%;
max-width: 40%;
line-height: 1.5em;
}

.introtitle {
font-size: 18pt;
position: absolute;
top: 70%;
left: 40%;
max-width: 45%;
}

.stars {
position: absolute;
top: 98%;
left: 35%;
}

#footer {
position: absolute;
top: 150%;
left: 25%;
padding: 5em;
}

/*
CSS for 1940s page
*/


.thebigsleep {
position: absolute;
left: 25%;
top: 53%;
}


.lanaturner {
position: absolute;
left: 25%;
top: 100%;
}



.clarkgable {
position: absolute;
left: 25%;
top: 155%;
}




.jimmystewart {
position: absolute;
left: 25%;
top: 200%;
}

.middytitle {
position: absolute;
left: 60%;
top: 53%;
max-width: 30%;
line-height: 1.5em;
}

.middy {
position: absolute;
left: 60%;
top: 60%;
max-width: 30%;
line-height: 1.5em;
}

.middytwo {
position: absolute;
left: 60%;
top: 95%;
max-width: 30%;
line-height: 1.5em;
}


.deepparttitle {
position: absolute;
left: 60%;
top: 113%;
max-width: 30%;
line-height: 1.5em;
}



.deeppart {
position: absolute;
left: 60%;
top: 120%;
max-width: 30%;
line-height: 1.5em;
}


.deeppart2 {
position: absolute;
left: 60%;
top: 143%;
max-width: 30%;
line-height: 1.5em;
}


#footer2 {
position: absolute;
top: 260%;
left: 25%;
padding: 5em;
}



/*
CSS for about page
*/

.why {
position: absolute;
top: 67%;
left: 58%;
}



.whyparagraph {
position: absolute;
top: 77%;
left: 58%;
max-width: 30%;
line-height: 1.5em;
}

.whyparagraph2 {
position: absolute;
top: 93%;
left: 58%;
max-width: 30%;
line-height: 1.5em;
}

.barb {
position: absolute;
top: 67%;
left:30%;
}

/*
CSS for resources page
*/

#context {
position: absolute;
top: 60%;
left: 40%;
}


#images {
padding: 2em;
margin-top: 1em;
line-height: 1.5em;
}


#content {
padding: 2em;
line-height: 1.5em;
}