/*

Riding Lights Sub Sites - CSS

Client: Riding Lights Theatre Company
Version: 0.1
Author: Benjamin Colchester (cleanconscience Ltd.)
Date: 21.02.2008
Credits: The Great Noodly Web God aka Oliver Laird Turner
Notes: 

/*-------------------------------------------------------------

Redefine Tags

-------------------------------------------------------------*/

* { font-family: Verdana, Arial, Helvetica, sans-serif;}

body {
	background: #FFFFFF;
	}

h1 {
	font-size: 20px;
	color: #fff;
	text-align: left;
	margin: 0px;
	padding: 0px;
	}

h2 {
	font-size: 16px;
	color: #fff;
	text-align: left;
	}
	
h3 {
	font-size: 12px;
	}

p { background: inherit;}

.noborder {border-style: none;}

.ball08_bodybg {background: #000000;}

/*-------------------------------------------------------------

Utility Classes

-------------------------------------------------------------*/

.clear {
	display: block;
	clear: both;
	font-size: 0;
	}

/*-------------------------------------------------------------

General Design - Main Layout

-------------------------------------------------------------*/
	
#main { 
	width: 682px;
	height: 537px;
	margin: 25px auto;
	padding: 25px 25px 0px 25px;
	}
	
/*-------------------------------------------------------------

Main Layout Variations

- Redemption Song
- The Narrow Road
- Summer Theatre School
- Roughshod

-------------------------------------------------------------*/	
	
