/* CSS Document */
html, #page-left, #left-bg-img, #header, #header img, #search p, #search form, #search form input {padding:0; margin:0;}
body{
	margin:0; 
	padding:0; 
	background-color:#eae8c2; 
	/*color:#16315b;*/
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%;
	}
img{border:none;}
h1{font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:1.8em; margin:0; text-align:left; color:#16315b;}
h2{font-size:1.5em; margin-top:5px; color:#4f91cd;}
h3{font-size:1.1em;}
h4{font-size:1.em; font-weight:bold;}
small{font-size:0.8em; color:#999999; border-top:#999999 solid 1px; display:block;}
	
#all{ /* --  ALL --*/
	position:relative;
	background-color:#eae8c2;
	min-height:800px;
	min-width:940px;
	max-width:960px;
	margin:0 auto;
	}
#page{ /*--PAGE WIDTH SPAN AND CENTER --*/
	min-height:800px;
	position:relative;
	background-color:#ffffff;
	min-width:795px;
	max-width:960px;
	/*max-width:95em;*/
	margin:0 auto;
	padding:0;
	text-align:left;
			}
* html #page{width:960px;}
/*#page-left{ /* LEFT ALIGN CONTENT AND RIGHT BACKGROUND IMAGE 
	position:relative;
	background:#ffffff url(http://www.epgonline.org/images/tobi/graphics/shadow-r.gif) repeat-y right;
	text-align:left;
	width:100%;
	min-height:800px;
	height:100%;
	float:left;
	padding-right:21px;	
	}*/
/* #left-bg-img{ --  LEFT BACKGROUND IMAGE --
	min-height:800px;
	position:relative;
	text-align:left;
	width:21px; 	
	background:url(http://www.epgonline.org/images/tobi/graphics/shadow-l.gif) repeat-y left;
	float:left;
	margin-left:-21px;
		}
* html #left-bg-img{
	width:39px; 

}*/
#header {
	position:relative; 
	height:112px; 
	background:url(/images/tobi/graphics/nav-bot-bk.gif) repeat-x bottom left #16315b; 
	width:auto;
	margin-bottom: 1em;
	font-size:1.3em;
	font-weight:normal;
	padding-top:10px; 
	padding-left:10px;
}

#search{text-align:right; float:right; color:#33CC00; padding-right:10px; display:inline}
#search form{display:inline;}
#header ul {
	margin:0;
	padding:0;
	list-style: none;
	width:100%;
	bottom:0;
	position:absolute;
	left:10px;
	bottom:33px;
}
#header ul li {
	float: left;
	background:#336194 url(/images/tobi/graphics/button-02-l.gif) no-repeat;
	margin: 0 5px 0 0;
	padding: 0 0 0 8px;
	}
#header ul li.amhere{
	background:url(/images/tobi/graphics/button-01-l.gif) no-repeat; 
	height:1.8em; 
	background-color:#4f91cd;
	}
#header ul li span{
	background:url(/images/tobi/graphics/button-02-r.gif) no-repeat right top; 
	height:1.8em; 
	display:block;
	 }
#header ul li.amhere span{background:url(/images/tobi/graphics/button-01-r.gif) no-repeat right top; height:1.8em; display:block;}
#header ul li a {
	float: left;
	display: block;
	/*background:url(/images/tobi/graphics/button-02-r.gif) no-repeat right top;*/
	padding: 0.2em 10px 0.2em 0;
	text-decoration: none;
	color: #ffffff;
	font-weight:bold;
	background-color:transparent;
}
#header ul li.amhere a{
	/*background:url(/images/tobi/graphics/button-01-r.gif) no-repeat right top; height:1.3em;*/
	}
#header ul li a:hover{
	color:#f8e9b9; 
	}	
#header ul li.amhere a:hover{color:#ffffff;}

#main{
	font-size:1.3em; 
	margin:0 40px 40px 18.7em;
	padding-bottom:40px;
	/*border:solid 1px purple;*/ 
 	text-align:justify;
		}
/*table{
	border:solid 2px #000000; 
	border-collapse:collapse; 
	font-size:10pt; 
	page-break-before: auto;
	page-break-inside: avoid;
	text-align:left;
		}
table caption{
	text-align:left; 
	font-weight:bold; 
	padding:3px 1px 3px 5px;
	
			}
table th{
	border: solid 1px #000000;
	border-bottom-width:2px;
	
		 }
table td{
	border: solid 1px #000000; 
	padding:3px 3px 3px 3px;
	}*/
table.pop{
	border-collapse:collapse; 
	width:auto;
	font-size:1em;
	background-color:#e1effc;
	margin-bottom:10px;
			}
table.pop caption{
	text-align:left; 
	font-weight:bold; 
	padding:5px 10px 5px 10px;
	border-bottom:#ffffff solid 2px ; 
				}
table.pop th{
	border:#ffffff solid 2px;
	/*background-color:#16315B;*/
	background-color:#4f91cd;
	padding:5px 10px 5px 10px;
	color:#FFFFFF;
		 }
table.pop td{
	border:#ffffff solid 2px ; 
	padding:5px 10px 5px 10px;
		}
table.pop th.c10{background-color:#4f91cd;}
* html #main{margin-left:260px;}
#main a{color:#4f91cd;}
#all-box{
	position:relative; 
	width:500px; 
	/*height:99%; */
	/*margin:10px auto;*/
	/*Overflow: auto;*/
	/*border:pink solid 1px;*/
	}
#all-box div.boxl{
	padding:0 0 10px 0; 
	border:#336194 solid 2px; 
	border-top:#4f91cd solid 2px;
	margin:10px 15px 10px 0; 
	width:230px; 
	height:170px; 
	float:left;
	background-color:#f2f2f2;
	}
