/* CSS Document */
html, body, #head1, #head2, #tnav ul, #lnav ul, #lnav ul ul, #head2 form, h2, h1, h3{margin:0; padding:0;}
body{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:16px; 
	color:#1b0f27; 
	background:#eeeeee url(images/bk.gif) repeat;
	}
/* -- // FORMATING  // -- */
h1{font-size:1.7em;}
h2{font-size:19px; color:#9e5543;}
h3{font-size:16px; }
h4{font-size:14px;}
p.imaget{font-weight:bold; margin-bottom:5px;}
p.image{color:#666666; font-size:10px; margin-top:5px;}
#content img{border:solid 1px #948a7d;}
small{
	color:#333333; 
	border-top:solid 1px #666666; 
	display:block; 
	text-align:justify; 
	background-color:#F8F8F8; 
	padding:5px; 
	margin-bottom:0;
	font-size:10px;
	}
a:link, a:visited{color:#9e5543;}
a:hover, a:active{color:#f4821f; text-decoration:none;}
/*end format */
#head1 h1{
	color:#ffffff; 
	background-color:#9e5543; 
	font-family:Tahoma, verdana, geneva, arial, helvetica, sans-serif; 
	display:inline;
	margin-left:20px;
	margin-top:10px;
	font-size:24px;
		 }
* html #head1 h1{padding-bottom:0; margin-bottom:0}
.tsmaller{font-size:18px;}
#content img.pdf{border:none;}
/*head styles */
#all{
	min-width:770px; 
	max-width:900px;
	margin-left:auto;
	margin-right:auto;
	border:#815539 solid 1px ;
	/*border-top:#815539 solid 3px;*/
	background-color:#FFFFFF;
	border-top:none;
	position:relative;
	}
* html #all{width:810px;}
#head1{
	position:relative;
	background:#9e5543 url(http://www.epgonline.org/images/gist/gist-head.jpg) no-repeat right top;
	border-bottom:solid 4px #f4821f;
	padding-top:8px;
	padding-bottom:10px;
			}
* html #head1{ margin-bottom:0}
#search{
	position:relative; 
	text-align:right; 
	padding:5px 5px 5px 5px;
	border-top:solid 1px #f4821f;
	border-bottom:solid 2px #99877d;
	background:#FFFFFF url(http://www.epgonline.org/images/gist/gist-shade.gif) repeat-y left;
	font-size:0.8em;
	color:#815539;
	}
#search label{display:none;}
#search form{
	display:inline;
	padding-bottom:40px;
	padding-top:40px;
	}
/* -- // TOP NAV // -- */
#tnav{
	position:relative;
	border-bottom:solid 2px #99877d;
	background: #f2e7cf url(http://www.epgonline.org/images/cml/graphics/t-nav-bk.gif) repeat-x;
	height:26px;
	width:auto;
			}
#tnav ul{
	position:relative;
 	margin:0; 
	padding:0; 
	top:4px;
	list-style:none; 
	height:23px;
	font-size:14px;
		}
* html #tnav  ul{top:0; padding-top:3px; margin:0; padding-bottom:0;}

#tnav ul li{
	display:inline; 
	height:auto;
	margin-left:0;
			}
/* -- /// TOP NAV LINKS // -- */
#tnav a:link, #tnav a:visited{
	color:#815539; 
	text-decoration:none;
	padding:5px 10px 6px 10px;
	border-right:solid 1px #815539; 
	height:auto;
	margin-left:-4px;
					}
#tnav li a.home7:link, #tnav li a.home7:visited{margin-left:0;}
#tnav a:hover{
	background:#ecd3ac url(http://www.epgonline.org/images/cml/graphics/t-nav-bk-2.gif) repeat-x left;
	padding:4px 10px 6px 10px;
	margin-top:10px;
	margin-left:-4px;
		}
/* -- // END TOP NAV LINKS // --*/
#content{
	margin-left:16em; 
	margin-right:3em; 
	font-size:0.8em; 
	margin-top:20px;
	min-height:500px;
	padding-bottom:20px;
	}
* html #content{height:500px}
#content p{text-align:justify;}
/* -- // LEFT NAV // -- */
#lnav{
	position:absolute; 
	top:140px; 
	width:auto;
	height:auto;
	background-color:#f4cca9;
	padding-bottom:10px;
	padding-right:0;
		}
#lnav p{
	background-color:#99877d;
	padding:3px 0 3px 0;
	margin:0;
	color:#ffffff;
	font-size:0.8em;
	font-weight:bold;
	text-align:center;
			}
#lnav ul{
	margin-left:5px; 
	margin-top:5px;
	padding-right:5px;
	list-style:none; 
	font-size:0.8em; 
	font-weight:normal;
	width:13em;
		}
