@charset "utf-8";
/* Global */
* {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #686766; margin: 0; padding: 0; list-style-type: none;}
font { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #686766; margin: 0; padding: 0; list-style-type: none; }
.fix_peeka_boo_bug_ie {min-width: 0; position: relative;} 
/* Body Styling */
html, body {height: 100%;} 
body {text-align: center; background: #EDEDED url(../img/bkgrnd.gif) top center repeat-x;}
/* Main Divs */
#wrapper {width: 775px; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -62px; text-align: left;} 
#push {height: 62px; clear: both;}
#footer {bottom: 0; height: 49px; background: #403F3D url(../img/footer.gif) repeat-x; padding-top: 13px;}
#header {position: relative; width: 775px; height: 79px; padding-top: 27px; background: url(../img/line.gif) 0px 104px repeat-x; z-index: 10;}
/* Text */
p {padding-top: 11px;}
a {color: #187DEE; text-decoration: underline;}
a:hover {color: #01538D;}
.hidetext {text-indent: -9999px;}
.clear{clear: both; height: 0px;}
/* Headers */
h1 a {display: block; width: 81px; height: 65px; background: url(../img/main_logo.gif) no-repeat;}
h2 {letter-spacing: 2px; color: #1A6AF6; font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-style: italic; background: url(../img/yellow_line.gif) 0px 21px repeat-x; padding-bottom: 11px;}
.pSpace {margin-top: 7px;}
.noBpad {padding-bottom: 0px; margin-bottom: -3px;}
.noPad {padding: 0px; margin: 0px;}
h3#language {position: absolute; top: 31px; left: 545px; width: 51px; height: 15px; background: url(../img/region.gif) no-repeat;}
/* Footer */
#footer p {font-size: 10px; color: #9E9E9E; padding-top: 4px;}
#footer a {font-size: 10px; text-decoration: none; color: #9E9E9E;}
#footer a:hover {text-decoration: underline; color: #BFBFBF;}
#footer a img {position: relative; top: 3px; padding-right: 3px;}
#footer a.abslink {color: #3FA4FF;}
#footer a.abslink:hover {text-decoration: underline; color: #7BC1FF;}
.clickyellow {font-size: 10px; color: #FFBD27;}
.fline {font-size: 10px; color: #5A5A5A; padding: 0px 7px;}
.validated {padding: 0px 15px;}
/* LanguageMenu */
#lang {list-style-type: none; position: absolute; top: 31px; left: 596px;}
#lang a {display: block; width: 154px; height: 15px; text-decoration: none; overflow: hidden; background: url(../img/change_region.gif) 0px 0px no-repeat;}
#lang a:hover {background: url(../img/change_region.gif) 0px -15px no-repeat;}
li#usa {position: absolute; width: 20px; height: 15px; top: 0px; left: 0px; background: url(../img/usa.gif) 0px 0px no-repeat;}
li#regionchange {position: absolute; width: 154px; height: 15px; top: 0px; left: 25px;}
/* MainMenu */
#mainmenu {position: absolute; top: 83px; left: 95px;}
#mainmenu a {display: block; text-decoration: none; overflow: hidden;}
#mainmenu li {position: absolute; height: 23px; z-index: 11;}
/* SubMenus */
#mainmenu ul a {height: 26px; padding-left: 8px; width: 204px; font-size: 14px; color: #686766; padding-top: 5px; display: block; text-indent: 0px; text-decoration: none; overflow: hidden;}
#mainmenu ul a:hover {color: #000000;}
#mainmenu ul li {height: 26px; left: 5px; background-color: #FBFBFB;}
#mainmenu ul li:hover {background-color: #EBEBEB;}
#mainmenu li ul {position: absolute; top: -5px; left: -9999px;}
#mainmenu ul#sub1 li a {width: 204px;}
#mainmenu ul#sub2 li a {width: 119px;}
#mainmenu ul#sub3 li a {width: 87px;}
#mainmenu ul#sub4 li a {width: 70px;}
#mainmenu ul#sub5 li a {width: 110px;}
/* SubMenu 1 */
#mainmenu ul li#m2s1 {top: 26px;}
#mainmenu ul li#m2s2 {top: 52px;}
#mainmenu ul li#m2s3 {top: 78px;}
#mainmenu ul li#m2s4 {top: 104px;}
#mainmenu ul li#m2s5 {top: 130px;}
#mainmenu ul li#m2s6 {top: 156px;}
#mainmenu ul li#m2s7 {top: 182px;}
#mainmenu ul li#m2s8 {top: 208px;}
/* SubMenu 1 Rollovers */
#mainmenu ul li#m2s1 {background: url(../img/drops/1_1b.gif);}
#mainmenu ul li#m2s1:hover {background: url(../img/drops/1_1b.gif) 0px -26px;}
#mainmenu ul li#m2s2 {background: url(../img/drops/1_2t.gif);}
#mainmenu ul li#m2s2:hover {background: url(../img/drops/1_2t.gif) 0px -26px;}
#mainmenu ul li#m2s3, li#m2s4 {background: url(../img/drops/1_2.gif);}
#mainmenu ul li#m2s3:hover, li#m2s4:hover {background: url(../img/drops/1_2.gif) 0px -26px;}
#mainmenu ul li#m2s5 {background: url(../img/drops/1_2b.gif);}
#mainmenu ul li#m2s5:hover {background: url(../img/drops/1_2b.gif) 0px -26px;}
#mainmenu ul li#m2s6 {background: url(../img/drops/1_2t.gif);}
#mainmenu ul li#m2s6:hover {background: url(../img/drops/1_2t.gif) 0px -26px;}
#mainmenu ul li#m2s7 {background: url(../img/drops/1_2b.gif);}
#mainmenu ul li#m2s7:hover {background: url(../img/drops/1_2b.gif) 0px -26px;}
#mainmenu ul li#m2s8 {height: 28px;}
#mainmenu ul li#m2s8 a {height: 25px;}
#mainmenu ul li#m2s8 {background: url(../img/drops/1_3.png);}
#mainmenu ul li#m2s8:hover {background: url(../img/drops/1_3.png) 0px -28px;}
#header li:hover ul#sub1 {left: 1px;}
/* SubMenu 2 */
#mainmenu ul li#m3s1 {top: 26px;}
#mainmenu ul li#m3s2 {top: 52px;}
#mainmenu ul li#m3s3 {top: 78px;}
#mainmenu ul li#m3s4 {top: 104px;}
#mainmenu ul li#m3s5 {top: 130px;}
/*SubMenu 2 Rollovers*/
#mainmenu ul li#m3s1 {background: url(../img/drops/2_1.gif);}
#mainmenu ul li#m3s1:hover {background: url(../img/drops/2_1.gif) 0px -26px;}
#mainmenu ul li#m3s2, li#m3s3, li#m3s4 {background: url(../img/drops/2_2.gif);}
#mainmenu ul li#m3s2:hover, li#m3s3:hover, li#m3s4:hover {background: url(../img/drops/2_2.gif) 0px -26px;}
#mainmenu ul li#m3s5 {height: 28px;}
#mainmenu ul li#m3s5 a {height: 25px;}
#mainmenu ul li#m3s5 {background: url(../img/drops/2_3.png);}
#mainmenu ul li#m3s5:hover {background: url(../img/drops/2_3.png) 0px -28px;}
#header li:hover ul#sub2 {left: 1px;}
/*SubMenu 3*/
#mainmenu ul li#m4s1 {top: 26px;}
#mainmenu ul li#m4s2 {top: 52px;}
#mainmenu ul li#m4s3 {top: 78px;}
#mainmenu ul li#m4s4 {top: 104px;}
/*SubMenu 3 Rollovers*/
#mainmenu ul li#m4s1 {background: url(../img/drops/3_1.gif);}
#mainmenu ul li#m4s1:hover {background: url(../img/drops/3_1.gif) 0px -26px;}
#mainmenu ul li#m4s2, li#m4s3 {background: url(../img/drops/3_2.gif);}
#mainmenu ul li#m4s2:hover, li#m4s3:hover {background: url(../img/drops/3_2.gif) 0px -26px;}
#mainmenu ul li#m4s4 {height: 28px;}
#mainmenu ul li#m4s4 a {height: 25px;}
#mainmenu ul li#m4s4 {background: url(../img/drops/3_3.png);}
#mainmenu ul li#m4s4:hover {background: url(../img/drops/3_3.png) 0px -28px;}
#header li:hover ul#sub3 {left: 1px;}
/*SubMenu 4*/
#mainmenu ul li#m5s1 {top: 26px;}
#mainmenu ul li#m5s2 {top: 52px;}
#mainmenu ul li#m5s3 {top: 78px;}
#mainmenu ul li#m5s4 {top: 104px;}
/*SubMenu 4 Rollovers*/
#mainmenu ul li#m5s1 {background: url(../img/drops/4_1.gif);}
#mainmenu ul li#m5s1:hover {background: url(../img/drops/4_1.gif) 0px -26px;}
#mainmenu ul li#m5s2, li#m5s3 {background: url(../img/drops/4_2.gif);}
#mainmenu ul li#m5s2:hover, li#m5s3:hover {background: url(../img/drops/4_2.gif) 0px -26px;}
#mainmenu ul li#m5s4 {height: 28px;}
#mainmenu ul li#m5s4 a {height: 25px;}
#mainmenu ul li#m5s4 {background: url(../img/drops/4_3.png);}
#mainmenu ul li#m5s4:hover {background: url(../img/drops/4_3.png) 0px -28px;}
#header li:hover ul#sub4 {left: 1px;}
/*SubMenu 5*/
#mainmenu ul li#m6s1 {top: 26px;}
#mainmenu ul li#m6s2 {top: 52px;}
/*SubMenu 5 Rollovers*/
#mainmenu ul li#m6s1 {background: url(../img/drops/5_1.gif);}
#mainmenu ul li#m6s1:hover {background: url(../img/drops/5_1.gif) 0px -26px;}
#mainmenu ul li#m6s2 {height: 28px;}
#mainmenu ul li#m6s2 a {height: 25px;}
#mainmenu ul li#m6s2 {background: url(../img/drops/5_3.png);}
#mainmenu ul li#m6s2:hover {background: url(../img/drops/5_3.png) 0px -28px;}
#header li:hover ul#sub5 {left: 1px;}
/*MainMenu Images*/
#m1 {left: 0px; width: 67px; background: url(../img/buttons/home.gif) 0px -23px;}
#m2 {left: 67px; width: 101px; background: url(../img/buttons/products.gif) 0px -23px;}
#m3 {left: 168px; width: 107px; background: url(../img/buttons/resources.gif) 0px -23px;}
#m4 {left: 275px; width: 107px; background: url(../img/buttons/education.gif) 0px -23px;}
#m5 {left: 382px; width: 90px; background: url(../img/buttons/support.gif) 0px -23px;}
#m6 {left: 472px; width: 123px; background: url(../img/buttons/information.gif) 0px -23px;}
#m7 {left: 595px; width: 85px; background: url(../img/buttons/purchase.gif) 0px -23px;}
/*MainMenu Rollovers with IE fix*/
#m1:hover {background: url(../img/buttons/home.gif) 0px 0px;}
#m2:hover, li#m2l:hover {background: url(../img/buttons/products.gif) 0px 0px;}
#m3:hover, li#m3l:hover {background: url(../img/buttons/resources.gif) 0px 0px;}
#m4:hover, li#m4l:hover {background: url(../img/buttons/education.gif) 0px 0px;}
#m5:hover, li#m5l:hover {background: url(../img/buttons/support.gif) 0px 0px;}
#m6:hover, li#m6l:hover {background: url(../img/buttons/information.gif) 0px 0px;}
#m7:hover {background: url(../img/buttons/purchase.gif) 0px 0px;}
/*MainMenu Locked*/
#m1l {left: 0px; width: 67px; background: url(../img/buttons/home.gif) 0px -46px;}
#m2l {left: 67px; width: 101px; background: url(../img/buttons/products.gif) 0px -46px;}
#m3l {left: 168px; width: 107px; background: url(../img/buttons/resources.gif) 0px -46px;}
#m4l {left: 275px; width: 107px; background: url(../img/buttons/education.gif) 0px -46px;}
#m5l {left: 382px; width: 90px; background: url(../img/buttons/support.gif) 0px -46px;}
#m6l {left: 472px; width: 123px; background: url(../img/buttons/information.gif) 0px -46px;}
#m7l {left: 595px; width: 85px; background: url(../img/buttons/purchase.gif) 0px -46px;}
/*Pagination Styles*/
.disabled { display: inline; }
/*Books*/
.hatching {background: url(../img/hatch.gif);} 
.gamebox {padding: 6px;}
#books {
    width: 105%; 
    margin-left: -10px;
}
.book{width: auto; float: left; margin: 0px 0px 10px 10px;}
.book img {width: 86px; height: 109px;}