@charset "utf-8";
/* CSS Document */

html {}
body {font-family: verdana, helvetica, sans-serif;
		background: #fff url(_i/bg.jpg) center; margin: 0px; padding: 0px; color: #fff;}
p, ul {font-size: 12px;}
li {list-style-type:square;}
h1 {font-size: 20px; font-weight: 600; margin: 5px;}
h2 {font-size: 18px; color: #34c4cd; font-weight: bold;}
input { font-size: 10px;}

a {color: #34c4cd;}
a:hover {color: #ccc;}
	
.wpg {background: url(_i/bg_grad.jpg) repeat-x; width: 990px; }
.snav {float: left; width: 135px;}
.xbody {float: left; width: 850px;}

.title {float:right; font-size: 15px; font-style: italic; font-weight: bold; color: #fff; margin-right: 125px; margin-top: 20px;}
.header { background: url(_i/kid_reading2.png) no-repeat right;}
.tbody {width: 844px; background: url(_i/p_bg.jpg); border-left: 3px solid #fff; border-right: 3px solid #fff; }
.t_border {background: url(_i/t_border.gif) no-repeat; width: 850px; height: 20px;}
.bt_border {background: url(_i/bt_border.gif) no-repeat; width: 850px; height: 20px;}
.reading_pic {background: url(_i/kid_reading.png) no-repeat bottom left;}

/* boxes */
.lt_box { float: left;  margin: 0px 0px 0px 15px}
.bl_boxt {background: url(_i/bl_boxt.png) no-repeat; width: 417px; height: 10px;}
.bl_box {background: #34c4cd; width: 357px; padding: 10px 30px; color: #fff;}
.bl_boxb {background: url(_i/bl_boxb.png) no-repeat; width: 417px; height: 10px;}

.rt_box { float: right; margin: 0px 15px 0px 0px;}
.p_boxt {background: url(_i/p_boxt.png) no-repeat; width: 383px; height: 10px;}
.p_box {background: #a08cb6; width: 343px; padding: 10px 20px; font-size: 12px;}
.p_boxb {background: url(_i/p_boxb.png) no-repeat; width: 383px; height: 10px;}


/* Navigation */

.home {width: 135px; height: 67px; background: url(_i/home_bt.png) no-repeat right; float: right; }
.personalized {width: 135px; height: 98px; background: url(_i/personalize_bt.png) no-repeat right; float: right;}
.howitworks {width: 135px; height: 69px; background: url(_i/howitworks_bt.png) no-repeat right; float: right;}
.order_bt {width: 156px; height: 46px; background: url(_i/order_bt.png) no-repeat;}

a.home { display:block; width: 135px; height: 67px; text-decoration:none;}
a:hover.home {background: url(_i/home_bt2.png) no-repeat; display:block; width: 135px; height: 67px; text-decoration:none;}

a.personalized { display:block; width: 135px; height: 98px; text-decoration:none;}
a:hover.personalized {background: url(_i/personalize_bt2.png) no-repeat right; display:block; width: 135px; height: 98px; text-decoration:none;}

a.howitworks { display:block; width: 135px; height: 69px; text-decoration:none;}
a:hover.howitworks {background: url(_i/howitworks_bt2.png) no-repeat right; display:block; width: 135px; height: 69px; text-decoration:none;}

a.order_bt { display:block; width: 156px; height: 36px; color: #fff; font-size: 16px; font-weight: bold; text-decoration:none; padding-top: 5px;}
a:hover.order_bt {display:block; color: #552885; padding-top: 5px; width: 156px; height: 36px; text-decoration:none;}

a.nav {color: #fff; text-decoration:none; font-weight: bold; text-align: right; margin-right: 15px;}
a:hover.nav {color: #552885; text-decoration:none; text-align: right; margin-right: 15px;}

a.ol {color: #552885; text-decoration:underline;}
a:hover.ol {color: #fff; text-decoration:none;}

a.fnav {color: #fff; text-decoration:none;}
a:hover.fnav {color: #552885; text-decoration:underline;}

.footer {color: #fff; text-align: right; font-size: 12px; padding-top: 10px; padding-right: 5px; clear:both;}