html, body {

}

	
#container {
font-family: 'franklin gothic book', futura, arial, sans-serif;
width: 900px;
padding-top: 4em;
padding-left: 2em;
padding-right: 2em;
padding-bottom: 2em;
}
		
#header {
margin-top: 2em;
margin-left: 0px;
}
				
#content {
margin-left: 0px;
font-family: 'franklin gothic book', futura, arial, sans-serif;
}

#main {
margin-top: 50px;
}
									
				
#navigation {
position: absolute;
top: 25px;
left: 2em;
width: 900px;
}
				
#navigation a {
color: navy;
font-weight: bold;
text-decoration: none;					
}
				
#navigation a:hover {
color: blue;
}	
							
#navigation li {
position: absolute;
list-style-image: none;
list-style-type: none;
width: 150px;
}				
				
#navigation li { left: 0px; }
				
#navigation li + li { left: 160px; }
				
#navigation li + li + li { left: 320px; }
			
#navigation li + li + li + li { left: 480px; }
			
#navigation li + li + li + li + li {left: 640px; }
				
#navigation li + li + li + li + li + li {left: 800px; }			
										
#footer {
padding: 30px 0px 30px 0px;
clear: both;
float: none;
width: 900px;
border-top: 1px solid blue;
font-size: 100%;
}				

/*work styles*/

#work {
position: absolute;
top: 150px;
width: 900px;
}

#work a {
color: white;
font-weight: bold;
text-decoration: none;
display: block;
padding-top: 1em;
padding-bottom: 1em;
padding-left: 2em;
background-color: navy;
}

#work a:hover {
color: red;
} 

#work li {
position: absolute;
list-style-image: none;
list-style-type: none;
width: 150px;
}

#work li { left: 0px; }

#work li + li { left: 180px; }

#work li + li + li {left: 360px; }

				
.validators a {
color: gray;
font-weight: bold;
text-decoration: none;
}

.validators li {
width: 280px;
height: 2em;
position: absolute;
padding-top: 10px;
list-style-image: none;
list-style-type: none;
margin-left: 0px;
}
						
.validators li { left: 100px;}

.validators li  + li {left: 200px;}
				
h1 {
font-family: verdana, arial, sans-serif;
color: #000080;
padding-bottom: 10px;

}
				
h2 {
font-family: verdana, arial, sans-serif; 
padding-top: 20px;
padding-bottom: 20px;
color: black;
}
											
h3 {
font-family: verdana, arial, sans-serif;
padding-top: 10px;
padding-bottom: 20px;
color: black;
}

li {
color: #000080;			
}

/*widescreen styles*/

.widescreen #container { width: 1050px; }
				
.widescreen #contact-index {
margin-top: 325px;
width: 600px;
position: absolute;
margin-left: 50px;
}
				
.widescreen #navigation li {
position: absolute;
list-style-image: none;
list-style-type: none;
width: 200px;
}
				
.widescreen #navigation li { left: 0px; }
				
.widescreen #navigation li + li { left: 210px; }				

.widescreen #navigation li + li + li { left: 420px; }
		
.widescreen #navigation li + li + li + li { left: 630px; }
			
.widescreen #navigation li + li + li + li + li {left: 840px; }
				
.widescreen #navigation li + li + li + li + li + li {left: 1050px; }			

.widescreen #activities-and-honors {
width: 350px;
position: absolute;
margin-left: 500px;
margin-top: 750px;
}
				
.widescreen #technical-skills {
position: absolute;
width: 350px;
margin-left: 500px;
margin-top: 1800px;
}

.widescreen #footer-resume {
margin-top: 2400px;
}

/*coursework image styles*/

.americorps-thumbnail {
float: right;
}
					
.coursework-thumbnail {
float: left;
width: 350px;
margin: 0 15px 15px 0px;
padding: 10px 25px 10px 25px;
}	

/*book gallery image styles*/
				
.thumbnail {
float: left;
width: 300px;
margin: 0 15px 15px 30px;
padding: 10px 25px 10px 25px;
font-size: 80%;
}
				
p.caption {
width: 300px;
margin-left: 15px;
text-indent: -10px;
padding-top: 10px;
}
				
.clearboth {
clear: both;
}

/*resume styles*/

.my-name {
font-size: 150%;
font-family: elephant, "rockwell extra bold", "gill sans ultra bold", sans-serif;
color: #000080;
margin-left: 0px;
margin-top: 50px;
position: absolute;
width: 900px;				
}

.email-address {
position: absolute;
margin-top: 65px;
margin-left: 0px;
font-weight: bold;
width: 900px;
border-bottom: 1px solid red;
}

h1.resume {
font-family: verdana, arial, sans-serif;
color: #000080;
padding-bottom: 10px;
text-indent: -25px;
text-decoration: underline;
margin-top: 25px;
}
				
h2.resume {
font-family: verdana, arial, sans-serif; 
padding-top: 20px;
padding-bottom: 20px;
color: black;
text-indent: -25px;
}
				
h3.resume {
font-family: verdana, arial, sans-serif;
font-size: 80%;
padding-top: 10px;
padding-bottom: 20px;
color: blue;
text-indent: -25px;
}
	
p.resume {
text-indent: -25px;
}
				

#work-experience {
width: 400px;
float: left;
margin-left: 50px;
margin-top: 150px;
border-right: 1px solid red;
padding-right: 10px;
}
				
#education-honors-skills {
width: 350px; 
float: right;
margin-top: 150px;
}
                        				
#footer-resume {
border-top: 1px solid blue;
margin-left: 0px;
margin-top: 50px;
width: 900px;
padding-top: 10px;
}
			
/*index page styles*/															
.my-name-index {
font-size: 150%;
font-family: elephant, "rockwell extra bold", "gill sans ultra bold", sans-serif;
color: #000080;
float: left;
}
				
#main-index {
float: left;
margin-top: 50px;
margin-right: 500px;
}
				
#supporting-index {
float: right;
margin-top: -82px;
margin-left: 500px;
}
				
#contact-index {
margin-top: 350px;
width: 600px;
position: absolute;
margin-left: 50px;
}
#footer-index {
position: absolute;
margin: 500px 0px 0px 0px;
padding: 10px 0px 30px 0px;
width: 900px;
border-top: 1px solid blue;
font-size: 100%;
}	

.website-address {
display: none;
}

/*newsletter page styles*/
#header-newsletters {
margin-top: 2em;
margin-left: 0px;
background-repeat: no-repeat;
}

#footer-newsletters {
margin: 800px 0px 0px 0px;
padding: 30px 0px 30px 0px;
position: absolute;
width: 900px;
border-top: 1px solid blue;
font-size: 100%;
}

#main-newsletters {
margin-top: 50px;
width: 450px;
position: absolute;
}			

#supporting-newsletters {
margin-top: 50px;
position: absolute;
margin-left: 500px;
width: 300px;
}

/*accessibility styles*/
#accessibility {
text-indent: -700px;
}