/* Stylesheet for Summer Program Pages */ 

body {
 /* background: #cab574; */
 background: #ffffff;
 font-family: Georgia;
 }

#mainpage {
 text-align:left;
 padding-left: 10px;
 padding-right: 10px;
 padding-top: 10px;
 /* padding-bottom: 10px; */
 background: #8a8a8a;
 width: 830px;
 margin: auto;
}

#banner {
 height:226px;
 background:#020202;
 color: #ffffff;
}
#banner img {
 float: left;
 /* padding-right: 50px;*/
 /* clear: both; */
}

#infobar {
 background:#8a8a8a;
 color: #ececec;	
 font-weight: bold;
 text-align: right;
 vertical-align: middle;
 padding: 5px 10px;
}
#infobar a {text-decoration: none; color: #ececec;}
#infobar a:hover {text-decoration: none; color: #000000;}

#credits {
 background:#8a8a8a;
 color: #ececec;	
 font-weight: bold;
 text-align: left;
 vertical-align: middle;
 padding: 5px 10px;
 font-size: 80%;
}

#contents {
 /* background: #ebebeb; #e8e8e8 */
 background: #ececec;
 width: 830px;
}

div.navigation {
 /* position:fixed; */
 position: absolute;
 width:150px;
 padding: 15px;
 color: #000000;
 }
 
div.navigation a {text-decoration: none; color: #000000;}
div.navigation a:hover {text-decoration: none; color: #8a8a8a;}

div.cont {
 position:relative;
 left:180px;
 width:600px;
 color: #000000;
 padding:10px;
 }
div.cont a {color: #000000;}
div.cont h2 a {text-decoration: none;}
div.cont h2 {border-bottom: 1px solid #000;}
div.cont h2.tt {border-bottom: none;}

div.cont img.my_photo {
	float:left;
        padding-top:20px;
        padding-right:50px;
        padding-bottom:20px;
	}

div.cont img.stripes {
        margin:10px;
	}