body{
	margin:0; 
	padding:0; 
	font-family:gill sans, Tahoma, Arial, Helvetica, sans-serif; 
	font-size:62.5%; 
	color:#444444;
	background:#fcfeff url(/images/insomnia/graphics/all-bg.jpg) repeat-x;
	}
#wrapper{ 
	max-width:980px; 
	min-width:800px;
	margin:0 auto; 
	background-color:#ffffff;
	min-height:650px;
	border:#cccccc solid 1px;
	}
* html #wrapper{width:850px; height:610px}
/* HEADER STYLES*/
#header1{
	background:url(/images/insomnia/graphics/header-01-ext.jpg) repeat-x; 
	width:100%; 
	height:70px;
	min-width:780px;
	}
#header1 h1{
	text-indent:-9999px; 
	overflow:hidden;
	margin:0;
	padding:0;
	}
#header1 #pic{
	background:url(/images/insomnia/graphics/header-01-pic.jpg) no-repeat; 
	height:126px; 
	width:100px; 
	position:absolute; 
	margin-left:10px;
	z-index:30;
	}
#header1 #graph{ 
	background:url(/images/insomnia/graphics/header-01.jpg) no-repeat; 
	height:70px; 
	width:770px; 
	position:absolute;
	}
#header1 #form{
	float:right; 
	z-index:20; 
	position:relative; 
	margin:6px 8px 0 0;
	}
#header1 #form form{text-align:right; margin-bottom:7px;}
#header1 #form a, #header1 #form span{color:#4b226d;}
/*END HEADER STYLES*/
/*TOP NAV STYLES */
#topnav{
	margin:-4px 0 0 150px; 
	position:absolute; 
	height:40px;
	 }
#topnav ul{
	list-style:none; 
	margin:0; 
	padding:0; 
	min-width:640px
	}
#topnav ul li{
	float:left; 
	margin-right:25px; 
	height:37px;
	font-size:1.2em; 
	margin-bottom:0; 
	padding:0; 
	background:url(/images/insomnia/graphics/tnav-bgr.jpg) no-repeat right top;
	}	
#topnav ul li a{
	display:block; 
	height:29px; 
	padding:6px 4px 0 6px;
	margin:0 10px 0 0; 
	color:#4b226d;
	font-weight:bold;
	text-decoration:none; 
	outline:none;
	text-align:center;
	float:left;
	background:url(/images/insomnia/graphics/tnav-bgall-2.jpg) no-repeat left top;
		}
* html #topnav ul li a{height:29px; padding:6px 4px 0 6px; margin:0 6px 0 0; background:none; background-color:#F2F2F2; border-left:#efefef solid 1px; border-bottom:#efefef solid 1px;}
#topnav ul li.amhere a{border-bottom:solid 3px purple;}
#topnav ul li a:hover{border-bottom:solid 3px purple;}
/*END TOP NAV*/
/*BODY STYLES*/
#mbody{
	display:block;
	position:relative;
	font-size:1.2em; 
	font-family:Arial, Helvetica, sans-serif;	
	margin:66px 45px 30px 18.8em;
	min-height:550px;
	}
* html #mbody{height:550px;}
/*Need For All Sites */
#mbody h1{
	margin:0; 
	padding:0; 
	border-bottom:solid 1px #cccccc;
	font-size:1.8em;
	padding-bottom:3px;
	font-family:gill sans, Tahoma, Arial, Helvetica, sans-serif; 
	color:#4b226d;
		}
#mbody h2{
	font-size:1.5em;
	padding:0 0 10px 0;
	margin:5px 0 7px 0;
	font-family:gill sans, Tahoma, Arial, Helvetica, sans-serif; 
	color:#4b226d;
		}
#mbody h3{
	font-size:1.2em;
	margin:0;
	padding:0;
	color:#4b226d;
}
#mbody p{
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
	color:#333333;
	}
.callout{
	background-color:#FFFFE8; 
	/*border:#FF9966 dotted 1px; */
	padding:10px 5px 5px 10px; 
	margin-bottom:5px;
	margin-top:5px;
	display:block;
	}
