/* CSS Document */
/* bottom area */
#bottom{
	width:900px;
	padding:0px 0px 20px 50px;
	float:left;	
}

/* ------under flash line start -----*/
#middleline{
	width:1000px;
	padding:1px;
	float:left;
	border-bottom:#CCCCCC thin solid;
}
/* ------under flash line end -----*/
.p2            
{ color: #414041; 
font-size: 10pt; 
font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
font-variant: normal; 
line-height: 14px;
text-align: left;
}
.brown{
	font:bold 14px tahoma,verdana, arial, helvetica, sans-serif;
	color:#6e450b;
	padding:0 0 0 0;	
	width:275px;
	text-align:center;
	vertical-align:middle;
}

/* ---- left flash start--------*/
#leftflash{
	width:760px;
	height:370px;	
	float:left;
	top:100px;	
	
}
/* ------ left flash end -----------*/
/* ------ right sample books start-----*/
#rightsamplebooks
{
width:210px;	
vertical-align:top;	
float:right;	
padding:0 2px 0 18px;	
	
}
#rightsamplebooks img{	
	border:0;
	padding:0 0 0 0;
}
#rightsamplebooks h1{
	display:block;
	background:url(../images/stepbar.gif);
	height:40px;
	width:210px;
	padding:0px;
}

#rightsamplebooks h1 span{
	font:bold 16px tahoma,verdana, arial, helvetica, sans-serif;
	color:#6e450b;
	padding:0 0 0 0;	
	width:210px;
	text-align:center;
	vertical-align:middle;
}

#rightsamplebooks ul li 
{ 
color: #414041; 
font-size: 10pt; 
font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; 
line-height: 14px; 
text-align: left;
}

/* ----right sample books end ----*/

/*------left login start----------*/
#h-login{
	width:265px;
	float:left;
	padding:10px 0 15px 0;
	vertical-align:top;		
}
#h-login h1.mem{
	width:215px;
	height:55px;
	background:url(../images/logintop.gif) 0 0 no-repeat;
	padding:0 0 0 50px;
	font: bold 16px/55px tahoma,verdana, arial, helvetica, sans-serif;
	color:#6e450b;
	background-color:inherit;
}
#h-login form{
	background:url(../images/loginbg.gif) 0 0 repeat-y;
	width:250px;
	padding:0 18px;
	margin:0;
}
#h-login form input.txtBox{

	height:19px;
	border-left:#808080 solid 1px;
	border-top:#808080 solid 1px;
	border-right:#D4D0C8 solid 1px;
	border-bottom:#D4D0C8 solid 1px;	
	color:#6e450b;
	background-color:#ffffd4;/*fff old */
	margin:0 0 17px 0;
	padding:0 0 0 20px;
}

#h-login form p.signupbtn{
	width:53px;
	height:13px;
	border:0px;
	margin:0 0 0 3px;	
	background:url(../images/signupbutton.gif) 0 0 no-repeat;	
}

#h-login form p.signinbtn{
	width:53px;
	height:13px;
	border:0px;
	margin:0 0 0 3px;
	background:url(../images/signinbutton.gif) 0 0 no-repeat;	
	text-align:left;
}

#h-login form a{
	font:bold 12px/19px tahoma,verdana, arial, helvetica, sans-serif;
	color:#6e450b;	
	text-decoration:underline;
	padding:0 0 0 0;
}
#h-login form a:hover{
	text-decoration:none;
}
#h-login p.bottom{
	background:url(../images/loginbottom.gif) 0 0 no-repeat;
	width:265px;
	height:25px;
	margin:0 0 10px 0;
}
#h-login h1.create{
	font:bold 16px/35px tahoma,verdana, arial, helvetica, sans-serif;
	color:#6e450b;
	background-color:#e0fda7;
	padding:0 0 0 18px;
}
#h-login ul{
	width:265px;
	padding:0 0 0 0px;
}
#h-login ul li{
	display:block;
	background:url(../images/dottedline.gif) left bottom repeat-x;
	height:18px;
	width:265px;
	padding:0 0 4px 0;
}
#h-login ul li a{
	background:url(../images/arrow.gif) 20px 8px no-repeat;
	padding:0 0 0 0px;
	font:bold 11px/20px tahoma,verdana, arial, helvetica, sans-serif;
	color:#000;
	background-color:#fefee9;/* old fff */
	text-decoration:none;
	margin:0;
	display:block;
}
#h-login ul li a:hover{
	color:#179acd; /* old color A60303 goto 236*/
	background-color:#ECECEC;
}

#h-login p.downloadbar{
	width:265px;
	height:59px;	
	padding:0px;	
	display:block;
}
#h-login p.downloadbar a{
	background:url(../images/downloadbar.gif) 0 0 no-repeat;
	width:265px;
	height:59px;
	display:block;
}
#h-login p.downloadbar a:hover{
	background:url(../images/downloadbar1.gif) 0 0 no-repeat;
}

