@charset "utf-8";
body{
	background-color:#23959e;
	background-image:url(images/bg.jpg);
	background-repeat:repeat-x;
	height:100%;
	width: 100%;	

}
#dotbg{
	position:absolute;
	/*left:-1px;*/
	/*top:-72px;*/
	padding:0;
	width:100%;
	/* works only if parent container is assigned a height value */
	/*background-image:url(images/dotbg2.png);
	background-repeat: repeat;*/
}
h1{
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
#mbrarea {
	background-color: #92D0D4;
	width: 1003px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	overflow: auto;
	height: auto;
	background-image: url(images/mbrbg.gif);
	background-repeat: repeat-y;
	background-position: 0px 0px;
	
}
#mbrBar {
	width: 216px;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
}

#mbrBar img{
	margin-top: -10px;
}
#mbrBar p{
	font-size: 13px;
	color: #FFFFFF;
	text-decoration: none;
	margin: 5px;
	line-height: 15px;
}
.lhs{
	font-size: 13px;
	font-weight: bold;
	color: #00CCFF;
}
.lhs:hover{
	color: #FFFFFF;
	text-decoration: none;
}


#mbrContent {
	width: 757px;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#mbrBar li {
	width: 100%;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	margin-top: 5px;
}


.level1{
	width: 206px;

}
.level1 li a{
	color:#ADFFEF;
	display: block;
	width: 206px;
	padding-left: 10px;
	text-decoration: none;
	background-color:#20858D;
}/*
* html .level1 li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
/*width: 206px;
}*/
.level1 li a:hover{
	
	color: #20858D;
	background-color:#ffffff;
}



.level2{

}
.level2 li a{
	color:#071D1E;
	display: block;
	width: 186px;
	padding-left: 30px;
	text-decoration: none;
	background-color:#50C4C9;
	background-image: url(images/arrowlist.gif);
	background-repeat: no-repeat;
	background-position: 15px 3px;	
}
.level2 li a:hover{
	color:#20858D;
	background-color:#AEDEE4;
}



.level3{
	
	
}
.level3 li a{
	color:#114A70;
	display: block;
	width: 166px;
	padding-left: 50px;
	text-decoration: none;
	background-color:#28AAE2;
	background-image: url(images/arrowlist.gif);
	background-repeat: no-repeat;
	background-position: 35px 3px;	
}
.level3 li a:hover{
	color:#31CAFF;
	background-color:#1B75BB;
}



#frmDiv{
	width:697px;
	background-color:#50C4C9;
	padding:20px;
	padding-top:5px;
	margin-top:5px;
	
}
#frmDiv1{
	width:943px;
	background-color:#50C4C9;
	padding:20px;
	padding-top:5px;
	margin-top:5px;
	display:block-inline;
	
	
}

#wraper{
	width: 1003px;
	margin:auto;
	margin-top:0;
	position: relative;
	z-index:5;
	
}
#logobar{
	width: 305px;
	
}




/* top buttons */
#nav {
	position: absolute;
	width:692px;
	right: 0;
	top: 40px;	
	height:40px; 
}
#nav li{
	float:left;
	margin-left:1px;
	height:40px;
	list-style:none;
	display:inline;
	}
#nav li a{
	display:inline-block;
	height:40px;
}


#btn1 a{
	background-image:url(images/btn_home_n.gif);
}
#btn1 a:hover{
	background-image:url(images/btn_home_h.gif);
}
#btn2 a{
	background-image:url(images/btn_about_n.gif);
}
#btn2 a:hover{
	background-image:url(images/btn_about_h.gif);
}
#btn3 a{
	background-image:url(images/btn_sample_n.gif);
}
#btn3 a:hover{
	background-image:url(images/btn_sample_h.gif);
}
#btn4 a{
	background-image:url(images/btn_faqs_n.gif);
}
#btn4 a:hover{
	background-image:url(images/btn_faqs_h.gif);
}
#btn5 a{
	background-image:url(images/btn_contact_n.gif);
}
#btn5 a:hover{
	background-image:url(images/btn_contact_h.gif);
}

#headerbar{
	width:1003px;
}
#booksimg{
	width:294px;
	height:252px;
	float:left;
}
#subhdr{
	width:813px;
	height:242px;
	float:left;
	padding-top:10px;
}
#hdrtext{
	width:509px;
	height:252px;
	float:left;
	font-size: 18px;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 20px;
}
#calender{
	width:150px;
	height:192px;
	float:left;
	background:url(images/calender.gif);
	font-weight: bold;
	color: #0d3639;
	text-align: center;
	padding-top: 20px;
	padding-right: 25px;
	padding-bottom: 15px;
	padding-left: 15px;
	font-size: 15px;
	line-height: 20px;
}
#content{
	background-color: #92D0D4;
	width: 993px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	overflow: auto;
	height: auto;
	padding: 5px;
	padding-bottom:20px;



}

#contentStatic{
	background-color: #92D0D4;
	width: 983px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	overflow: auto;
	height: auto;
	padding: 10px;
	padding-bottom:20px;
}
#contentStatic1{
	background-color: #92D0D4;
	width: 983px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	overflow: auto;
	height: auto;
	padding: 10px;
	padding-bottom:20px;
	
}

#static{
	background-color: #15575c;
	height: 100%;
	width: 98%;
	padding:10px;
	color: #FFFFFF;
	
}

#static a{

	color: #00CCFF;;	
}
#static a:hover{
	color: #FFFFFF;
	text-decoration: none;
}

#bottom{
	height:55px;
	background:#041213;
}
#btmlinks{
	width:1003px;
	height:50px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 5px;
	padding-left:5px;
	color:#4e7d7f;
	font-size:12px;
}



