/* 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; }

h1 { font-size: 16px; margin: 30px 0 3px 0; }
h2 { font-size: 12px; margin: 0 0 10px 0;font-weight: bold; }

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

#msfLogo { float: right; }

#photo { text-align: center; position: relative;  width: 600px; height: 405px;	margin: 0 auto; }
#photoTitle { height: 20px; }
#photoText { text-align: left; position: absolute; bottom: 0; left: 0; 
	padding: 0 10px 0 5px; width: 585px; font-size: 11px; line-height: 15px;
	background: #000; filter: alpha(opacity=65); -moz-opacity: 0.65;   }
#textClose { margin: 0 0 4px 4px; width: 2px; height: 10px; float: right; }
#textClose a {background: #000 url(/images/global/close_black.gif) 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=60); -moz-opacity: 0.60; 
	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: 600px;  padding: 3px;
	text-align: right; font-size: 11px; color: #999; font-size: 9px; }

#controls {  margin: 0 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; }