/*CSS Import for Floating Menu*/ 

/* Common Use */
body { background:#FFFFFF url("images/winter/pcool_winter_background.jpg") no-repeat center top; margin:0; font-size:11px; font-style: normal; text-decoration: none; font-weight: normal; line-height:1.5em; color:#4A4A4A; font-family:Arial,Verdana,Tahoma,sans-serif; }
A{color:#333; text-decoration:none;}
A.none{text-decoration:none;}
A:hover, A.none:hover {color:#000; text-decoration:underline;}
h5 { font-weight:bold; font-size:100%; margin-left:10px;}
h4 { font-weight:bold; font-size:100%; margin-left:5px;}
h1 { color:#4C394B; font-size:130%;}
FORM {margin:0px;}
SELECT, INPUT, TEXTAREA, OPTION, OPTGROUP {font-family:arial; font-size:9pt;}
TD { }
img { border:none; }
.moremargin { margin:20px 0px; }

#container { text-align:center; }
#header { height:161px; }
#header #otherlink{ padding:26px 0px 26px 0; float:right; display:inline-block; width:300px;}
#header #otherlink a { color: #1b658e; text-decoration:underline; }
#header #otherlink .help a { text-decoration:none; }
#header #otherlink .help {margin-left:10px;}
#header .helpIcon {background: url("images/icon.gif") no-repeat 0px 0px; width:14px; display:inline-block; }
#header #logo { float:left; }
#header .scholastic { display:block; }
#header .bookclub { margin-top: 7px;  display:block; }
#header #links { float:left; clear:right; width:760px; height:18px; }
#header #welcomeMsg { color:#ffffff; font-size:260%; font-weight:bold; float:left; padding-left:60px; padding-top:27px;}
#header ul{ list-style:none; padding:0; margin:0; margin-left:235px;}
#header ul li{ float:left; margin:1px 15px; }
#header a { color:#1b658e; }
#header span.welcome { margin-left: 70px; color:#d31438;}
#header span.youraccount, #header span.signout { margin-left:15px; }
#header ul li span.arrow{background: url("images/icon.gif") no-repeat -14px 5px; width:8px; display:inline-block; margin:0 2px;}
#frame { margin:5px auto; text-align:left; width:964px; }
#main {  float:left; width:770px; position:relative; height:1020px;}
#box1{  background: url("images/winter/large_box1bg.png") no-repeat; width: 276px; height:241px; position:absolute; left:38px; }
#box2{  background: url("images/winter/large_box1bg.png") no-repeat; width: 276px; height:241px; position:absolute; left:330px;}
#box1 h1, #box2 h1 { color:#ffffff; margin:20px 17px; font-size:160%;}
#box1 a, #box2 a { text-decoration:underline;}
#box1 a { color: #1b658e; }
#box1 label{width:60px; display:block; float:left;}
#box1 p { margin:8px 15px 0px 15px; }
#box1 p.moremargin { margin:20px 15px 0 15px; }
#box1 .slink, #box1 .button  { margin-left:70px;}
#box2 .button { margin-left:10px;}
#box2 .redfont{color:#d31438; font-weight:bold; margin-right:0;}
#footer {  }
.formtable{ margin:10px;}
.formtable td {padding:2px;}
#box2 p { margin:13px;}
h1.header { color:#1BA6DE; font-size:280%; font-family: "Times New Roman", Courier, Garamond, serif; font-weight:bold;  position:absolute; top:258px; left:38px; height:80px; *line-height:1.5em; }
#hbcw { background: url("images/winter/hbcw.png") no-repeat; width: 729px; height:381px;  position:absolute; top:316px; left:9px;}
#hbcw h1 { color:#ec7b20; margin:0 0 3px 0; }
#hbcw p {margin:0;}
#hbcw #step1 { padding-left:176px; padding-top:35px; width:350px; }
#hbcw #step2 { padding-left:254px; padding-top:68px; width:340px;}
#hbcw #step3 { padding-left:314px; padding-top:74px; _padding-top:70px;  width:265px; }
#message { background: url("images/winter/message.png") no-repeat; width: 704px; height:43px; position:absolute; top:710px; left:38px; }
#message p { color:#d31438; text-align:center; font-size:110%; text-transform:uppercase; margin:12px;}
#message p span { font-weight:bold; font-size:120%;}
#bookclub { background: url("images/winter/bookclubs_touts.png") no-repeat; width: 701px; height:171px; position:absolute; top:745px; left:38px;}
#facebook { position:absolute; top:940px; left:315px; margin-bottom:30px;}
#bookclubLinks { padding-top:20px; }

#leftNav { /* filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; */background:#ffffff url("images/winter/leftnav.jpg") no-repeat;  float:left; width:187px; /* border-left:1px solid #b2c3c2;border-right:1px solid #b2c3c2;*/ height:522px; }
#leftNavContent { margin:13px 11px 13px 13px; }
#leftNav h1{color:#6699cc; font-size:110%; font-weight:bold; margin-bottom:0; margin-top:13px; }
#leftNav h2{color:#6699cc; font-size:110%; font-weight:normal; margin:0; }
#leftNav ul{ list-style:none; padding:0; margin:0;}
#leftNav ul li span{ float:right; width:55px; font-size:90%;}
#leftNav ul li span.longcopy{ float:right; width:auto; }
#leftNav ul li{color:#a1a3a2; background:url("images/arrow-yellow.gif") no-repeat 0px 6px; padding-left:9px;}
#leftNav ul li a { color:#4f6e70; *float:left;}
#leftNav ul li.black { background:url("images/arrow-black.gif") no-repeat 0px 6px; padding-left:9px; }
#leftNav ul li.black a { color:#000000; }
.alignform {height:18px;}
.relative {position:relative;}
.clear {clear:both;}
.floatleft {float:left;}
.floatright {float:right;}
.absright {position:absolute; right:0px; top:0px;}
.normal {font-weight:normal;}
.error {color:#C30;}
.inline {display:inline;}
.alignright{ text-align:right;}
.usernameBox, .passwordBox {width:150px;}
.errorMsg { padding-bottom:0px; }
.testClass()