/* CSS Document */

body{
	background-color: #fff99d;
	text-align: center;
	margin:0;
	font-family: Calibri, Arial, Helvetica, sans-serif;
}

#container{
	position:relative;
	width:744px;
	height: 775px;
	text-align: left;
}

#header {
	position: relative;
	background: url(images/header.jpg) no-repeat #ffffff;
	height: 205px;
	width: 792px;
	margin-top: 0;
}

#header table {
	margin-left: 53px;
	padding-top: 160px;
	
	
}

#nav{
	width: 42px;
	height: 590px;
	background-image: url(images/nav_background.jpg);
	background-repeat: repeat-y;
}

#left{
	position: absolute;
	background-color: #fff99d;
	background-image: url(images/left.jpg);
	background-repeat: repeat-y;
	width:705px;
	left: 42px;
	height: 590px;
	top:205px;
	padding-left: 13px;
	padding-right: 25px;
}



#footer{
	position:absolute;
	background-image: url(images/footer.jpg);
	background-repeat: no-repeat;
	height: 31px;
	width: 792px;
	margin-left:0;
	z-index: 0;
}

#footer p{margin-left: 50px}

/* copy formating*/


#right h1{
color:#ffffff;
}

#right a{
	color: #FF9933;
	padding: 5px;
}
#right a:hover{
	color: #999999;
	padding: 5px;
}
#left h1{
	color:#ff9933;
	margin-right: 20px;
	font-size: 20px;
	font-weight: bold;
}


/*content*/
#color{
background: #ffffcc;
margin-right: 25px;
}


img.product{
	padding: 3px;
	border: solid 1px #ff9933;
	margin: 1px;
	vertical-align: top;
}

img.product1{
padding: 3px;
border: solid 1px #ff9933;
margin: 2px;
margin-left: 25px;
}

p{
margin-right:25px;
font-family: Calibri, Arial, Helvetica, sans-serif;
}

 a{
	color: #FF9933;
}
 a:hover{
	color: #999999;
}

h2{
color:#ff9933;
	padding: 5px;
	font-size: 16px;
	font-weight: bold;
	width: 550px;
}
h2.style1{
color:#000099;
}

.black{color: #000000;}

h1.title{
	text-decoration: underline;
}

ul{
	margin-left: 5px;
}
li{
	margin-left: 0px;
	list-style type: none;
}

.subscript{
	font-style: oblique;
	font-weight: bold;
	color:#ff9933;
	margin-top: -20px;
}

.subscript1{
	font-style: oblique;
	font-weight: bold;
	color:#ff9933;
	}
	
.subscript2{
	font-style: italic;
	color:#000000;
	margin-top: -20px;
	font-size: 12px;
	}
	
.subscript3{
	font-style: italic;
	color:#000000;
	font-size: 12px;
	}
.terri{
	border: solid #FF9933 1px;
	float:right;
	margin:30px;
}

.cathy{
border: solid #FF9933 1px;
	float:right;
	margin:30px;
	}

.Kathleen{
border: solid #FF9933 1px;
	float:right;
	margin:30px;
}

.kim{
	border: solid #FF9933 1px;
	float:right;
	margin:30px;
}

.image{
	float: right;
	margin:0px 0px 0px 0px;
	}

.toc{
	padding: 15px;
	font-size: 10px;

}

.lesson{
padding: 15px;
font-size: 10px;
}

.schedule{
	font-weight: normal;
}

ul.schedule{
	font-weight: bold;
	font-style: italic;
}

ul.schedule li{
	font-weight: normal;
	font-style: normal;
	width: 530px;
	list-style-position: outside;
	list-style-type: circle;
}

.team{
	font-weight: normal;}

ul.team{
	font-weight: bold;
	font-style: italic;
	margin: 20px;
}

ul.team li{
	font-weight: normal;
	font-style: normal;
	margin-right: 5px;
	list-style-position: outside;
	list-style-type: circle;
}


.arachnid{
	width: 90px;
	text-align: center;
	vertical-align: top;
}
.earth{
	width: 90px;
	text-align: center;
	vertical-align: top;
}
.bold{ font-weight: 700;}

.ebooklist{
	font-weight: normal;
	}
	
ul.ebooklist{
	font-weight: bold;
	font-style: italic;
	margin-left: 0px;
}
	
ul.ebooklist li{
    margin-bottom: 5px;
	margin-left: 20px;
    font-weight: normal;
	font-style: normal;
	width: 450px;
	list-style-position: outside;
	list-style-type: circle;
}

ul.ebooklist li span{
	color:#000099;
	text-decoration: underline;	
}

#pagebackground{
display: block;
background:url(images/pagebkgrnd.gif) top no-repeat;
hieght: 350px;
width: 700px;
}

.right{
float: right;
clear:left;
}
.left{
float:left;
clear: right;
}
/*sidebar*/

.sidebar{
width: 125px;
height: 160px;
text-align: center;
background-color:#FFFFCC;
border:#000000; 
border-style:solid;
border-width:thin;
color:#0033CC;
float:right;
clear: right;
margin:5px;
}
.sidebar2
{
width: 115px;
height: 75px;
text-align: center;
background-color:#FFFFCC;
border:#000000; 
border-style:solid;
border-width:thin;
color:#0033CC;
float:right;
clear: right;
margin:10px;
padding: 5px;
}
.sidebar3
{
width: 115px;
height: 140px;
text-align: center;
background-color:#FFFFCC;
border:#000000; 
border-style:solid;
border-width:thin;
color:#0033CC;
float:right;
clear: right;
margin:10px;
padding: 5px;
}
#sidebar{
width: 12pxs;

}


/*ebooks purchase buttons*/

#history{
max-width:650px;
margin: 0px;
}

ul.history  li{
display: block;
width: 150px;
height: 250px;
float: left;
clear: right;
text-align:center;
margin:0;
padding:0;
}

ul.realsci{
clear:left;
}

ul.realsci ul li{
display: block;
width: 150px;
height: 250px;
float: left;
clear: right;
text-align:center;
}

.download{
clear: left;
}

h2.download{
	font-size: 20px;
}	

p.available span{
font-size: 24px;
color:#0033CC;
}

p.indent{
margin-left: 55px;
}

p.important{
background-color:#FFFFCC;
border:#000000; 
border-style:solid;
border-width:thin;
padding: 5px 5px 5px 5px;
width: 695px;
}

ul.realsci ul li em, ul.history ul li em, ul.history1 ul li em{
font-weight:bold;
}

.realsci span, .history span{
color:#0000CC;
font-weight:bold;
font-size:18px;
}

/*ebook inportant infomation*/
#ebookinfo{
display: block;
width:700px;
background-color:#FFFFCC;
border:#000000; 
border-style:solid;
border-width:thin;

}

#ebookinfo h2{
text-align:center;
font-size:20px;
}

ul.ebook{
padding-left: 20px;
width: 650px;
border: none;

}
ul.ebook span{
	font-weight: lighter;
}

ul.ebook li{
    list-style-position: none;
	list-style-type: none;
	font-weight: normal;
	margin-left: 20px;
	padding: 10px;
}
ul.ebook li span{font-weight:700}

p.float{
width: 155px;
float: right;
margin-top: -15px;
margin-left: 5px;
}

.ejunkie{float: right;}	
/*image pop up*/
.thumbnail{
position: relative;
z-index: 1;
	float: right;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */
z-index: 50;
}