.callout .callout-head{display:block; margin-left:-5px; margin-top:0px; margin-bottom:7px; color:#FF9966; font-weight:bold;}
img.down{padding:5px}
div.callout span.head{font-size:1.2em; font-weight:bold}
#mbody hr{height:2px; color:#CCCCCC; background-color:#CCCCCC; border:none; clear:right;}


.callout ul{margin:0 0 0 10px; padding:0 0 0 10px;}
.callout ul li{font-size:1.1em;}
#mbody a:link, #mbody a:visited{color:#285699}
#mbody a:hover, #mbody a:active{text-decoration:underline; color:#285699}
#mbody p.smaller{font-size:0.9em}
#mbody p.highlight{background-color:#eeffee;}
#mbody strong{font-weight:bold;}
#mbody small{
	display:block; 
	background-color:#eeeeee; 
	border-top:#CCCCCC solid 1px; 
	color:#333333; 
	font-size:0.9em;
	padding:5px 10px 5px 10px;
	
	}
* html #mbody small{height:1px;}
.smaller{font-size:0.9em;}
#mbody div.tinsom table{
	caption-side: inherit;
	border-top: 4px solid #f09121; 
	border-bottom: 4px solid #f09121; 
	border-collapse:collapse;
	}
#mbody div.tinsom td, th{ 
	padding:5px;
	}
#mbody div.tinsom th{border-right:1px solid #333333; border-bottom:1px solid #333333;
}
#mbody div.tinsom td{border-bottom:1px solid #333333;
}
#mbody div.tinsom caption{font-weight:bold; text-align:left; padding-bottom:5px;}
#mbody img{border:none;}
#mbody div.tinsom table.t2 th{border-right:none;}
#mbody div.tinsom table.t2 th.rborder, .rborder, .rborderb{border-right:1px solid #333333;}
#mbody div.tinsom .rborderb{font-weight:bold;}
#mbody div.tinsom table.t3 td{border-right:1px solid #333333; border-bottom:none}
#mbody div.tinsom table.t3 td.noborder, #mbody div.tinsom table.t3 th.noborder{border-right:none;}
/*Needed for all sites*/
/*END BODY STYLES*/
/*LEFT NAV STYLES*/
#lnav{
	position:absolute; 
	font-size:1.2em; 
	margin-top:94px;
	width:16em;
	}
#lnav ul{
	margin:0; 
	padding:0; 
	list-style:none;
	}
* html #lnav ul{width:13em;}
#lnav ul li{
	margin:0;
	padding:0;
	margin-bottom:10px; 
		}
* html #lnav ul li{margin-bottom:10px; width:13em; background: #e2f2f9 url(/images/insomnia/graphics/lnav-3.gif) repeat-y left;}
#lnav ul li.title strong{
	background:url(/images/insomnia/graphics/lnav-1.gif) repeat;
	color:#ffffff; 
	padding:4px 10px 4px 30px;
	font-weight:bold;
	display:block;
	}
* html #lnav ul li.title strong{width:12.5em;}

#lnav ul li a{
	display:block; 
	padding:4px 5px 4px 30px;  
	text-decoration:none;
	color:#1d4c78;
	background: #e2f2f9 url(/images/insomnia/graphics/lnav-3.gif) repeat-y left;
	}
* html #lnav ul li a{background:none;}
#lnav ul li a:hover{
	background-color:#7bccee;
	background-image:none;
	}
* html #lnav ul li a{width:100%}

#lnav ul li a.here{
	background:url(/images/insomnia/graphics/lnav-2.gif) repeat;
	color:#FFFFFF;
	}
* html #lnav ul li.here{
	background:url(/images/insomnia/graphics/lnav-2.gif) repeat;
	color:#FFFFFF;
	}
* html #lnav ul li a.here{
	background:none;
	}
#lnav ul li a.here:hover{
	background:url(/images/insomnia/graphics/lnav-2.gif) repeat;
	color:#FFFFFF;
	}
/*SUB NAV STYLES*/
#lnav ul ul li{margin-bottom:5px; width:12.15em; }
* html #lnav ul ul li{background: #e2f2f9 url(/images/insomnia/graphics/lnav-6.gif) repeat-y left;}

#lnav ul ul li a{
	padding-left:40px;
	background: #e2f2f9 url(/images/insomnia/graphics/lnav-5.gif) repeat-y left;
	width:100%;
}
* html #lnav ul ul li a{
	background:none;
}
#lnav ul ul li a:hover{
	background: #e2f2f9 url(/images/insomnia/graphics/lnav-6.gif) repeat-y left;
	}