#lnav li{
	border-bottom:1px solid #ffffff;
	}
#lnav li.first{
	border-top:1px solid #ffffff;
	}
#lnav li a:link, #lnav li a:visited{
	display:block; 
	padding:0.4em 6px 0.4em 0.6em; 
	border-left:12px solid #ae724d; 
	background:#9e5543;
	color:#ffffff; 
	text-decoration:none;
	}
#lnav li a:hover{
	background:#f4821f;
	border-left-color:#d78c31; 
		}
/* -- // SUB LEFT NAV // --*/
#lnav ul ul{font-size:1em; margin-left:10px; width:12.2em; border-top:solid 1px #ffffff;}
* html #lnav ul ul{ margin-left:10px; width:11.8em; }
#lnav ul ul a:link, #lnav ul ul a:visited{border-left:12px solid #c2957a; }
#lnav ul ul a:hover{border-left:12px solid #d78c31;} 
#lnav li a.here:link, #lnav li a.here:visited{background-color:#d46c1e;}
/* -- // END LEFT NAV // -- */
/* -- // FOOTER // -- */
#footer{
	width:100%; 
	border-top:solid 1px #ae724d; 
	font-size:11px; 
	color:#ffffff;
	background-color:#9e5543;
	padding:5px 0 5px 0;
	}
#footer p{padding:0; margin:0}
#footer p{margin-left:10px;}
#footer ul{ 
	list-style:none; 
	margin:0; 
	padding:0; 
	text-align:right;
	color:#ffffff;
		}
#footer li {display:inline; margin-right:10px;}
#footer ul a:link, #footer ul a:visited {padding: 0.4em 0.4em 0.4em 0.4em; color:#ffffff;}
#footer ul a:hover{text-decoration:underline;}
/* -- // END FOOTER // -- */
/* ALL TABLES FORMATING -- need change colours to orange */
.gist{
	border:solid 2px #5c564e; 
	border-collapse:collapse; 
	font-family:Arial, Helvetica, sans-serif; 
	color:#5c564e;
	width:500px;
	font-size:12px;
		}
.gist caption{
	background-color:#f4821f; 
	color:#FFFFFF; 
	text-align:left; 
	font-weight:bold; 
	padding:3px 1px 3px 5px;
	border: solid 1px #5c564e;
			}
.gist th{
	border: solid 2px #5c564e;
	color:#5c564e;
	font-weight:bold;
	text-align:left;
	padding:3px 4px 3px 4px;
	 }
.gist td{
	border: solid 2px #5c564e; 
	padding:3px 4px 3px 4px;
	line-height:30px;
	}
	/*GIST table 2*/
	.gist2{
	border:solid 2px #5c564e; 
	border-collapse:collapse; 
	font-family:Arial, Helvetica, sans-serif; 
	color:#5c564e;
	width:500px;
	font-size:12px;
		}
.gist2 caption{
	background-color:#f4821f; 
	color:#FFFFFF; 
	text-align:left; 
	font-weight:bold; 
	padding:3px 1px 3px 5px;
	border: solid 1px #5c564e;
			}
.gist2 th{
	border: solid 2px #5c564e;
	color:#5c564e;
	font-weight:bold;
	text-align:left;
	padding:3px 4px 3px 4px;
	
	 }
.gist2 td{
	border: solid 2px #5c564e; 
	padding:3px 4px 3px 4px;
	top:0;
	}
.gist ul{padding:0; margin:0; margin-left:17px;}
/*end all tables formating*/
/*-- home page styles -- */
h1.wel{font-size:1.1em}
#all-box{
	position:relative; 
	width:100%; 
	height:100%; 
	margin-top:10px;
	}
#all-box div.boxl{
	padding:0 0 10px 0; 
	border:#815539 solid 2px; 
	margin:10px 15px 10px 0; 
	width:230px; 
	height:160px; 
	float:left;
	}
#all-box div.boxr{
	padding:0 0 10px 0; 
	border:#815539 solid 2px; 
	margin:10px 10px 10px 0; 
	width:230px; 
	height:160px; 
	float:left;
	}
.clear{clear:both}
#all-box div h4{
	margin:0 0 5px 0; 
	text-align:center; 
	background-color:#9e5543; 
	padding:5px; 
	border-bottom:orange solid 3px;
	}
#all-box div ul li{color:#9e5543;}
#all-box div h4 a{color:white;}
/*-- End home page styles -- */
/*LIGHTBOX EFFECT */
#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(http://www.epgonline.org/images/gist/graphics/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.epgonline.org/images/gist/graphics/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; }