.rsong08 {background-color: #821722; border: 1px solid #FF3399;}
.nr10 {background-color: #663366; border: 1px solid #660066;}
.sts08 {background-color: #fff; border: 1px solid #000;}
.rshod08_main {background-color: #fff; border: 1px solid #000;}
.ball08_main {background-color: #000; border: 1px solid #fff;}
	
/*-------------------------------------------------------------

General Design - Innerbox

-------------------------------------------------------------*/
		
	#main #innerbox {
		display: block;
		width: 678px;
		height: 508px;
		overflow: none;
		}
		
/*-------------------------------------------------------------

Redemption Song 2008 - Innerbox Backgrounds

-------------------------------------------------------------*/
			
.index_rsong08 {border: 1px solid #fff; background: #FFFFFF url(http://www.ridinglights.org/sub_sites/images/rsong08/rl_rsong_innerbox_index_bg.jpg) center no-repeat;}
.general_rsong08 {border: 1px solid #fff; background: #fff url(http://www.ridinglights.org/sub_sites/images/rsong08/rl_rsong_innerbox_general_bg.jpg) center no-repeat;}
.play_rsong08 {border: 1px solid #fff; background: #fff url(http://www.ridinglights.org/sub_sites/images/rsong08/rl_rsong_innerbox_play_bg.jpg) center no-repeat;}
.creatives_rsong08 {border: 1px solid #fff; background: #fff url(http://www.ridinglights.org/sub_sites/images/rsong08/rl_rsong_innerbox_creatives_bg.jpg) center no-repeat;}
.cast_rsong08 {border: 1px solid #fff; background: #fff url(http://www.ridinglights.org/sub_sites/images/rsong08/rl_rsong_innerbox_cast_bg.jpg) center no-repeat;}
.tour_rsong08 {border: 1px solid #fff; background: #fff url(http://www.ridinglights.org/sub_sites/images/rsong08/rl_rsong_innerbox_tour_bg.jpg) center no-repeat;}

/*-------------------------------------------------------------

The Narrow Road 2010 - Innerbox Backgrounds

-------------------------------------------------------------*/
			
.index_nr10 {border: 1px solid #fff; background: #FFFFFF url(http://www.ridinglights.org/sub_sites/images/rsong08/rl_rsong_innerbox_index_bg.jpg) center no-repeat;}
.general_nr10 {border: 1px solid #fff; background: #fff url(http://www.ridinglights.org/sub_sites/images/tnr/rl_tnr_innerbox_general_bg.jpg) center no-repeat;}
.play_nr10 {border: 1px solid #fff; background: #fff url(http://www.ridinglights.org/sub_sites/images/tnr/rl_tnr_innerbox_play_bg.jpg) center no-repeat;}
.creatives_nr10 {border: 1px solid #fff; background: #fff url(http://www.ridinglights.org/sub_sites/images/tnr/rl_tnr_innerbox_creatives_bg.jpg) center no-repeat;}
.cast_nr10 {border: 1px solid #fff; background: #fff url(http://www.ridinglights.org/sub_sites/images/tnr/rl_tnr_innerbox_cast_bg.jpg) center no-repeat;}
.tour_nr10 {border: 1px solid #fff; background: #fff url(http://www.ridinglights.org/sub_sites/images/tnr/rl_tnr_innerbox_tour_bg.jpg) center no-repeat;}
.reviews_nr10 {border: 1px solid #fff; background: #fff url(http://www.ridinglights.org/sub_sites/images/tnr/rl_tnr_innerbox_reviews_bg.jpg) center no-repeat;}


/*-------------------------------------------------------------

Summer Theatre School 2008 - Innerbox Backgrounds

-------------------------------------------------------------*/

.index_sts08 {border: 1px solid #000; background: #fff url(http://www.ridinglights.org/sub_sites/images/sts08/sts08_innerbox_index_bg.jpg) center no-repeat;}
.general_sts08 {border: 1px solid #000; background: #fff url(http://www.ridinglights.org/sub_sites/images/sts08/sts08_innerbox_general_bg.jpg) center no-repeat;}
.paul_sts08 {border: 1px solid #000; background: #fff url(http://www.ridinglights.org/sub_sites/images/sts08/sts08_innerbox_paul_bg.jpg) center no-repeat;}
.courses_sts08 {border: 1px solid #000; background: #fff url(http://www.ridinglights.org/sub_sites/images/sts08/sts08_innerbox_courses_bg.jpg) center no-repeat;}
.coursetutors_sts08 {border: 1px solid #000; background: #fff url(http://www.ridinglights.org/sub_sites/images/sts08/sts08_innerbox_coursetutors_bg.jpg) center no-repeat;}
.gallery_sts08 {border: 1px solid #000; background: #fff url(http://www.ridinglights.org/sub_sites/images/sts08/sts08_innerbox_gallery_bg.jpg) center no-repeat;}
.apply_sts08 {border: 1px solid #000; background: #fff url(http://www.ridinglights.org/sub_sites/images/sts08/sts08_innerbox_apply_bg.jpg) center no-repeat;}

/*-------------------------------------------------------------

Roughshod 2008 - Innerbox Backgrounds

-------------------------------------------------------------*/		
		
.index_rshod08 {border: 1px solid #000; background: #fff url(http://www.ridinglights.org/sub_sites/images/rshod08/rs08_innerbox_index_bg.jpg) center no-repeat;}
.general_rshod08 {border: 1px solid #000; background: #fff url(http://www.ridinglights.org/sub_sites/images/rshod08/rs08_innerbox_general_bg.jpg) center no-repeat;}
.whatis_rshod08 {border: 1px solid #000; background: #fff url(http://www.ridinglights.org/sub_sites/images/rshod08/rs08_innerbox_whatis_bg.jpg) center no-repeat;}
.whereis_rshod08 {border: 1px solid #000; background: #fff url(http://www.ridinglights.org/sub_sites/images/rshod08/rs08_innerbox_whereis_bg.jpg) center no-repeat;}
.whois_rshod08 {border: 1px solid #000; background: #fff url(http://www.ridinglights.org/sub_sites/images/rshod08/rs08_innerbox_whois_bg.jpg) center no-repeat;}
.whatis_rshod08 {border: 1px solid #000; background: #fff url(http://www.ridinglights.org/sub_sites/images/rshod08/rs08_innerbox_whatis_bg.jpg) center no-repeat;}
.workshops_rshod08 {border: 1px solid #000; background: #fff url(http://www.ridinglights.org/sub_sites/images/rshod08/rs08_innerbox_workshops_bg.jpg) center no-repeat;}
.churches_rshod08 {border: 1px solid #000;background: #fff url(http://www.ridinglights.org/sub_sites/images/rshod08/rs08_innerbox_churches_bg.jpg) center no-repeat;}
.schools_rshod08 {border: 1px solid #000; background: #fff url(http://www.ridinglights.org/sub_sites/images/rshod08/rs08_innerbox_schools_bg.jpg) center no-repeat;}
.prisons_rshod08 {border: 1px solid #000; background: #fff url(http://www.ridinglights.org/sub_sites/images/rshod08/rs08_innerbox_prisons_bg.jpg) center no-repeat;}
.tour_rshod08 {border: 1px solid #000; background: #fff url(http://www.ridinglights.org/sub_sites/images/rshod08/rs08_innerbox_tour_bg.jpg) center no-repeat;}
.hopestreet_rshod08 {border: 1px solid #000; background: #fff url(http://www.ridinglights.org/sub_sites/images/rshod08/rs08_innerbox_hopestreet_bg.jpg) center no-repeat;}

/*-------------------------------------------------------------

Electrostatic Ball 2008 - Innerbox Backgrounds

-------------------------------------------------------------*/		
		
.index_ball08 {border: 1px solid #ffffff; background: #fff url(http://www.ridinglights.org/sub_sites/images/ball08/ball08_innerbox_index_bg.jpg) center no-repeat;}
.general_ball08 {border: 1px solid #ffffff; background: #fff url(http://www.ridinglights.org/sub_sites/images/ball08/ball08_innerbox_general_bg.jpg) center no-repeat;}
		
/*-------------------------------------------------------------

General Design - Content

-------------------------------------------------------------*/		
		
		#main #innerbox #content {
			display: block; 
			width: 448px; 
			height: 333px; 
			background: none; 
			float: left;
			overflow: auto;
			padding: 25px;
			margin: 125px 0px 0px 0px; 
			color: #fff;
			}
	
/*-------------------------------------------------------------

Redemption Song 2008 - Content Variations

-------------------------------------------------------------*/		
	
.white_small {font-size: 10px; line-height: 1.6em; color: #fff; display: inline;}	

/*-------------------------------------------------------------

The Narrow Road - Content Variations

-------------------------------------------------------------*/		
	
.white_nr {font-size: 12px; line-height: 1.6em; color: #fff; font-weight: bold; display: inline;}
.large_nr {font-size: 14px; line-height: 1.6em; color: #fff; font-weight: bold; display: inline;}
	
			
/*-------------------------------------------------------------

Summer Theatre School 2008 - Content Variations

-------------------------------------------------------------*/				
			
			#main #innerbox #content ul { list-style-type: none; font-size: 12px; margin: 0px; padding-left: 10px;}
			#main #innerbox #content ul li {margin-top: 10px;}
			#main #innerbox #content ul li a{ text-decoration: none; color: #000000; margin-top: 10px;}
			#main #innerbox #content ul li a:hover{ text-decoration: underline; color: #FF0066;}	
	
h1.sts08 {font-size: 16px; color: #000; margin-bottom: 15px; border: none;}	
h2.sts08 {font-size: 16px; color: #000; margin-bottom: 15px;}
h3.sts08 {font-size: 12px; color: #000; margin-bottom: 15px;}				
.black_small {font-size: 10px; line-height: 1.6em; color: #000; display: inline;}	

/*-------------------------------------------------------------

Roughshod 2008 - Content Variations

-------------------------------------------------------------*/		

h1.rshod08 {font-size: 12px; color: #fff; background: #6b9fc1; margin-bottom: 15px;}	
.white_small {font-size: 10px; line-height: 1.6em; color: #fff; display: inline;}	

/*-------------------------------------------------------------

Electrostatic Ball 2008 - Content Variations

-------------------------------------------------------------*/				
			
			#main #innerbox #content ul { list-style-type: circle; font-size: 10px; margin: 0px; padding-left: 10px;}
			#main #innerbox #content ul li {margin-top: 5px;}
			#main #innerbox #content ul li a{ text-decoration: none; color: #000000; margin-top: 10px;}
			#main #innerbox #content ul li a:hover{ text-decoration: underline; color: #FF0066;}	
	
h1.ball08 {font-size: 22px; color: #fff; margin-bottom: 15px; border: none; text-align: center; font-weight:normal; font-family: Georgia, "Times New Roman", Times, serif;}	
h2.ball08 {font-size: 16px; color: #FFCC00; margin-bottom: 15px; text-align: center; font-weight:normal; font-family: Georgia, "Times New Roman", Times, serif;}
h3.ball08 {font-size: 12px; color: #fff; margin-bottom: 5px; text-align: center; font-weight:normal; font-family: Georgia, "Times New Roman", Times, serif;}				
.ball08_white_small {font-size: 10px; line-height: 1.6em; color: #fff; display: inline;}	

	
				
/*-------------------------------------------------------------

General Design - Biography Containers

-------------------------------------------------------------*/	
				
.biog {
	display: block;
	width: 420px;
	height: auto;
	background: inherit;
	text-align: left;
	margin-bottom: 15px;
	margin-top: 50px
	border-bottom: 1px solid #fff;
	padding-bottom: 15px;
	padding-top: 15px;
	}
	
.biog_rshod08 {
	display: block;
	width: 420px;
	height: auto;
	background: inherit;
	text-align: left;
	margin-bottom: 15px;
	border-bottom: 1px solid #000;
	padding-bottom: 15px;
	padding-top: 15px;
	}
					
.biog_photo {display: block; width: 420px; height: 125px; margin-bottom: 10px;}

		
h1.rsong08 {font-size: 12px; color: #fff; background: #821722; margin-bottom: 15px; padding: 2px 0px 2px 4px; font-style:oblique;}					
p { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #fff;}

h1.nr10 {font-size: 12px; color: #fff; background: #663366; margin-bottom: 15px; padding: 2px 0px 2px 4px; font-style:oblique;}					
p { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #fff;}
			
				
/*-------------------------------------------------------------

General Design - NavBar

-------------------------------------------------------------*/	

#navbar {
	float: left;
	display: block;
	width: 180px;
	height: 508px;
	background: none;
	padding: 0px;
	margin-top: 0px;
	list-style-type: none;
	text-align: left;
	border: none;
	}

	#navbar ul {list-style-type: none; padding: 0px; margin: 0px;}
		#navbar ul li { text-decoration: none; padding-left: 0px; font-family: Verdana, Arial, Helvetica, sans-serif;}
			#navbar ul li a { display: block; width: 180px; height: 28px; margin-left: 0px; padding-top: 12px; color: #000; font-size: 12px; text-align: center; text-decoration: none; background: none;}
			#navbar ul li a:hover { color: #FFF; background: #FF9900;}					
	
/*--------------------------------------------------------------------------------------

Redemption Song 2008 - Navbar Styles

----------------------------------------------------------------------------------------*/	

				#navbar ul li a:hover.red_rsong08 { color: #FFF;  background: #821722;}
				
/*--------------------------------------------------------------------------------------

The Narrow Road 2010 - Navbar Styles

----------------------------------------------------------------------------------------*/	

				#navbar ul li a:hover.purple_nr10 { color: #FFF;  background: #330033; font-weight: bold;}
				#navbar ul li a.purple_nr10_active { color: #FFF;  background: #663366; font-weight: bold;}			
	
/*--------------------------------------------------------------------------------------

Summer Theatre School 2008 - Navbar Styles

----------------------------------------------------------------------------------------*/	
			
				#navbar ul li a:hover.red { color: #FFF;  background: #821722;}
				#navbar ul li a.red_active { color: #FFF;  background: #821722;}
				#navbar ul li a:hover.blue { color: #FFF;  background: #0099FF;}
				#navbar ul li a.blue_active { color: #FFF;  background: #0099FF;}
				#navbar ul li a:hover.green { color: #FFF;  background: #33CC00;}
				#navbar ul li a.green_active { color: #FFF;  background: #33CC00;}
				#navbar ul li a:hover.yellow { color: #FFF;  background: #FFCC00;}
				#navbar ul li a.yellow_active { color: #FFF;  background: #FFCC00;}
				#navbar ul li a:hover.dark_blue { color: #FFF;  background: #000066;}
				#navbar ul li a.dark_blue_active { color: #FFF;  background: #000066;}

/*--------------------------------------------------------------------------------------

Roughshod 2008 - Navbar Styles

----------------------------------------------------------------------------------------*/	
									
				#navbar ul li a:hover.inactive { color: #FFF;  background: none;}					
				
/*--------------------------------------------------------------------------------------

Electrostatic Ball 2008 - Navbar Styles

----------------------------------------------------------------------------------------*/	
									
				#navbar ul li a.ball08_index { color: #fff;  background: none;}
				#navbar ul li a:hover.ball08_index { color: #000;  background: #fff;}
				#navbar ul li a.ball08 { color: #FFF;  background: none;}
				#navbar ul li a:hover.ball08 { color: #000;  background: #fff;}
				#navbar ul li a.ball08_active { color: #000000;  background: #fff;}				
								
/*--------------------------------------------------------------------------------------

Tour Location - Table Layout

----------------------------------------------------------------------------------------*/

#table.locations { 
	table-layout: fixed;
	width: auto;
	height: auto;
	color: #fff;
	padding: 0px;
	font-size: 0.8em;
	margin: 0px;
	}

th.locations { 
	width: auto;
	text-color: #ffffff;
	text-align:center;
	font-size: 0.8em;
	background-color: #000;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	color: #fff;
	}
	
th.locations_rshod08 { 
	width: auto;
	text-color: #ffffff;
	text-align:center;
	font-size: 0.8em;
	background-color: #FF3300;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	color: #fff;
	}
	
th.leaflet {
	width: 50px;
	color: #ffffff;
	text-align:center;
	font-size: 0.8em;
	background-color: #333333;
	padding-top: 5px;
	padding-bottom: 5px;
	}
	
th.leaflet_nr10 {
	width: 50px;
	color: #ffffff;
	text-align:center;
	font-size: 0.8em;
	background-color: #996699;
	padding-top: 5px;
	padding-bottom: 5px;
	}
	
th.leaflet_rshod08 {
	width: 50px;
	color: #ffffff;
	text-align:center;
	font-size: 0.8em;
	background-color: #ff9900;
	padding-top: 5px;
	padding-bottom: 5px;
	}

	
th.locations_sub { 
	width: auto;
	color: #ffffff;
	text-align:center;
	font-size: 0.8em;
	background-color: #821722;;
	padding-top: 0px;
	padding-bottom: 1px;
	}
	
th.locations_nr10 { 
	width: auto;
	color: #ffffff;
	text-align:center;
	font-size: 0.8em;
	background-color: #996699;;
	padding-top: 0px;
	padding-bottom: 1px;
	}
	
th.month_nr10 { 
	width: auto;
	color: #ffffff;
	text-align:center;
	font-size: 0.8em;
	background-color: #663366;;
	padding-top: 0px;
	padding-bottom: 1px;
	}
	
th.locations_sub_rshod08 { 
	width: auto;
	color: #ffffff;
	text-align:center;
	font-size: 0.8em;
	background-color: #0099FF;
	padding-top: 0px;
	padding-bottom: 1px;
	}

tr { 
	font-size: 0.8em; 
	text-align:center;
	color: #fff;
	}
	
tr.normal {background-color: #000; font-size: 0.8em;}
	
td {
	height: 30px;
	padding-left: 10px;
	padding-right: 10px;
	}
	
	td.column1 {background: #000; color: #FFFFFF; font-size: 0.8em;}
	td.column1_nr10 {background: #996699; color: #FFFFFF; font-size: 0.8em;}
	td.column1_rshod08_base {background: #ff6600; color: #fff; font-size: 0.8em;}
	td.column1_rshod08_basesub {background: #66CC00; color: #fff; font-size: 0.8em;}
	td.leaflet {background-color: #000; color: #FFFFFF; width: 50px; font-size: 0.8em; border-style: none; text-decoration: none;}
	td.column1_red { color: #FFFFFF;}
		td.column1 a {text-decoration: underline; color: #FFFFFF; font-size: 1em;}
		td.column1 a:hover {color: #821722; font-size: 1em;}
	
	td a {color: #FFFFFF;}
	td a:hover {color: #000;}

/*-------------------------------------------------------------

General - Bottom Links

-------------------------------------------------------------*/

	#main #bottomlinks {display: block; width: 680px; height: 24px; margin: 0px; padding-top: 1px; text-align: right; border: none;}
		#main #bottomlinks p {font-size:10px; color: #fff; text-decoration:none; display:inline;}	
		#main #bottomlinks a {font-size:10px; color: #fff; text-decoration:none; margin: 0px; padding: 0px;}	
		#main #bottomlinks a:hover {color: #666666;}
	
/*-------------------------------------------------------------

Redemption Song 2008 - Bottom Links

-------------------------------------------------------------*/
	
		#main #bottomlinks.rsong08 { background: #821722; color:#000;}
			#main #bottomlinks p.rsong08 {font-size:10px; color: #fff; text-decoration:none; display:inline;}	
			#main #bottomlinks a.rsong08 {font-size:10px; color: #fff; text-decoration:none; margin: 0px; padding: 0px;}	
			#main #bottomlinks a:hover.rsong08 {color: #666666;}
		
/*-------------------------------------------------------------

The Narrow Road 2010 - Bottom Links

-------------------------------------------------------------*/
	
		#main #bottomlinks.nr10 { background: #821722; color:#000;}
			#main #bottomlinks p.nr10 {font-size:10px; color: #fff; text-decoration:none; display:inline;}	
			#main #bottomlinks a.nr10 {font-size:10px; color: #fff; text-decoration:none; margin: 0px; padding: 0px;}	
			#main #bottomlinks a:hover.nr10 {color: #666666;}
		
		/*-------------------------------------------------------------

Summer Theatre School 2008 - Bottom Links

-------------------------------------------------------------*/
	
		#main #bottomlinks.sts08 { background: #fff; color:#000;}
			#main #bottomlinks p.sts08 {font-size:10px; color: #000; text-decoration:none; display:inline; border: none;}	
			#main #bottomlinks a.sts08 {font-size:10px; color: #000; text-decoration:none; margin: 0px; padding: 0px; border: none;}	
			#main #bottomlinks a:hover.sts08 {color:  #FF0099;}	
		
/*-------------------------------------------------------------

Roughshod 2008 - Bottom Links

-------------------------------------------------------------*/
	
		#main #bottomlinks.rshod08 { background: #fff; color:#000;}
			#main #bottomlinks p.rshod08 {font-size:10px; color: #000; text-decoration:none; display:inline; border: none;}	
			#main #bottomlinks a.rshod08 {font-size:10px; color: #000; text-decoration:none; margin: 0px; padding: 0px; border: none;}	
			#main #bottomlinks a:hover.rshod08 {color: #FF6600;}
			
/*-------------------------------------------------------------

Electrostatic Ball 2008 - Bottom Links

-------------------------------------------------------------*/
	
		#main #bottomlinks.ball08 { background: none; color:#fff;}
			#main #bottomlinks p.ball08 {font-size:10px; color: #fff; text-decoration:none; display:inline; border: none;}	
			#main #bottomlinks a.ball08 {font-size:10px; color: #fff; text-decoration:none; margin: 0px; padding: 0px; border: none;}	
			#main #bottomlinks a:hover.ball08 {color: #999999;}	
		
/*-------------------------------------------------------------

Bottom Bar

-------------------------------------------------------------*/

#bottombar {
	display: block;
	width: 740px; 
	height: 10px;
	background: none;
	margin: 0px auto;
	padding: 0px; 	
	font-size: 9px;
	text-align: center;
	}
		
		#bottombar p { text-align: center; font-size: 9px; color: #333;}
		#bottombar p a { text-align: right; font-size: 9px; color: #333; text-decoration: none; font-family: Arial, Helvetica, sans-serif;}
		#bottombar p a:hover {color: #0099FF;}
		#bottombar P a strong { font-family:Arial, Helvetica, sans-serif;}
		
/*-------------------------------------------------------------

Lightbox

-------------------------------------------------------------*/

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	border-top: 2px solid  #FF0066;
	border-right: 2px solid  #FF0066;
	border-left: 2px solid  #FF0066;
	}

#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: transparent url(file:///Macintosh HD/Users/benjamincolchester/Desktop/Clean Conscience/Internal/Website/htdocs/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(file:///Macintosh HD/Users/benjamincolchester/Desktop/Clean Conscience/Internal/Website/htdocs/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(file:///Macintosh HD/Users/benjamincolchester/Desktop/Clean Conscience/Internal/Website/htdocs/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%;
	padding-bottom: 10px;
	border-bottom: 2px solid  #FF0066;
	border-right: 2px solid  #FF0066;
	border-left: 2px solid  #FF0066;
	}

#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;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}