body
{margin:0;padding:0;background:#ffffff;color:#000000;}

body, td, th, textarea, select, h2, h3, h4, h5, h6
{font: 11px Verdana, Arial, Helvetica, sans-serif;}

p
{margin:12px 0;}

a
{color:#004276;text-decoration:none;}

a:hover
{color:#ca0002;}


/* header rules 
=================================================================================== */
div#Header
{font-family:Arial,sans-serif;background:#fff;border-bottom:6px solid #c00;min-width:1002px;width:auto;margin-bottom:12px;height:125px;}

div.HeaderContent 
{background:#fff;text-align:left;margin:0 auto;}

/* header navigation */
.NavStretch
{border-width:1px 0;border-style:solid;border-color:#e6e6e6;}

.HeaderNav
{height:27px;position:relative;min-width:984px;margin:0 auto;}

.HeaderNav li
{font-weight:bold;font-size: 10px;}

.HeaderNav li a,
.HeaderNav li a:visited
{color:#000000;text-decoration:none;text-transform:uppercase;line-height:25px;}

.HeaderNav li a:hover
{color:#fff;background:#00163D;}

.HeaderNav li a.CurPage
{color:#fff;background:#00163D;}

.HeaderNav li a.CurPage:visited
{color:#fff;}

.HeaderNav ul.UtilityNavigation,
.HeaderNav ul.Navigation
{margin:0;padding:0;list-style:none;position:absolute;white-space:nowrap;}  

.HeaderNav ul.Navigation
{left:0;}

.HeaderNav ul.Navigation li
{float:left;border-width:0 1px 0 0;border-style:solid;border-color:#e6e6e6;}

.HeaderNav ul.Navigation li a
{padding:0 6px;width:auto;height:25px;margin:1px;display:block;vertical-align:middle}

* html .HeaderNav ul.Navigation li a
{width:25px;}

.HeaderNav ul.Navigation li.offsite a
{color:#7b7b7b;}

.HeaderNav ul.Navigation li.NavLeft
{width:9px;height:27px;}

/* utility navigation */

.HeaderNav ul.UtilityNavigation
{right:0;}

.HeaderNav ul.UtilityNavigation li
{float:left;margin-left:5px;}

.HeaderNav ul.UtilityNavigation li a
{padding:0 12px 0 9px;width:auto;}

.HeaderNav ul.UtilityNavigation li a:hover
{color:#00163D;background-color:transparent;}


/* ie6 navigation (11px Arial)
========================================= */
* html .HeaderNav li
{font-size:11px;}

* html .HeaderNav ul.Navigation li a
{padding:0 4px 0 5px;}

* html .HeaderNav ul.UtilityNavigation li a
{padding:0 12px 0 7px;}



/* header text rules */
.HeaderContent .SectName
{font-weight:bold;font-size:30px;color:#ca0002;}

.HeaderContent .GlobalHeaderSections
{font-size:11px;color:#dadada;padding-left:2px;}

.HeaderContent a
{font-weight:bold;}

.HeaderContent .GlobalHeaderTopics
{font-size:11px;font-weight:bold;color:#949494;z-index:2;}

.HeaderContent .GlobalHeaderTopics a
{text-decoration:underline;}

.HeaderContent .GlobalHeaderTopics .GlobalHeaderHotTopic
{color:#ca0002;}

.HeaderContent .GlobalHeaderTopics .GlobalHeaderHotTopic a
{color:#ca0002;}

.HeaderContent .GlobalHeaderT
{font-size:15px;font-weight:bold;color:#000000;z-index:2;}

.HeaderContent .GlobalHeaderR
{font-size:11px;font-weight:bold;color:#FF0000;z-index:2;}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../Photos/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../Photos/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
