/* page ********************/

body { background: #000; margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; color: #fff; }
table { font-family: Verdana, Arial, Helvetica, sans-serif; }
a { color: #fff; }
a img {border: none; }
.spacer { clear: both; }
.halfLeft { width: 48%; float: left; padding-left: 10px; }
.halfRight { width: 48%; float: right; padding-right: 10px; }

h1 { font-size: 16px; margin: 33px 0  5px 0; color: #FFFFFF; }
h2 { display: none; }

#headerControls { border-bottom: 1px solid #5F5F5F; font-size: 11px; padding: 5px 0; margin: 0 0 10px 0;
  width: 100%; background: #333333 url(../images/header-bg.gif) bottom repeat-x;  }
#headerControls a { text-decoration: none;  color: #CCCCCC; } 

#pageContainer { position: relative; width: 600px; padding: 10px; margin: 0 auto;  }
#photoContainer {}
#msfLogo { float: right; margin: 0 0 5px 5px;}

#photo, #lastSlide {width: 600px; height: 399px; }
#photo { text-align: center; position: relative;  	margin: 0 auto;   }
#photoTitle {  }
#photoText { text-align: left; position: absolute; bottom: 0; left: 0; 
	width: 100%; font-size: 11px; line-height: 15px;
	background: #000; filter: alpha(opacity=65); -moz-opacity: 0.65;   }
#photoText p { padding: 0 10px 0 5px; }
#textClose {  width: 15px; height: 15px; float: right; margin: 0 0 3px 8px;}
#textClose a {background: #000 url(/images/global/close_black.gif) top right no-repeat;  
	background: #000; border: 1px solid #666; font-weight: bold; padding: 0 2px;
	position :absolute; top: 3px; right: 0; text-decoration: none; color: #fff; }
#viewText { padding: 0 2px 0 2px; background: #000; filter: alpha(opacity=30); -moz-opacity: 0.30; 
	position: absolute; bottom: 0; right: 0; font-size: 10px;}
#viewText a { color: #fff; font-size: 10px; text-decoration: none;}
#photoCredit {  margin: 0 auto; height: 10px; width: 100%;  padding: 3px;
	text-align: right; font-size: 11px; color: #999; font-size: 9px; }
	
#lastSlide { text-align: left; padding: 20px 10px 0 10px; background: #333; width: 625px; border: 1px solid #5F5F5F;  }
#lastSlide li { margin: 0 0 10px 0; }

.recentSlideshow { width: 120px; margin: 0 5px 0 0;  float: left; }
.recentSlideshowImg { width: 100%; height: 75px; margin: 0 0 5px 0; cursor: pointer; 
	background: center center no-repeat; border: 1px solid #5F5F5F; }
.lastSlideSection { margin-bottom: 35px; }

#controls {  margin: 10px auto 0 auto; text-align: center;  padding: 5px 0;}	 
#controls .arrow { font-size: 13px; }
#controls a { text-decoration: none; padding: 4px 8px; color:#999999; font-size: 11px;}
#controls a.on,#controls a.on:hover { color: #fff; background: #666; }
#controls a:hover { color: #fff; background:#333333; }