 * { margin: 0; padding: 0;}

a:focus { outline: 0;
		  }

body {	background-color: #fff;
		color: black;
		line-height: 130%;
		font-family: Helvetica, Arial, Verdana,  san-serif;
		font-size: medium;
		}

body > p {color: white;
		font-weight: bold;
		background-color: #929fa6;}

#wrapper { width:41em;
			margin: 20px auto;
			background-color: /*#F7FFD6*/ #fff;
			border:2px solid black;
			padding: 10px 50px 30px 50px;
			}
			
#header p img{border: 2px solid black;
				}
			

			
			
#menu  {position: relative;
			left: 0px;
			top: 8px;
			width: 90px;
			height: 220px;
			background-color: #F7FFD6;
			}
						
.button {font-weight: bold;
			text-align: center;
			margin-bottom: 3px;
			margin-top: 3px;
			width:90px;
			
			}

.button a {padding: 4px;
				text-decoration: none;
				display: block;
				color: #fff;
				background-color: #003d0c;
				border-width: 2px;
				border-style: outset;
				border-color: #fdf2bd;}
			
.button a:hover {background-color: #2158f9;
					border-width: 2px;
					border-style: inset;
					border-color: #fdf2bd;}
			
			
#content { position: relative;
				top: -200px;
				left: 130px;
				width: 500px;
				}
				
#content h1 { padding-bottom: 20px;
				}
			
h1, h1 + p  { color: red;
				padding-bottom: 30px;}

#image1_1 {float:right;
			
			margin-left: 15px;
			margin-bottom: 10px;}
			
#content p {padding-bottom: 25px;
			margin-bottom: 15px;}

#image1_2 {float: left;
			margin-right: 15px;}
			
#copyright {padding-top: 150px;
			margin-bottom: 0px;}
			
#image2_2, #image3_2 { float: right;
			margin-left: 15px;}

.black_h1 { color: black;
			font-size: 120%;}
			
#image2_3, #image2_4, #image2_5, #image2_6, #image2_7, #image2_8, #image2_9, #image2_10, #image2_11 { float:right;
						margin-left: 15px;
						}
#image2_5 {padding-bottom: 20px;}

#image3_3, #image4_2 {margin-bottom: 25px;}

#site_map ul  li {margin-left: 15px;}


#site_map ol li {margin-top: 5px;}
				
#site_map {margin-left: 120px;
			margin-bottom: 20px;}
			
#gif_demo img {border: none;}

#photo_credits {font-size: 70%;}

				
h2 {font-size: 110%;
	margin-bottom: 20px;}
	
hr {margin-bottom: 10px;
	margin-top: 10px;}
	
ul {margin-bottom: 20px;
	margin-top: 0px;}
	
ul li {margin-bottom:15px;}

#list {margin-top: 10px;}

#links {color: black;}

#gif_demo {background-color: #003d0c;}

#jsroll {margin-top: 15px;}
						
.roll_text {padding-top: 20px;}

.rollover a {
			background-color: #2058f7;
			display:block;
			width: 180px;
			height: 100px;
			}
			
.rollover img {border: none;}
			
.rollover a:hover { background-color: #003d0c;}
			
#bottom_nav ul li { display: inline;
					font-size: 75%;
					color: black;
					margin: 4px;}



#footer {margin-top: -170px;}
	
#footer a:link {color: blue}     /* unvisited link */
#footer a:visited {color: red}  /* visited link */
#footer a:hover {color: #000}   /* mouse over link */
#footer a:active {color: #fff}   /* selected link */


#footer ul { list-style-type: none;
			text-align: left;
			padding-bottom: 25px;
			padding-top: 20px;
				}
			
#footer ul li { display: inline;
				margin: 3px;
				}
				
				
#author {color: black;
		}
		
.cap {font-size: 80%;}
		
		
