@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0; }

html { overflow-y: scroll; }
body { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #6c217f; line-height: 160%; text-align: center; background: #FFF; }

#holder { position: relative; margin: 0 auto; width: 988px; height: auto; overflow: hidden; text-align: center; background: url(../images/footerShadow.jpg) bottom no-repeat; z-index: 1; }

/* header */
#header { position: relative; float: left; padding: 0px 5px; display: inline; width: 978px; height: 325px; overflow: hidden; z-index: 2; } 
#header a.logo { position: absolute; top: 117px; left: 29px; z-index: 3; } 
#header a.logo img { border: none; } 
#header a.logo span { display: none; } 

#intro a {color: #ffffff;}


#header ul { position: absolute; top: 290px; left: 26px; list-style: none; z-index: 4; }
#header ul li { position: relative; float: left; margin-right: 6px; padding-right: 6px; height: 27px; background: url(../images/bgHeaderMenuRight.gif) right 0 no-repeat; }
#header ul li a,
#header ul li a:visited { display: block; padding-left: 6px; height: 27px; color: #FFF; text-decoration: none; cursor: pointer; background: url(../images/bgHeaderMenuLeft.gif) 0 0 no-repeat; }
#header ul li a:hover,
#header ul li a.active { text-decoration: underline; }
#header ul li a span { display: block; padding: 0px 20px 0px 20px; height: 27px; font-weight: bold; line-height: 27px; background: #6c217f; }

* html #header ul li { width: 1px; }
* html #header ul li a { overflow: hidden; }

#header .header { position: relative; width: 978px; padding-bottom: 4px; overflow: hidden; background: #FFF; }
#header .header .quote { position: absolute; top: 210px; left: 75px; width: 545px; text-align: left; }
#header .header .quote td { vertical-align: bottom; }
#header .header .quote td p { font-size: 21px; font-weight: bold; color: #6c207f; line-height: normal; }
#header .header .quote td span { font-size: 12px; font-weight: bold; }

/* body */
#body { position: relative; float: left; padding: 0px 5px; width: 978px; text-align: left; }
#body h1 { margin-bottom: 30px; font-size: 16px; font-weight: bold; color: #c3cf22; }

/* intro */
#intro { position: relative; float: left; padding: 12px 0px; width: 978px; background: url(../images/bgIntroDiv.gif) 253px 0 no-repeat #6c217f; }
.intro { position: relative; float: right; padding: 0px 28px 0px 28px; width: 430px; text-align: left; }
.intro p { color: #FFF; }

#intro .rail { position: relative; float: left; padding-right: 65px; width: 188px; text-align: right; }
#intro .rail p { margin-bottom: 30px; font-size: 16px; font-weight: bold; color: #c3cf22; }
#intro .rail ul { list-style: none; }
#intro .rail ul li {  }
#intro .rail ul li a,
#intro .rail ul li a:visited { font-size: 11px; font-weight: bold; color: #FFF; text-decoration: none; }
#intro .rail ul li a:hover,
#intro .rail ul li a.active { text-decoration: underline; }

#intro .banner { position: relative; float: right; width: 238px; text-align: center; }
#intro .banner img { margin-bottom: 10px; border: none; }

/* content */
#content { position: relative; float: left; padding: 19px 0px 10px 0px;  width: 978px; background: url(../images/bgContent.jpg) 0px 2px no-repeat; }
.content { position: relative; float: left; padding: 20px 28px 0px 28px; width: 418px; background: url(../images/bgContentDiv.gif) 0 0 no-repeat; }
.content h1 { margin-bottom: 30px; font-size: 16px; font-weight: bold; color: #c3cf22; }
.content h2 { font-size: 12px; font-weight: bold; color: #c3cf22; }
.content p { font-size: 11px; color: #6c217f; }
.content a,
.content a:visited { color: #6c217f; text-decoration: underline; }
.content a:hover { color: #6c217f; text-decoration: none; }

#content .rail { position: relative; float: left; padding-top: 20px; width: 252px; text-align: center; }
#content .rail a img { border: none; }

/* footer */
#footer { position: relative; float: left; width: 988px; height: 84px; background: url(../images/bgFooterMenu.jpg) 5px 28px no-repeat; }

#footer ul { position: relative; float: right; padding: 0px 5px 0px 6px; width: auto; height: 28px; list-style: none; text-align: right; background: url(../images/bgFooterMenuLeft.gif) 0 0 no-repeat; }
#footer ul li { float: left; display: block; height: 28px; line-height: 28px; }
#footer ul li a,
#footer ul li a:visited { display: block; padding: 0 14px; font-size: 11px; color: #e1e591; text-decoration: none; line-height: 28px; background: url(../images/bgFooterMenuDiv.gif) 0 9px no-repeat #6c217f; }
#footer ul li a:hover,
#footer ul li a.active { display: block; padding: 0 14px; font-size: 11px; color: #e1e591; text-decoration: underline; line-height: 28px; background: url(../images/bgFooterMenuDiv.gif) 0 9px no-repeat #6c217f; }
#footer ul li.firstNode a,
#footer ul li.firstNode a:visited { padding-left: 0px; background: none #6c217f; }
#footer ul li.lastNode { padding-right: 6px; background: url(../images/bgFooterMenuRight.gif) right 0 no-repeat; }
#footer ul li.lastNode a { padding-right: 0px; }

/* lightbox */
#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(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(/skins/default/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/skins/default/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: hidden; 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; }