/* -------------------------------- BODY ------------------------------ */

body {background-attachment: scroll; background-image: url(/images/bkgnd.gif); background-repeat: repeat; background-position: center top; margin: 0;}


/* ------------------------------- LINKS ------------------------------ */

a {text-decoration:none; color: #A0202D;}
a:hover {text-decoration:underline;}
a:visited {color: #A0202D;}

a img {border: none;}

/* ----------------------------- HEADINGS ------------------------------ */

h1 {text-align: left; font-family: Verdana, Arial, Helvetica, Tahoma; font-size: 11pt; color: #89373c; margin: 0 25; line-height: 250%;}
h2 {text-align: left; font-family: Verdana, Arial, Helvetica, Tahoma; font-size: 14px; color: #A0202D; margin: 0 25;}
h3 {text-align: left; font-family: Verdana, Arial, Helvetica, Tahoma; font-size: 8pt; color: #000000; margin: 0 25;}


/* --------------------------- TD ------------------------------ */

td {font-family: Verdana, Arial, Helvetica, Tahoma; font-size: 8pt; line-height: 150%; vertical-align: top;}
a.start-tour {background-image: url(/images/tour/start.jpg); background-position: 0 0; background-repeat: no-repeat;}
a:hover.start-tour {background-image: url(/images/tour/start_on.jpg); background-repeat: no-repeat;}

.function {border: none; width: 450px; margin: 0 auto;}
.function td {padding: 0; width: 150px;}

/* --------------------------- DIV ------------------------------ */

div.columns-2-ab-a {border: 1px solid #e5d7d8; background-color: #fdf3f4; width:43%; height: 370px; margin: 0 0 0 20px; float: left;}
div.columns-2-ab-b {border: 1px solid #e5d7d8; background-color: #fdf3f4; width:43%; height: 370px; margin: 0 20px 0 0; float: right;}
.qf {padding: 10px; margin: 0 15px;}
.qf-pink {background-color: #f9f2f5; border-top: 1px solid #e8d5dc; border-bottom: 1px solid #e8d5dc; padding: 10px; margin: 0 15px;}


/* ---------------------------- PARAGRAPHS ----------------------------- */

p {font-family: Verdana, Arial, Helvetica, Tahoma; color: #000000; font-size: 8pt; margin: 0 25; line-height: 150%;}
p.two {font-family: Verdana, Arial, Helvetica, Tahoma; color: #000000; font-size: 8pt; margin: 0 25; line-height: 150%;}
p.quote {font-family: Verdana, Arial, Helvetica, Tahoma; color: #790306; font-size: 8pt; text-align: center; margin: 0 5 0 10;}
p.bottom-nav {text-align: center; color: #F7AF65; font-size:7pt; margin: 1 0;}
p.copyright {font-family: Verdana, Arial, Helvetica, Tahoma; color: #000000; font-size: 7pt; text-align: center; margin: 0 20;}
p.index-news {font-family: Verdana, Arial, Helvetica, Tahoma; color: #000000; font-size: 8pt; margin: 0 25px;}


/* --------------------------- BULLETS AND LISTS ------------------------------ */

ul, ol {margin: 5px 15px 5px 0; padding-left: 48px;}
li {margin-bottom: 6px;}
ul.nb {list-style: none;}
ul.nb li { margin: 0 0 8px 0;}

.qf ul, .qf-pink ul {margin: 0;}
.qf li, .qf-pink li {list-style-type: none; margin: 0 10px 10px 0;}

/* --------------------------- FOOTER ------------------------------ */

.footer td {font-family: Verdana, Tahoma, Arial; font-size: 7pt; color: #A0202D; margin: 0; vertical-align: middle;}
.footer td a {font-size: 7pt; text-decoration: none; color: #A0202D;}
.footer td a:hover {text-decoration: underline; color: #A0202D;}
.footer td a:visited {color: #A0202D;}


/* --------------------------- 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(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(/images/lightbox/prevlabel2.gif) left 15% no-repeat;}
#nextLink:hover, #nextLink:visited:hover { background: url(/images/lightbox/nextlabel2.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: normal;	}
#imageData #numberDisplay{ display: block; clear: left; padding: 1.0em 0;	}			
#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; }