html,body{margin:0;padding:0}
body{font: 76% , arial,sans-serif;text-align:center}
p{margin:0 10px 10px}
a{color: #000000;}
a:hover {color: #CCFFFF;}
div#header h1{height:80px;line-height:80px;margin:0;
  padding-left:10px;background: #EEE;color: #336699}
div#container{text-align:left}
div#content p{line-height:1.4}
div#navigation{background:rgb(108,130,155)}
div#extra{background:#FF8539}
div#footer{background: #333;color: #FFF}
div#footer p{margin:0;padding:5px 10px}

img {
  padding:4px;
  border:1px solid #ddd;
  }



div#container{width:700px;margin:0 auto}
div#content{float:left;width:475px}
div#navigation{float:right;width:225px}
div#extra{float:right;clear:right;width:225px}
div#footer{clear:both;width:100%}
div#photos{float: left;}

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}