/* graphical style */

/* elements */
			html, body		{
							height: 100%;	/* necessary for vertical aligning to work */
							margin:0;
							padding:0;
							padding-bottom: 3em;
							
						    border:none
							}

			body			{
							color: black;
							background: black url(images/pageBG.gif);
							text-align: justify;
							font-size: 80%;
							font-family: "Century Gothic", "Tahoma", "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, Arial, sans-serif;
							}
			
			a				{
							color: red;
							text-decoration: none;
							font-weight: bold;
							}
							a:hover			{
											text-decoration: underline;
											}
							
			h1, h2, h3, h4, h5, h6	{
							margin: 0;
							}
							
			h1				{
			color: red;
			margin-bottom: 2px;
			font-size: 15px;
							}
							
			h2				{
							}
							
			h3				{
							margin-bottom: 1em;
							
							text-transform: uppercase;
							}
			
			img				{
							border: none;
							}
							
			p				{
							margin: 0 0 1em 0;
							}
							
			address			{
							margin-bottom: 1em;
							clear: both;
							
							text-align: left;
							font-style: normal;
							}
							
			.backtotop		{
							font-size: 75%;
							text-align: center;
							}
							
							
							
/* named elements */

			#wrapper		{
							width: 750px;
							margin-left: auto;
							margin-right: auto;
							margin-top: 30px;
							
							}
							
			#container		{
							width: 750px;
							float: left;
							border: 5px solid white;
							margin-bottom: 30px;
							}
							#header			{
											height: 400px;
											
											background: #fc0 url(images/header.jpg) top left no-repeat;
											}			
											
							#content		{
											float: left;
											background: #fc0;
											}
											#links			{
	height: 35px;
	width: 750px;
	margin-top: 10px;
	margin-bottom: 2em;
	float: left;
	border-top: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
	border-left: 0px solid #000000;
	border-right: 0px solid #000000;
	background-image: url(images/menuback.jpg);
															}
															#links ul		{
																			margin: 0;
																			padding: 0;
																			list-style: none;
																			}
																			#links ul li	{
																							float: left;
																							
																							text-align: center;
																							}
																							#links ul li a	{
	height: 30px;
	width: auto;
	padding: 10px;
	display: block;
																											}
																											#links ul li a:hover	{
	color: #FFFFFF;
	text-decoration:none;
																															}
																															
																															#links ul li .current	{
	color: #FFFFFF;
	text-decoration:none;
																															}
																															
																															#links ul li #link1
																															{
																															border-right: 2px solid #ffffff;
																															}
															
											#main			{
															float: left;
															overflow: auto;
															}
															.box1, .box2, .box3	{
																			width: 480px;
																			height: auto;
																			margin-left: 12px;
																			margin-right: 12px;
																			margin-bottom: 0px;
																			padding-left: 10px;
																			padding-right: 10px;
																			float: left;
																			overflow: auto;
																			
																			border: 0px solid white;
																			
																			/*scrollbar colours work in IE only */
																			scrollbar-face-color: #fa0;
																			scrollbar-highlight-color: #fc3;
																			scrollbar-3dlight-color: #fc6;
																			scrollbar-darkshadow-color: #a70;
																			scrollbar-shadow-color: #c90;
																			scrollbar-arrow-color: #000;
																			scrollbar-track-color: #333;
																			}
#wrapper #container #vid1 {
	padding-top: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
}

															.box1thumbnail, .box2thumbnail, .box3thumbnail	{
																			width: 232px;
																			height: 220px;
																			margin: 12px;
																			padding: 0;
																			float: left;
																			overflow: auto;
																			
																			border: 1px solid white;
																			}
															.box1, .box1thumbnail	{clear: left;}
															.box2, .box2thumbnail	{margin: 12px 0;}
															.box3, .box3thumbnail	{clear: right;}
															a.boxthumbnail	{
																			width: 231px;
																			height: 219px;
																			display: block;
																			}
																			
																										
							#footer			{
											width: 750px;
											float: left;
											padding: 1em 0 0 0;
											
											text-align: center;
											font-size: 80%;
											background: #fc0;
											}				
											#copyright		{
															}
															
															
											
/* Lightbox Styling */

#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(lightbox/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(lightbox/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; }			#wrapper #container #content #links #link1 {
	border-right-style: solid;
	border-right-width: 2px;
	border-right-color: #FFFFFF;
	height: 35px;
	width: auto;
}
#wrapper #container #content #links #link7 {
	border-right-style: solid;
	border-right-width: 2px;
	border-right-color: #FFFFFF;
	height: 35px;
}

#wrapper #container #content #links #link2 {
	height: 35px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}
#wrapper #container #content #links #link3 {
	height: 35px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}

#wrapper #container #content #links #link4 {
	height: 35px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}

#wrapper #container #content #links #link5 {
	height: 35px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}

#wrapper #container #content #links #link6 {
	height: 35px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}

.imagebox
{
width: 200px;
border: 0px solid #ffffff;
padding-left: 5px;
padding-right: 5px;
padding-top: 0px;
display: block;
float: right;
margin-right: 12px;
}

.imagebox img
{

margin-bottom: 5px;
border: 1px solid #ffffff;
}

#three_boxes
	{
	diplay: block;
	width:700px;
	height:auto;
	clear:both;
	background-color: #fc0;
	padding-top:0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	}
#three_boxes .each_box
	{
	width: 218px;
	height:auto;
	margin-right:0px;
	margin-left:10px;
	margin-top:5px;
	margin-bottom:0px;
	float: left;
	border:0px solid #41465A;
	}
#three_boxes .each_box_heading
	{
	background-color:#020f53;
	padding: 5px;
	color: #2B5593;
	font-family: Gill Sans MT, Gill Sans, Trebuchet MS, serif;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 0px;
	font-variant: small-caps;
	border-bottom:0px solid #41465A;
	}
#three_boxes .each_box_text
	{
	padding: 8px;
	color: #000000;
	background-color:#E2E2E2;
	height: auto;
	font-size:11px;
	border:1px solid #41465A;
	text-align: left;
	}
#video
{
	background: #FFCC00;
}