body, table {font-family: arial, verdana, helvetica;}

div.one_col {clear: left; width: 100%;}
div.left_col {float:left; margin: 0; width: 45%;}
div.right_col {margin-left: 45%; width: 55%;}
div.wide_left_col {float: left; margin: 0pt; width: 70%;}
div.short_right_col {float:right; width: 30%; text-align: center;}

div.top_background {background-color:#f5f5f5;}
div.banner {padding:0.5em; margin-bottom:1em; text-align: center;}
div.top {width:47em; margin:0px auto; text-align:left; padding-bottom:0.5em;}

a.red_hover {text-decoration: none; color: rgb(133, 133, 133);}
a:hover.red_hover {text-decoration: none; color: red; background: transparent;}
a:hover span.ext {display: inline; color: red; background: white; }
a:hover span.photo {display: inline; color: #333; background: white;}

#pageHeader {background-color:#f5f5f5; padding:0.5em; margin-bottom:1em; text-align: center;}
img {max-width: 100%;}    

div.flickr {clear: left; width:546px; height:95px; margin: 0em 0em 0em 2.5em;}
div.flickr a img {float:left; margin:0 0px 8px 8px; background:#3f4e4e; padding:2px; width:75px; height:75px;}

a.purple:link, a.purple:visited {color: #cc66cc; font-size: 0.7em; font-style: italic;}
div.title {font-weight: bold; font-size: large; padding-top: 15px; padding-bottom: 1px; width: 100%; clear: both;}
div.credits {font-size: 0.8em; text-align: right;}

ul.square {list-style-type: square; padding-left: 3em;}
li.padded {padding-bottom:0.5em;}

span.fnord {display: none;}

blockquote {margin-top: 10px; margin-bottom: 10px; margin-right: 80px; margin-left: 40px; padding-left: 15px; border-left: 5px solid #808080;}