#btmlinks li{
	float:left;
	margin-right:5px;

}
#btmlinks li a{
	color:#4e7d7f;
	text-decoration:none;
	font-size:12px;
}
#btmlinks li a:hover{
	color:#ffffff;
}	
.blink{
	color:#4e7d7f;
	text-decoration:none;
	font-size:12px;
}
.blink:hover{
	color:#ffffff;
}	

#top{
	background-color: #92D0D4;
	width: 993px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: -20px;
	margin-left: auto;
	overflow: auto;
	height: auto;
	padding: 5px;
	padding-bottom:5px;



}
#bot{
	background-color: #92D0D4;
	width: 993px;
	margin-top: -20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	overflow: auto;
	height: auto;
	padding: 5px;
	padding-bottom:10px;



}


#booksedit{
	width:99%;
	background-color:#AEDEE4;
	margin-top: 25px;
	padding:5px;
	overflow: auto;
}
#book{
	width:157px;
	margin:7.5px;
	text-align:center;
	color:#15575C;
	font-size: 15px;
	font-weight: bold;
	float: left;
	
}

.book{
	width:157px;
	margin:7.5px;
	text-align:center;
	color:#15575C;
	font-size: 15px;
	font-weight: bold;
	float: left;
	
}

.authorinfo{
	width:185px;
	margin:2.0px;
	text-align:left;
	color:#15575C;
	font-size: 15px;
	font-weight: bold;
	float:left;
	
}

.authorinfo a{	
	color:#00CCFF;
}



#homeLeft {
	width: 383px;
	margin:5px;
	
	height: auto;
	float:left;
}
#homeRight {
	width: 570px;
	margin:5px;
	margin-bottom:-15px;
	padding:10px;
	background-color:#59898d;
	float:left;
	overflow: auto;
}
.btnType1{
	color:#FFFFFF;
	font-size:18px;
	
	background-color:#1b263e;
	padding-top:3px;
	padding-bottom:3px;
	padding-right:10px;
	padding-left:10px;
	text-decoration: none;

}
.btnType1:hover{
	color:#1b263e;
	background-color:#59898d;
	text-decoration: none;

}
#rt01{
	background-color: #e4eaea;
	background-image: url(images/bg_420.gif);
	background-repeat: repeat-y;
	padding:10px;
	overflow:auto;
}
#rt02{
	height:223px;
	background-color: #1b263e;
	padding:10px;
	background-image: url(images/smpl_snap.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	font-size: 25px;
	color: #6cd7df;
	text-decoration: none;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#rt03{
	width:170px;
	float:left;
	font-size: 20px;
	font-weight: bold;
	color: #1b263e;
	text-decoration: none;
}
#rt04{
	width:350px;
	float:left;
	font-size: 15px;
	line-height: 20px;
	color: #1b263e;
	text-decoration: none;
	font-weight: bold;
	padding-top:2px;
}

#rt05{
	color:#1b263e;
	font-size: 20px;
	font-weight: bold;
	text-decoration: none;
}
.btnHere{
}

#proHdr{
	width:737px;
	height:240px;
	background:url(images/pro_hdr.gif);
	background-repeat:no-repeat;
	
}
#bigSnap{
	margin-top:45px;
	margin-left:71px;
	float:left;
}
#proName{
	margin-top:70px;
	margin-left:35px;
	float:left;
	font-family: "Comic Sans MS";
	font-size: 20px;
	color:#000066 ;
	
	
}
#proName h1{
	font-family:"Comic Sans MS";
	font-size: 40px;
	color: #000066;
	
}
#proName a{
margin-left:35px;
	color: #000066;
	text-decoration: none;
}

#proName a:hover{
	color:#FFFFFF;

}
#proPg01{
	margin-top:15px;
	width:577px;
	background-color:#FFFFFF;
	float:left;
	
}
#proPg02{
	width:577px;
	background:url(images/pro_pg_left.gif);
	background-repeat:repeat-y;
	
	
}
#proPg03{
	width:577px;
	background-repeat:no-repeat;
	background-image: url(images/pro_pg_crnr.gif);
	background-position: right top;	
	padding-bottom: 25px;
	
}
#proPg04{
	width:500px;
	margin-left:25px;
	padding-left:10px;
	background-repeat:repeat-y;
	background-image: url(images/pro_pg_line.gif);
}
#proPg04 p{
	font-weight: bold;
	line-height: 32px;
	
}

#proPg04 .ans{
	font-family: "Comic Sans MS";
	font-size: 18px;
	line-height: 32px;

}

#proPg04 .ans .a1{
	color: #EC297B;
	margin-left: 10px;
}
#proPg04 .ans .a2{
	color: #74B64A;
	margin-left: 10px;
}
#proPg04 .ans .a3{
	color: #EC1C24;
margin-left: 10px;
}
#proPg04 .ans .a4{
	color: #1B75BB;
margin-left: 10px;
}
#proPg04 .ans .a5{
	color: #00A69C;
margin-left: 10px;
}
#proPg04 .ans .a6{
	color: #999900;
margin-left: 10px;
}
#proBooks {
	width:160px;
	margin-top:15px;
	margin-left:10px;
	float:left;
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}
#hdBooks{
	width:160px;
	font-family: "Comic Sans MS";
	font-size: 30px;
	
}
#shelf{
	margin-top:15px;
	width:160px;
	
}
#thmbBooks{
	margin-top:15px;
	width:160px;
	
}



#proHdr1{
	width:737px;
	height:240px;
	background:url(images/pro_hdr1.gif);
	background-repeat:no-repeat;
	
}

.winnertxt {
font-family: "Comic Sans MS";
font-size: 22px;
font-weight:bold;
color:#22205F;
}

.winner1txt {
font-family: "Comic Sans MS";
font-size: 15px;
color:#22205F;
text-decoration:none;
}

