@charset "utf-8";

body {margin:0 auto; text-align:center; background: #000 url(../images/bg-gray.png) repeat-x 100% top; font:14px "Lucida Sans Unicode", sans-serif; color:#BDDCE9;}
#container {width:960px; margin:0 auto; text-align:center;}
p {text-align:justify; font:14px "Lucida Sans Unicode", sans-serif; line-height:150%;}

img {
padding: 0px 0px 0px 0px;
border: none;
}

img, div, #title_1, #title_2, #title_3, #title_4, #sub_title_0, #sub_title_1, #sub_title_2, #sub_title_3, #sub_title_4, #sub_title_5, #sub_title_6, #sub_title_7 { behavior: url(/iepngfix.htc) } /* this fixes png problem in ie55. & 6 */

a {color:#fff;}
a:hover {color:#009eff;}

a.lightbox-caption {color:#6A635E;}
a.lightbox-caption:hover {color:#FF0080;}

a.thumb {display:block; padding:5px; background-color:#C6D0E3; border:solid 1px #fff; color:#000;}
a.thumb:hover {background-color:#009eff; border:solid 1px #009eff;}

a.cover {display:block; padding:14px; background-color:#eee; border:solid 1px #fff;}
a.cover:hover {display:block; padding:14px; background-color:#009eff; border:solid 1px #fff;}

.item_list {width:760px; margin:0 auto; padding:20px 0 40px 0; clear:both;}
ul, li {margin:0; padding:0;}
li.thumb {float:left; list-style:none; padding:10px;}

#title_1 {height:40px; background: url(../images/title-cover.png) no-repeat 0 0px;}
#title_2 {height:40px; background: url(../images/chapters.png) no-repeat 0 0px;}
#title_3 {height:40px; background: url(../images/chapters.png) no-repeat 0 -240px;}
#title_4 {height:40px; background: url(../images/chapters.png) no-repeat 0 -360px;}

#sub_title_0 {height:308px;}
#sub_title_1 {height:40px; background: url(../images/chapters.png) no-repeat 0 -40px;}
#sub_title_2 {height:40px; background: url(../images/chapters.png) no-repeat 0 -80px;}
#sub_title_3 {height:40px; background: url(../images/chapters.png) no-repeat 0 -120px;}
#sub_title_4 {height:40px; background: url(../images/chapters.png) no-repeat 0 -160px;}
#sub_title_5 {height:40px; background: url(../images/chapters.png) no-repeat 0 -200px;}
#sub_title_6 {height:40px; background: url(../images/chapters.png) no-repeat 0 -280px;}
#sub_title_7 {height:40px; background: url(../images/chapters.png) no-repeat 0 -320px;}

#sub_list_0 {margin-top:20px; text-align:justify;}
#sub_list_0 ol {margin-left:50px; padding:0;}
#sub_list_0 ol li {margin-top:5px; padding:0;}

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */


/* Accordion ************************/
#acc {width:960px; list-style:none; }
#acc h3 {width:960px; cursor:pointer; margin:0 0 5px 0; padding:0;}
#acc .acc-section {overflow:hidden;}
#acc .acc-content {width:960px;}

#nested0 {width:960px; list-style:none; padding:0px 0 30px 0;}
#nested1, #nested2 {width:960px; list-style:none; padding:20px 0 30px 0;}
#nested0 h3, #nested1 h3, #nested2 h3 {width:960px; font-weight:bold; cursor:pointer; margin:0; padding:0;}
#nested0 .acc-section, #nested1 .acc-section, #nested2 .acc-section {overflow:hidden;}
#nested0 .acc-content, #nested1 .acc-content, #nested2 .acc-content {width:960px;}
/* Accordion ************************/

h4 {font:16px arial; color:#009eff;}

/* form ***********/
input, textarea {border:solid 2px #BAD4DE; background:#9AB5C0;}

.footer {margin:50px 0 10px 0; font:12px arial;}

/* Lightbox **************************/

#lightbox{
position: absolute;
top: 40px;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
}

#lightbox a img{ 
padding:0px;
}

#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: transparent url(../images/blank.png) no-repeat; /* 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/lightbox/prevlabel.gif) left 50% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { background: url(../images/lightbox/nextlabel.gif) right 50% no-repeat; }

#imageDataContainer{
font: 10px Verdana, Tahoma, sans-serif;
color: #6a635e;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
}

#imageData{
padding:0 10px;
}

#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	

#imageData #caption{ font-weight: bold;	}

#imageData #numberDisplay{ display: block; clear: left; padding-top: 3px;	}			

#imageData #bottomNavClose{ width: 70px; float: right;  padding: 5px 5px 15px 5px;}
	

a #bottomNavClose, a:hover #bottomNavClose {
background-color:#fff;}

#overlay {
position:fixed;
top : 0;
left : 0;
z-index : 90;
width : 100%;
height : 500px;
background-color : #000;
}


.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

* html>body .clearfix {
display: inline-block; 
width: 100%;
}

* html .clearfix {


/* Hides from IE-mac \*/

height: 1%;

/* End hide from IE-mac */

}
div#divl_loading{
	z-index:99;
	position:absolute;
	background-color:#000;
	width:100%;
	height:768px;
}
div#divl_textLoading{
	z-index:100;
	position:absolute;
	background:url(../images/load.png) no-repeat;
	color:#333;
	font-size:10px;
	font-family:Verdana, Helvetica, sans-serif;
	width:125px;
	height:50px;
	margin:325px 0 0 650px;
}