* html #lnav ul ul li a:hover{
background:none;
	background-color: #e2f2f9;
	}
#lnav ul ul li a.here{
	background:url(/images/insomnia/graphics/lnav-5.gif) repeat-y left;
	color:#FFFFFF;
	}
* html #lnav ul ul li a.here{
background:none;
	}
* html #lnav ul ul li.here{
	background:url(/images/insomnia/graphics/lnav-5.gif) repeat-y left;
	color:#FFFFFF;
	}
#lnav ul ul li a.here:hover{
	background:url(/images/insomnia/graphics/lnav-5.gif) repeat-y left;
	color:#FFFFFF;
	}
	
/* NEWS */

#lnav .news-head{
	background:#fcfcfc;
	border-top:#cccccc solid 1px;
	border-bottom:purple solid 1px;
	border-right:#cccccc solid 1px;
	margin-top: 10px;
	padding:5px 5px 5px 5px;
	font-weight:bold;
	display:block;
	}

#lnav .news-body{
	border-right:1px #cccccc solid;
	border-bottom:1px purple solid;
	color:#000; 
	padding:1px 3px 1px 5px;
	margin-bottom:3px;
	font-weight:normal;
	font-size:0.9em;
	display:block;
	}
	
#lnav .news-left{
	color:#000; 
	font-weight:normal;
	font-size:0.9em;
	margin-top:-3x;
	padding:2px;
	}

.news_published
	{
	padding-right:3px;
	color:#666666;
	padding-bottom:4px;
	font-size:0.8em;
	}
	
.news-list {
	margin-bottom:10px;
	background-image:none;
	background-color:#FFFFFF;
	width:93%;
	margin-left:1px;
	list-style:disc;
	}

	/*END LEFT NAV STYLES*/
	
	
	
	/*FOOTER STYLES*/
#footer{
	background:url(/images/insomnia/graphics/footer-2.gif) repeat-x;
	height:20px; 
	width:100%; 
	color:#ffffff;
	}
#footer p{
	padding:3px 10px 0 10px; 
	margin:0;
		}
#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; }

/* Q LIGHT BOX */

/* html, body{
	margin:0; 
	padding:0;
	height:100%;
	
	}
*/

#q_bg
	{
	 width:100%;
	 display:block;
	 min-height:100%;
	 height:auto;
	 overflow:hidden;
	 position:absolute;
	 top:0;
	 left:0;
	 z-index:3000;
	 background-color:#000000;
	 -moz-opacity: 0.85;
	 opacity:.85;
	 filter: alpha(opacity=85);
	 overflow:hidden;
	}
	
* html div#q_bg { /* for IE5-6 */
height: 100%;
display:block;
}

#q_box
	{
	position: absolute;
	top: 50px;
	width: 600px;
	left:25%;
	height:600px;
	padding: 1em;
	border: 3px solid #3a6abf;
	background-color: white;
	text-align: left;
	z-index:5002;
	overflow: auto;
	}
#q_box2
	{
	position: absolute;
	top: 50px;
	width: 600px;
	left:25%;
	height:340px;
	padding: 1em;
	border: 3px solid #3a6abf;
	background-color: white;
	text-align: left;
	z-index:5002;
	overflow: auto;
	}

.q_h1
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	font-weight:bold;
	width:400px;
	padding:0px;
	clear:both;
	margin-top:-4px;
	}

.q_head
	{
	background-color:#3a6abf;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	font-weight:bold;
	width:576px;
	padding:4px;
	clear:left;
	margin-top:-4px;
	}

.q-white-sub
	{
	background-color:#FFFFFF;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	width:576px;
	min-height:50px;
	border: 1px solid #3a6abf;
	top:-2px;
	padding:3px;
	margin:0;
	}

a:link {color: #3a6abf; font-weight:normal; font-family:Arial, Helvetica, sans-serif; font-size:12px;}     /* unvisited link */
a:visited {color: #3a6abf; font-weight:normal; font-family:Arial, Helvetica, sans-serif; font-size:12px;}  /* visited link */
a:hover {color: #3a6abf; font-weight:normal; font-family:Arial, Helvetica, sans-serif; font-size:12px;}   /* mouse over link */
a:active {color: #3a6abf; font-weight:normal; font-family:Arial, Helvetica, sans-serif; font-size:12px;}   /* selected link */

p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}