#h-login p.share a{
	width:265px;
	height:30px;	
	padding:5px 0px 5px 0px;
	font:bold 11px/16px tahoma,verdana, arial, helvetica, sans-serif;
	display:block;
}
/*------left login end ------*/


#middlecenter{
	float:left;

}
/*----middle top panel start-----*/
#middle{
	width:429px;
	padding:10px 15px 10px 15px;
	float:left;	
	top:490px;
}
#middle h1{
	font:bold 16px/16px tahoma,verdana, arial, helvetica, sans-serif;
	color:#497C00;
	background-color:#ecfbfe;
	/*background:url(../images/homefade.jpg) center repeat-x;*/
	padding:5px 10px;
	display:block;
	text-align:center;
	text-indent:10px;
	vertical-align:top;
}
#middle p.text{
	font:normal 12px/19px tahoma,verdana, arial, helvetica, sans-serif;
	color:#414041;
    /*background-color:#ff000;*/
	margin:0;
	padding:10px 10px 20 0;
	text-align:justified;/*aligns paragraphs in middle section*/
	text-indent:20px;
}
#middle p.text span{
	color:#9E3F01;
	background-color:#FFF6DB; 
	font:bold 12px/19px tahoma,verdana, arial, helvetica, sans-serif;
	text-align:left;
	text-indent:20px;	
}

/*#middle p.text span a{
	text-decoration:none;
}*/
a:link, a:visited { color: #179acd; text-decoration: underline; font-weight: bold; } 
a:active, a:hover { color: #179acd; text-decoration: none; }
	
#middle p.text span a:hover{
	color:#179acd; /* old color A60303*/
	background-color:#ECECEC;
	text-decoration:none;
}
/*------middle top panel end-----*/

/*-------middle bottom panel start------*/
#midbot{
	width:362px;
	border:#feeabf solid 1px;
	background:url(../images/whyhomebg.gif) 0 0 repeat-x #fff3da;	
	padding:5px 15px 0 20px;
	margin:10px 0 0 0;
	float:left;
}
/*-------fade from light to gold yellow------*/
#midbot h1{
	font:bold 16px/22px tahoma,verdana, arial, helvetica, sans-serif;
	background:url(../images/whyhomebg.gif) 0 0 repeat-x #fff3da;
}

#midbot h2{
	font:bold 14px/16px tahoma,verdana, arial, helvetica, sans-serif;
	color:#6e450b;
	background-color:#fff3da;
	padding:0 0 3px 0;;
	margin:0;	
}
#midbot li{
	color:#6e450b;
}
#midbot p.whybullets{
	font:bold 12px/16px tahoma,verdana, arial, helvetica, sans-serif;
	color:#fff;
	background-color:#f2a333;
	margin:0 0 0 0;
}
#midbot p.whysum{
	font:bold 16px/22px tahoma,verdana, arial, helvetica, sans-serif;
	color:#fff;
	background-color:#f2a333;
	margin:0 0 10px 0;
}	
#midbot p.details{
	width:77px;
	height:13px;	
	padding:0 0 0 288px;
	margin:0 0 15px 0;
	font-size:0;
	display:block;
}
#midbot p.details a{
	background:url(../images/detailshover.gif) 0 0 no-repeat;
	width:77px;
	height:13px;
	display:block;
}
#midbot p.details a:hover{
	background:url(../images/details.gif) 0 0 no-repeat;
}
/* ABOVE IS GREEN & YELLOW ROLLOVER	*/
/*---middle bottom panel end-------*/

/* ---- right bottom panel start------*/
#rightbottompanel{
	width:275px;
	padding:10px 0 10px 0;
	float:left;	
	vertical-align:top;			
}

#rightbottompanel h1{
	display:block;
	background:url(../images/stepbar.gif);
	height:40px;
	width:275px;
}

#rightbottompanel h1 span{
	font:bold 16px tahoma,verdana, arial, helvetica, sans-serif;
	color:#6e450b;
	padding:0 0 0 0;	
	width:275px;
	text-align:center;
	vertical-align:middle;
}

#rightbottompanel img{
	/*width:275px;
	height:68px;*/
	border:0px;
	padding:0 0 0 0;
}
/* ---- right bottom panel end------*/

/* ------ right bottom download start ----*/
#rightdownload{
	width:275px;
	font:bold 14px tahoma,verdana, arial, helvetica, sans-serif;
	color:#6e450b;
}

#rightdownload p.downloadbar{
	width:275px;
	height:59px;	
	padding:0px;	
	display:block;
}
#rightdownload p.downloadbar a{
	background:url(../images/downloadbar.gif) 0 0 no-repeat;
	width:275px;
	height:59px;
	display:block;
}
#rightdownload p.downloadbar a:hover{
	background:url(../images/downloadbar1.gif) 0 0 no-repeat;
}
	

/* ------- right bottom download end ----*/