#all-box div.boxr{
	padding:0 0 10px 0; 
	border:#336194 solid 2px; 
	border-top:#4f91cd solid 2px;
	margin:10px 10px 10px 0; 
	width:230px; 
	height:170px; 
	float:left;
	background-color:#f2f2f2;
	}
.clear{clear:both}
#all-box div h4{
	margin:0 0 0 0; 
	text-align:center; 
	background-color:#16315b; 
	padding:5px; 
	border-bottom:#4f91cd solid 4px;
	font-size:13px;
	color:#ffffff;
	margin-bottom:15px;
	}
#all-box div ul{margin-left:0; padding-left:25px; margin-right:5px; list-style-type: square;}
#all-box div ul li{color:#4f91cd; padding-left:0; margin-left:0; list-style-position:outside; text-align:left; margin-bottom:5px}
#all-box div ul li a{color:#336194;}
#all-box div ul li a:hover{color:#4f91cd;}
/*-- End home page styles -- */

/* ---  ALL LEFT NAV --- */		
#left-nav-0{
	background:url(/images/tobi/graphics/l-nav-bk-r.gif) repeat-y right;
	width:16em;
}
* html #left-nav-0{width:14.5em}
#left-nav{
	font-size:1.3em; 
	float:left; 
	margin:20px 0 0 10px;
	/*width:15em;*/
	/*width:190px;*/
	background:url(/images/tobi/graphics/l-nav-bk-l.gif) repeat-y;
	text-align:left;
	}

#left-nav ul{
	margin:0; 
	padding:0; 
	margin-left:7px;
	list-style:none;
	border-top:solid 6px #4f91cd;
	border-bottom:solid 6px #4f91cd;
	/*width:167px;*/
	width:15em;
	margin-right:10px;
	 }
#left-nav li{
		/*padding:3px 3px 3px 3px;*/ 
		border-bottom:solid 1px #ededed; 
		margin:0;
		background:url(/images/tobi/graphics/bull.gif) no-repeat 3% 45%; 
		width:14.9em;
		
		/*display:block;*/
		}
* html #left-nav li{width:13.9em;}
#left-nav li.first{
	border:solid 1px #ededed; 
	padding:0; 
	margin:5px 5px 5px 5px; 
	text-align:center; 
	background:url(/images/tobi/graphics/tit-bak.gif) repeat-x top left;
	width:14em;
	}	
/* html #left-nav li.first{width:14.5em;} */
#left-nav h3{
	color:#4f91cd; 
	font-size:1em; 
	margin:0; 
	padding:13px 0 13px 0; 
	width:100%; 
	}
#left-nav li a.here:link, #left-nav li a.here:visited{
	background:#fefbf1 url(/images/tobi/graphics/bull.gif) no-repeat 3% 45%; 
	color:#0066CC;
	}
#left-nav li a:link, #left-nav li a:visited{
	display:block; 
	padding:0.3em 0.3em 0.3em 1.3em;  
	color:#16315b; 
	text-decoration:none; 
	border-top:solid 1px #ffffff; 
	border-bottom:solid 1px #ffffff;
	}
#left-nav li a:hover{
	color:#0066CC; 
	background:url(/images/tobi/graphics/bull.gif) no-repeat 3% 45% #ededed; 
	border-top:solid 1px #ffffff; 
	border-bottom:solid 1px #ffffff;
	 }
	 
/* sub */
#left-nav ul ul{
	margin:0; 
	padding:0; 
	margin-left:0px;
	list-style:none;
	border-top:none;
	border-bottom:none;
	/*width:152px;*/
	/*width:160px;*/
	margin-right:10px;
	padding-left:15px;
	 }
#left-nav ul ul li{	 
	 border-top:solid 1px #ededed; 
	 border-bottom:none; 
	 background-color:#ffffff;
	 background-image:none;
	 width:13.8em;
	 }
* html #left-nav ul ul li{width:12em;}
	 	 /* -- // 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 // -- */
	#left-nav li.sub{
		margin:0;
		/*background:url(http://www.epgonline.org/images/tobi/graphics/bull.gif) no-repeat 3% 10% ;
		color:#0066CC;*/
		background-image:none;
		
		}
#left-nav li.sub a{  }
#left-nav ul ul li a{background:url(/images/tobi/graphics/bull.gif) no-repeat 3% 45%; }
* html #left-nav li a {width: 100%} /*So that the whole area is clicable in ie6 and earlier*/	

#footer{
	position:absolute; 
	display:block; 
	height:25px; 
	width:100%;
	bottom:0; 	
	left:0;
	text-align:left;
	background:url(/images/tobi/graphics/footer-bk-l.gif) no-repeat left top #4f91cd;
		
	}
#footer-0{
	background:url(/images/tobi/graphics/footer-bk-r.gif) no-repeat right top; 
	color:#FFFFFF;
	/*width:100%;*/
		}
#footer-0 p{	
	padding:3px 10px 0 10px; 
	margin:0; 
	font-size:1em;
	color:#FFFFFF;
	}
#footer a{color:#FFFFFF;}
/*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; }

/*glossaary styles*/
ul.glossary{
	list-style-type:none;
	margin:0 0 0 0px;
	padding:0;
	
	
	}
ul.glossary li{/* border-bottom:solid 2px #cccccc;*/ margin-bottom:20px;}
span.letter{background-color:#4f91cd; color:#FFFFFF; display:block; font-size:1.5em; font-weight:bold; padding-left:10px}
ul.glossary ul{
	
	margin:10px 10px 0 10px;
	padding:0 0 0 10px;
	}
ul.glossary ul li{margin-bottom:10px; border:none; border-bottom:solid 1px #cccccc; padding-bottom:5px}
ul.glossary ul li strong{color:#16315b;}