body {
		margin:0;
		padding:0;
		border:0;			/* This removes the border around the viewport in old versions of IE */
		width:100%;
		background:#ffff99;
		min-width:600px;		/* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
		font-size:90%;
	}
	
	
	
	a:hover {
	text-decoration:none;
	} 
	
	h1, h2, h3 {
	margin: 0 0 0 0;
	padding:0;
	margin-top: 5px;
	margin-bottom: 5px;
	}
	p {
	margin: 0 0 0 0;
	padding:0;
	margin-top: 10px;
	margin-left: 5px;
	margin-right: 20px;
	}
	
	/* Header styles */
	#header {
		clear:both;
		float:left;
		width:100%;
	}
	
	#leftnav {
		width:99%;
		
	}	
	.links {
	width:98%;
	
	}
	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background:#eee;
		
		margin:0;
		padding:0 0 !important;
		text-align:right;
	}
	/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;			/* width of page */
		position:relative;
	}
	
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 0 0;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}
	
	.col3 img {
	margin-top:20px;
	}
	
	.col3 {
		color:#FFFF99;
		} 
		
	.col1{
	color:#000066;
	}
	
	.col1 a {
	color:#990099;
	text-decoration:none;
	font-weight:bold;
	}
	
	.col1 a:hover {
	color:#fff;
	background:#000066;
	text-decoration:none;
	font-weight:bold;
	}
	.col1 .spcbar{
	margin-top:10px;
	margin-bottom:10px;
	}
	
	
	
	.col2 h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#660000;
} 
.col2 a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	color:#660000;
	text-decoration:none;
	margin-right:2;
	margin-left:2;
	
} 	
	
	/* 3 Column settings */
	.threecol {
	background:#CC3333;		/* right column background colour */
	
	}
	.threecol .colmid {
		right:24%;			/* width of the right column */
		background:#eee;		/* center column background colour */
	}
	.threecol .colleft {
		right:60%;			/* width of the middle column */
		background:#FFFF99;	/* left column background colour */
	}
	.threecol .col1 {
		width:56%;			/* width of center column content (column width minus padding on either side) */
		left:102%;			/* 100% plus left padding of center column */
	}
	.threecol .col2 {
		width:16%;			/* Width of left column content (column width minus padding on either side) */
		left:28%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col3 {
		width:22%;			/* Width of right column content (column width minus padding on either side) */
		left:89%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}
	/* Footer styles */
	#footer {
		clear:both;
		float:left;
		width:100%;
		height:60px;
		
		background-image:url(../images/footer.png);
	}
	#footer p {
		
		margin:0;
	}
#footer ul {
	    
		clear:left;
	    float:left;
	    width:100%;
	    list-style:none;
	    margin:10px 0 0 0;
	    padding:0;
		display:inline;
	}


 #footer a {
	    display: inline;
	   
	    margin:0 0 0 2px;
	    padding:1px 10px;
	    text-align:Left;
	    background:#eee;
	    color:#000;
	    text-decoration:none;
	    line-height:1.3em;
	}
	#footer a:hover {
	    background:#369;
		color:#fff;
	}

	.lastline {
		color:#000000;
		font-size:smaller;
		}
		
	.colmask2 {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	
	.leftmenu2 {
		background:#fff;		/* right column background colour */
	}	
	
	.colright2,
	.colmid2,
	.colleft2 {
		float:left;
		width:100%;
		position:relative;
	}
	.col12,
	.col22,
	.col32 {
		float:left;
		position:relative;
		padding:0 0 1em 0;
		overflow:hidden;
	}
	
	.col22 a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	color:#660000;
	text-decoration:none;
	margin-right:2;
	margin-left:2;
	
} 	

.col12 {
color:#000066;
font-family:Arial, Helvetica, sans-serif;
}

	.leftmenu2{
		background:#eee;		/* right column background colour */
	}
	.leftmenu2 .colleft2 {
		right:84%;			/* right column width */
		background:#ffff99;	/* left column background colour */
	}
	.leftmenu2 .col12 {
		width:74%;			/* right column content width */
		left:105%;			/* 100% plus left column left padding */
	}
	.leftmenu2 .col22 {
		width:16%;			/* left column content width (column width minus left and right padding) */
		left:10%;			/* (right column left and right padding) plus (left column left padding) */
	}
	
	#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/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../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; }