html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
/* Global Structure
-------------------------------------------------------------------------------------------- */
body {padding-top: 15px; margin: 0; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background: #012b54 url(../images/letter_bg.png) repeat;}
.container {margin: 0 auto; text-align: left; width: 1018px;}
/*img {behavior: url("styles/iepngfix.htc");}*/
#canvas {float: left; width: 1018px; position: relative; border: 3px solid #eabc05; background: #edc935 url(../images/bg-fade_yellow.gif) top repeat-x;}
#innerContent{position: relative; top: 0; bottom: 0;}
.corner {position: absolute;}
.logoff {position: absolute; top: 8px; right: 8px; color: #2e7ef8; text-decoration: none;}
.logoff:hover {text-decoration: underline;}
.ne {top: -3px; right: -3px;}
.nw {top: -3px; left: -3px;}
.se {bottom: -3px; right: -3px;}
.sw {bottom: -3px; left: -3px;}
.hide {display:none;}
a {color: #1453ac;}
/* Header
-------------------------------------------------------------------------------------------- */
.logo {display: block;}
.logo.home {float: left; margin: 15px;}
.logo.app {float: right; margin: 30px 15px 20px 0;}
.logo.solo {float: left; margin: 30px 0px 20px 240px;}
#header h1 {float: left; margin: 35px 0 10px 30px; font-family: Comic Sans MS; font-size: 38px; letter-spacing: -1px; font-weight: bold;}
#header p {float: left; width: 478px; line-height: 18px; font-size: 14px; margin-left: 35px; color: #666;}
#header .login {position: absolute; right: 20px; top: 20px; font-size: 15px; text-align: right;}
#header .login a {color: #2e7ef8; text-decoration: none;}
#header .login a:hover {text-decoration: underline;}
/* Footer
-------------------------------------------------------------------------------------------- */
#footer {float: left; width: 100%; font-size: 11px; padding: 10px 0;}
#footer p {float: left; width: 100%; color: #000033;}
#footer ul {float: left; width: 100%; margin-bottom: 10px;}
#footer ul li {float: left; margin-right: 20px;}
#footer ul li a {color: #1453ac;}
#footer ul li a:hover {text-decoration: none;}
#footer a {color: #1453ac; text-decoration: underline;}
#copyright { font-size: .8em; position: absolute; top: 593px; left: 385px; /*border: 1px solid red;*/ width: 220px;}
/* Application Legend
-------------------------------------------------------------------------------------------- */
#legend {float: left; width: 415px; height: 125px; margin-top: 20px; margin-left: -10px;}
#legend.step1 {background: url(../images/step_1.png) top center no-repeat;}
#legend.step2 {background: url(../images/step_2.png) top center no-repeat;}
#legend.step3 {background: url(../images/step_3.png) top center no-repeat;}
#legend.step4 {background: url(../images/step_4.png) top center no-repeat;}
#legend ul {float: left; width: 100%; padding-top: 35px;}
#legend ul li {float: left; width: 25%; text-align: center;}
#legend ul li#step1 {padding-left: 5px;}
#legend ul li#step2 {width: 24%;}
#legend ul li#step3 {width: 24%;}
#legend ul li#step4 {width: 24%;}
#legend ul li span {float: left; width: 100%; font-size: 14px; color: #98b0c3; }
#legend ul li label {float: left; width: 100%; font-size: 12px; line-height: 16px; color: #98b0c3;}
#legend ul li.active span {color: #336699; font-weight: bold;}
#legend ul li.active label {color: #336699;}
/* Form
-------------------------------------------------------------------------------------------- */
#appContainer {float: left; clear: left; display: inline; width: 460px; position: relative; background: #cfebbb; border: 3px solid #77ad62; padding: 15px 15px 35px 20px; margin: 10px 0 45px 25px;}
#appContainer.yellow {background: #fcf396; border: 3px solid #ecc934;}
#appContainer.invite {width: 850px;}
#appContainer h1 {float: left; width: 100%; font-size: 24px; font-family: Comic Sans MS, Arial, Helvetica, sans-serif; color: #000; letter-spacing: -1px; margin-bottom: 8px;}
#appContainer h2 {float: left; width: 100%; font-size: 13px; color: #666; margin-bottom: 8px;}
#appContainer h2 strong {font-size: 16px; font-weight: bold;}
#appContainer form {float: left; width: 100%; margin-top: 10px;}
#appContainer .intro {float: left; width: 100%; font-size: 12px; line-height: 16px; margin: 10px 0 20px 0;}
#appContainer .intro strong {font-weight: bold;}
.formRow {float: left; width: 100%; margin-bottom: 6px;}
.formRow label {float: left; width: 135px; padding-left: 10px; font-size: 14px; line-height: 26px;}
.formRow label.req {background: url(../images/icn-asterisk.png) 0 6px no-repeat;}
.formRow .formElements {float: left; width: 315px; position: relative;}
.formRow .errorMsg {float: left; clear: left; display: inline; width: 310px; color: #900; line-height: 16px; padding: 5px 0 12px 145px;}
.text {float: left; width: 300px; background: #ffffff; border: 1px solid #6bb2f7; padding: 4px; font-size: 14px; font-family: Arial, Helvetica, sans-serif;}
select.text.auto {margin-right: 5px;}
.text.auto {width: auto;}
.error .text {background: #fce6e6; border: 1px solid #ca7171;}
.legal {float: left; width: 100%; margin: 10px 0 20px 0; color: #666; line-height: 16px;}
.legal a {color: #666}
#warning {float: left; width: 460px; background: url(../images/icn-warning.png) 0 0 no-repeat; min-height: 44px; margin: 0 0 10px 0;}
#warning p {float: left; font-weight: bold; color: #900; padding: 10px 0 0 0; margin-left: 50px; display: inline; line-height: 14px;}
#security {padding-left: 15px; background: url(../images/icn-lock.png) 0 0 no-repeat; font-style: italic; color: #666; line-height: 16px;}
#security.left {position: absolute; top: 15px; left: -135px; width: 125px; line-height: 14px;}
#security.right {position: absolute; top: 15px; left: 145px; width: 125px; line-height: 14px;}
.plan {float: left; margin: 7px 5px 0 0;}
.price {float: left; margin: 0 5px 0 0; font-size: 16px; font-weight: bold; line-height: 26px;}
.desc {float: left; width: 242px; color: #666; line-height: 14px; margin-top: 7px;}
.validcards {display: block;}
.actions {padding-top: 15px;}
.actions a {float: left; margin: 20px 0 0 15px; color: #0219c6;}
.tipMsg {float: left; position: relative; margin: 2px 0 0 5px; text-decoration: none;}
.tip {display: none;/*float: left;*/ width: 300px; padding: 17px; background: #fff; border: 3px solid #333; z-index: 99; position: absolute; bottom: 10px; left: -550px; color: #333; line-height: 16px; text-align: center; cursor: pointer;}
.tip img {margin-top: 10px;}
.tipMsg:hover .tip {display: block;}
/* Buttons
-------------------------------------------------------------------------------------------- */
button {float: left; background: none; border: 0px; cursor: pointer; padding: 0;}
button:focus {outline: 1px #333 dotted; }
button span.label {float: left; background: url(../images/btn-blue_left.gif) left top no-repeat; padding-left: 12px; line-height: 55px; font-size: 27px; color: #fff; font-weight: bold; letter-spacing: -1px;}
button span.right {float: left; background: url(../images/btn-blue_right.gif) right top no-repeat; padding-right: 55px; line-height: 55px; margin: 0;}
button.secondary {margin-top: 15px;}
button.secondary span.label {float: left; background: url(../images/btn-yellow_left.gif) left top no-repeat; padding-left: 11px; line-height: 38px; font-size: 14px; color: #663300; font-weight: bold; letter-spacing: -1px;}
button.secondary span.right {float: left; background: url(../images/btn-yellow_right.gif) right top no-repeat; padding-right: 11px; line-height: 38px; margin: 0;}
a.secondary {float: left; clear: left; margin-top: 15px; text-decoration: underline; color: #663300;}
a.secondary:hover {text-decoration: none;}
a.secondary span.label {float: left; background: url(../images/btn-yellow_left.gif) left top no-repeat; padding-left: 11px; line-height: 38px; font-size: 14px; color: #663300; font-weight: bold; letter-spacing: -1px;}
a.secondary span.right {float: left; background: url(../images/btn-yellow_right.gif) right top no-repeat; padding-right: 11px; line-height: 38px; margin: 0;}
/* Unique Elements
-------------------------------------------------------------------------------------------- */
#content {}
.supporting {float: left; width: 492px; margin-top: 7px; text-align: center;}
#buyMore {float: left; padding: 10px 15px 25px 10px;}
#buyMore h3 {font-size: 32px; color: #009900; font-weight: bold; letter-spacing: -1px;}
#buyMore p {float: left; width: 100%; margin-top: 10px;}
#buyMore p span {float: left; line-height: 30px;}
#buyMore p img {float: left; margin-left: 10px;}
#buyMore #security {float: left; width: 100%; clear: left; margin-top: 15px;}
#flashDemo {float: left; width: 100%; background: #fff; border-top: 3px solid #ebbf12; border-bottom: 3px solid #ebbf12;}
#flashDemo img {display: block;}
#fullpage.myaccount {background: #d7f287; position: relative;}
#fullpage .fileTabs {float: left; position: absolute; left: 0; top: 0; width: 100%; padding: 0; background: url(../images/tab-bg.gif) top repeat-x;}
#fullpage .fileTabs li {float: left; line-height: 36px; background: url(../images/tab-left.gif) left no-repeat; padding-left: 25px;}
#fullpage .fileTabs li a {float: left; line-height: 36px; background: url(../images/tab-right.gif) right no-repeat; padding-right: 25px; text-decoration: none; color: #333; font-size: 19px; font-family: Comic Sans MS;}
#fullpage .fileTabs li a:hover {color: #b48c08;}
#fullpage .fileTabs li.first {margin-left: 20px;}
#fullpage .fileTabs li.active {background: url(../images/tab-focus-left.gif) left no-repeat;}
#fullpage .fileTabs li.active a {background: url(../images/tab-focus-right.gif) right no-repeat;}
#fullpage .fileTabs li.active a {color: #000;}
/* Specific Page Elements and Tests
--------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------- */
#pg_registration-a {padding-top: 15px;}
#pg_registration-a p {font-size: 18px; font-style: italic; margin: 0 40px; line-height: 20px;}
#pg_registration-a img {margin: 30px 0 25px 0;}
#pg_registration-b {padding-top: 35px;}
#pg_registration-b p {font-size: 18px; font-style: italic; margin: 0 40px; line-height: 20px;}
#pg_registration-b img {margin-top: 50px;}
#pg_subscription-a {padding-top: 15px;}
#pg_subscription-a h1 {font-size: 24px; font-weight: bold; margin-bottom: 15px;}
#pg_subscription-a p {font-size: 14px; font-style: italic; margin: 0 40px; line-height: 20px; color: #666;}
#pg_subscription-a img {margin: 30px 0 25px 0;}
#teacherCounting {position: absolute; bottom: 0; right: 10px;}
#teacherOffering {position: absolute; bottom: 0; left: 0;}
#townspeople {position: absolute; bottom: -3px; left: 20px;}
#mouseblocks {position: absolute; bottom: 0; left: 90px;}
#pg_addchild-a {height: 510px; /*background: url(../images/white_board.png) top center repeat-x;*/ margin-top: 15px; text-align: left;}
#pg_addchild-a h1 {float: left; clear: left; font-family: Comic Sans MS; font-size: 20px; color: #000; letter-spacing: -1px; margin: 30px 0 15px 20px;}
#pg_addchild-a ol {float: left; clear: left; margin: 0 0 0 20px; color: #000;}
#pg_addchild-a ol li {float: left; width: 100%; list-style-type: decimal; margin: 0 0 5px 30px;}
#pg_addchild-a ol li label {font-size: 16px; color: #0066ff; font-weight: bold;}
#pg_addchild-a ol li span {font-size: 14px; color: #666;}
#pg_addextfamily-a {padding-top: 15px;}
#pg_addextfamily-a p {font-size: 14px; font-style: italic; margin: 0 35px; line-height: 16px;}
#pg_addextfamily-a img {margin: 30px 0 25px 0;}
#pg_addextfamily-b {height: 510px; background: url(../images/chalkboard.jpg) top center repeat-x; margin-top: 15px; text-align: left;}
#pg_addextfamily-b h1 {float: left; font-family: Comic Sans MS; font-size: 20px; color: #fff; letter-spacing: -1px; margin: 30px 0 15px 20px;}
#pg_addextfamily-b ol {float: left; clear: left; margin: 0 0 0 20px; color: #fff;}
#pg_addextfamily-b ol li {float: left; width: 100%; list-style-type: decimal; margin: 0 0 5px 30px;}
#pg_addextfamily-b ol li label {font-size: 16px; color: #edc935; font-weight: bold;}
#pg_addextfamily-b ol li span {font-size: 14px; color: #666;}
#pg_maxaccounts-a {height: 510px; background: url(../images/chalkboard.jpg) top center repeat-x; margin-top: 15px; text-align: left;}
#pg_maxaccounts-a h1 {float: left; clear: left; font-family: Comic Sans MS; font-size: 20px; color: #fff; letter-spacing: -1px; margin: 30px 0 15px 20px;}
#pg_maxaccounts-a ol {float: left; clear: left; margin: 0 0 0 20px; color: #fff;}
#pg_maxaccounts-a ol li {float: left; width: 100%; list-style-type: decimal; margin: 0 0 5px 30px;}
#pg_maxaccounts-a ol li label {font-size: 16px; color: #edc935; font-weight: bold;}
#pg_maxaccounts-a ol li span {font-size: 14px; color: #666;}
#pg_landing-a {float: left; width: 100%; min-height: 350px;}
#pg_landing-a .col1 {float: left; width: 48%; padding-top: 15px;}
#pg_landing-a .col1 button {margin-left: 30px;}
#pg_landing-a .col2 {float: left; width: 48%; padding: 0 0 25px 0;}
#pg_landing-a .col2 ul {float: left; width: 100%;}
#pg_landing-a .col2 ul li {float: left; width: 100%; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #CFA833; background: url(../images/icn-arrow_yellow.gif) 0 7px no-repeat;}
#pg_landing-a .col2 ul li a {float: left; margin-left: 18px; margin-bottom: 3px; font-family: Comic Sans MS; font-weight: bold; font-size: 22px; letter-spacing: -1px; color: #1453ac; text-decoration: none; line-height: 24px;}
#pg_landing-a .col2 ul li a:hover {color: #012b54;}
#pg_landing-a .col2 ul li a span {font-family: Arial; font-size: 12px; color: #333; font-weight: normal; line-height: 12px; letter-spacing: 0;}
#pg_landing-a .col2 ul li p {float: left; clear: left; margin-left: 18px; font-size: 13px; color: #666; line-height: 16px;}
.pg_accountcenter #header h1 {margin-top: 45px;}
.pg_accountcenter #fullpage {padding-top: 0;}
.pg_accountcenter #townspeople {left: auto; right: 40px;}
.pg_accountcenter .cms {margin-top: 15px;}
.pg_accountcenter #fullpage h2 {float: left; width: 100%; color: #333; font-family: Comic Sans MS; font-size: 24px; margin: 0 0 20px 0; letter-spacing: -1px;}
#pg_acHome {float: left; width: 100%; min-height: 325px; padding-top: 60px;}
#pg_acHome .actions a {margin-top: 40px; color: #999;}
#pg_acHome .col1 {float: left; width: 48%; padding-top: 15px;}
#pg_acHome .col1 button {margin-left: 130px; margin-top: 25px;}
#pg_acHome .col2 {float: left; width: 48%; padding: 0 0 55px 0;}
#pg_acHome .col2.confirm {padding: 0 0 90px 10px;}
#pg_acHome .col2.confirm p {font-size: 14px; line-height: 20px; margin-bottom: 20px;}
#pg_acHome .col2.confirm h3 {color: #960}
#pg_acHome .col2.confirm button {margin: 20px 0 40px 0;}
#pg_acHome .col2.confirm .cms button {margin-left: 140px;}
.pg_accountcenter #fullpage .col2 ul {float: left; width: 100%; padding-left: 10px;}
#pg_acHome .col2 ul li {float: left; width: 100%; margin-bottom: 10px; padding-bottom: 0; border-bottom: 1px dotted #CFA833; background: url(../images/icn-arrow_yellow.gif) 0 7px no-repeat;}
#pg_acHome .col2 ul li a {float: left; margin-left: 18px; margin-bottom: 3px; font-family: Comic Sans MS; font-weight: bold; font-size: 22px; letter-spacing: -1px; color: #1453ac; text-decoration: none; line-height: 24px;}
#pg_acHome .col2 ul li a:hover {color: #012b54;}
#pg_acHome .col2 ul li a span {font-family: Arial; font-size: 12px; color: #333; font-weight: normal; line-height: 12px; letter-spacing: 0;}
#pg_acHome .col2 ul li p {float: left; clear: left; margin-left: 18px; font-size: 13px; color: #666; line-height: 16px;}
#pg_acHome .col3 {float: left; width: 97%; padding: 0 0 100px 10px;}
#pg_acHome table {float: left; width: 100%; font-size: 13px; margin-bottom: 20px}
#pg_acHome table th {background: #77ad62; color: #fff; font-weight: bold; padding: 5px;}
#pg_acHome table td { padding: 5px; border-bottom: 1px dotted #77ad62;}
#pg_acHome table tr.alt {background: #fcfce6;}
#xsell {float: left; width: 100%; height: 229px; position: relative;}
#xsell.testa {background: url(../images/bg-home_cta1.jpg) top center no-repeat;}
#xsell.testa ul {float: left; width: 510px; margin: 35px 0 0 25px;}
#xsell.testa ul li {background: url(../images/checkmark-blue.png) top left no-repeat; line-height: 18px; font-size: 14px; padding: 5px 0 5px 25px; margin-bottom: 8px;}
#xsell.testa form {float: left; text-align: center; width: 450px;}
#xsell.testa form button {margin: 40px 0 0 120px;}
#xsell.testa form h2 {float: left; clear: left; width: 100%; font-size: 25px; color: #339900; font-weight: bold; line-height: 28px; letter-spacing: -1px; margin-top: 20px;}
#xsell.testb {background: url(../images/bg-home_cta2.jpg) top center no-repeat;}
#xsell.testb img {position: absolute; top: -95px; right: 200px; z-index: 99;}
#xsell.testb ul {float: left; width: 510px; margin: 35px 0 0 45px;}
#xsell.testb ul li {background: url(../images/checkmark-blue.png) top left no-repeat; line-height: 18px; font-size: 14px; padding: 5px 0 5px 25px; margin-bottom: 8px;}
#xsell.testb form {float: left; text-align: center; width: 420px;}
#xsell.testb form button {margin: 20px 0 0 100px;}
#xsell.testb form h2 {float: left; clear: left; width: 100%; font-size: 28px; color: #336600; font-weight: bold; line-height: 28px; letter-spacing: -1px; margin-top: 30px;}
#xsell.testb form h3 {float: left; clear: left; width: 100%; font-size: 16px; color: #339900; font-weight: bold; line-height: 20px; margin-top: 10px;}
#pg_invitationconfirm-a {}
#pg_invitationconfirm-a h1 {font-family: Comic Sans MS; font-size: 21px; letter-spacing: -1px; margin-bottom: 20px;}
#pg_invitationconfirm-a h1 a {color: #3399cc; text-decoration: none;}
#pg_invitationconfirm-a h1 a:hover {text-decoration: underline;}
#pg_invitationconfirm-a img {margin-bottom: 20px;}
#inviteAvailable {float: right; clear: left; width: 200px; margin: 0 40px 0 0; font-size: 16px; font-weight: bold; color: #669933; line-height: 34px;}
#inviteAvailable span {float: left; margin-right: 10px; font-size: 32px; letter-spacing: -1px; line-height: 34px; color: #F30100;}
#appContainer.invite {width: 885px; margin-left: 60px; padding-right: 0; padding-left: 0;}
#appContainer.invite #step1 {border-bottom: 1px solid #77ad62; padding-bottom: 15px; margin-bottom: 15px;}
#appContainer.invite #step2 {border-bottom: 1px solid #77ad62; padding-bottom: 15px; margin-bottom: 15px;}
#appContainer.invite #step3 {}
#appContainer.invite .step {float: left; clear: left; width: 100%;}
#appContainer.invite .step .num {float: left; width: 30px; font-size: 36px; color: #0319c4; font-family: Comic Sans MS; margin: 0 30px;}
#appContainer.invite .step p {float: left; font-size: 17px; line-height: 20px; font-weight: bold; color: #000; width: 230px; margin-right: 60px; padding-top: 10px;}
#appContainer.invite .step fieldset {float: left; width: 500px;}
#appContainer.invite #step1 ul {float: left; width: 100%;}
#appContainer.invite #step1 ul li {float: left; width: 100%; margin-bottom: 4px;}
#appContainer.invite #step1 ul li label {float: left; width: 55px; line-height: 26px; color: #666;}
#appContainer.invite #step1 ul li input {float: left; width: 300px;}
#appContainer.invite #step2 textarea {float: left; width: 400px; font-size: 12px; line-height: 16px;}
#appContainer.invite #step3 fieldset a {float: left; margin: 20px 0 0 30px; color: #666;}
#appContainer.invite #step3 fieldset a:hover {text-decoration: none; color: #333;}
#inviteResults {float: left; width: 100%; padding-bottom: 25px; }
#inviteResults li {float: left; line-height: 16px;}
#inviteResults p {font-size: 12px; margin-bottom: 5px;}
#inviteResults li span {color: #333; font-weight: bold;}
#inviteResults li.already {padding-left: 21px; background: url('../images/icn_approved.gif') left no-repeat;}
#inviteResults li.success {padding-left: 21px; background: url('../images/icn_email.gif') left no-repeat;}
#inviteResults li.redo {padding-left: 21px; background: url('../images/icn_undo.gif') left no-repeat;}
#inviteResults li.error {padding-left: 21px; background: url('../images/icn_error.gif') left no-repeat;}
#fullpage {float: left; width: 978px; padding: 20px;}
#fullpage h1 {font-size: 22px; letter-spacing: -1px; font-weight: bold; margin-bottom: 20px;}
#fullpage h2 {font-size: 19px; font-weight: bold; margin: 10px 0;}
#fullpage h3 {font-size: 16px; font-weight: bold; margin-bottom: 4px;}
#fullpage p {font-size: 12px; line-height: 16px; margin-bottom: 14px;}
#fullpage ul {padding-left: 30px;}
#fullpage ul li {list-style-type: disc; font-size: 12px; line-height: 16px; margin-bottom: 14px;}
.colSide {float: left; width: 20%; }
.colMain {float: left; width: 75%; padding: 15px 0 45px 4%; }
#fullpage .colSide ul {float: left; width: 100%; margin: 65px 0 0 -20px; padding: 0;}
#fullpage .colSide ul li {font-size: 14px; float: left; width: 100%; margin-bottom: 6px; line-height: 28px; text-indent: 15px;}
#fullpage .colSide ul li a {font-weight: bold; color: #333; text-decoration: none;}
#fullpage .colSide ul li a:hover {color: #003366; text-decoration: none;}
#fullpage .colSide ul li.focus {background: #eabc05}
#fullpage .colSide ul li.focus a {color: #fff;}
#fullpage .colSide ul li.focus a:hover {color: #fdfbe0;}
#fullpage .colMain h1 {float: left; width: 95%; margin: 0 0 10px 0; font-family: 'Comic Sans MS'; font-weight: bold; font-size: 36px; color: #333; letter-spacing: -1px;}
#fullpage .colMain h2 {float: left; width: 95%; margin: 25px 0 6px 0; font-family: 'Comic Sans MS'; font-weight: normal; font-size: 30px; color: #0319C4; letter-spacing: -1px;}
#fullpage .colMain h3 {float: left; width: 95%; margin: 0 0 10px 0; font-weight: normal; font-size: 18px; color: #666;}
#fullpage .colMain p {float:left; width: 95%; font-size: 14px; margin: 0 0 20px 0; line-height: 18px;}
#fullpage .colMain .bioDesc {padding-top: 12px; border-top: 1px dotted #ccc;}
#fullpage .colMain .bioPic {float: right; margin: -50px 0 15px 15px; border: 1px solid #333;}
#contactForm {width: 600px; margin: 0; background: none; border: 0;}
dl.interview {float: left; width: 900px; padding: 4px 0 15px 35px; margin: 0 20px 15px 25px; background: url('../images/icn_question.gif') top left no-repeat;}
dl.interview.last {margin-bottom: 40px;}
dl.interview dt {font-weight: bold; font-size: 17px; line-height: 20px; margin-bottom: 4px;}
dl.interview dd {font-size: 13px; line-height: 16px; padding-bottom: 15px; border-bottom: 1px dotted #93c2d3;}
dl.interview dd span {color: #009900; font-weight: bold;}
dl.interview.faq {width: 690px; margin: 0 20px 15px 0px;}
#fullpage .colMain .faqCategory h2 {float: left; width: 100%; margin-bottom: 15px;}
#fullpage .colMain p.faqSelector {padding: 10px 0; margin: 0; background: #fdfbe0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
#fullpage .colMain p.faqSelector label {font-weight: bold; padding: 0 20px;}
.pg_legal #canvas {background: #fff;}
.pg_faqs #canvas {background: #fff url(../images/bg_bush-white.gif) bottom left no-repeat;}
.pg_parent #canvas {background: #fff;}
.pg_about #canvas {background: #fff url(../images/bg_bush-white.gif) bottom left no-repeat;;}
.pg_contact #canvas {background: #fff url(../images/bg_bush-white.gif) bottom left no-repeat;}
.pg_accountcenter #canvas {background: #fff url(../images/bg_bush-white.gif) bottom left no-repeat;}
.pg_management #canvas {background: #fff url(../images/bg_bush-white.gif) bottom left no-repeat;}
.pg_parent #fullpage {padding: 0; width: 100%;}
.pg_parent #fullpage .parentsIntro {float: left; width: 990px; margin: 0 10px 20px 20px;}
.pg_parent #fullpage .parentsIntro h1 {float: left; width: 745px; font-family: 'Comic Sans MS'; font-size: 34px; margin: 20px 0 8px 0; font-weight: bold; letter-spacing: -1px;}
.pg_parent #fullpage .parentsIntro p {float: left; width: 745px; font-size: 13px; line-height: 16px; margin-bottom: 13px; color: #999;}
.pg_parent #fullpage .features {float: left; position: relative; width: 100%; background: url('../images/bg_yellow-fade.gif') top repeat-x;}
.pg_parent #fullpage .features #teacher {position: absolute; bottom: 0; left: -40px;}
.pg_parent #fullpage .features ul {float: left; padding: 25px; margin-left: 70px;}
.pg_parent #fullpage .features ul li {float: left; width: 25%; position: relative;}
.pg_parent #fullpage .features h2 {font-size: 22px; font-weight: bold; margin-bottom: 8px;}
.pg_parent #fullpage .features a {color: #0319c4; cursor: pointer;}
.pg_parent #fullpage .features a:hover {text-decoration: none; color: #6699cc;}
.pg_parent #fullpage .features p {font-size: 12px; line-height: 18px; width: 85%; color: #666; font-style: italic;}
.pg_parent #fullpage .features ul li.active img {display: block;}
.pg_parent #fullpage .featureBlock {float: left; position: relative; width: 100%; padding-bottom: 40px;}
.pg_parent #fullpage .featureBlock ul {float: left; width: 964px; padding: 0 0 0 60px;}
.pg_parent #fullpage .featureBlock ul li {float: left;}
.pg_parent #fullpage .featureBlock h3 {float: left; font-size: 16px; font-weight: bold;}
.pg_parent #fullpage .featureBlock p {float: left; font-size: 12px; line-height: 16px;}
.pg_parent #fullpage .featureBlock img {float: left; }
.pg_parent #fullpage #block1 #notch {position: absolute; bottom: -2px; left: 95px; z-index: 99;}
.pg_parent #fullpage #block1 li {width: 27%;}
.pg_parent #fullpage #block1 li.first {display: inline; padding-right: 20px; margin-right: 30px; border-right: 1px solid #ddd;}
.pg_parent #fullpage #block1 li.last {display: inline; padding-left: 20px; margin-left: 30px; border-left: 1px solid #ddd;}
.pg_parent #fullpage #block1 h3 {margin: 5px 0 0 3px;}
.pg_parent #fullpage #block1 p {margin: 5px 0 0 3px;}
.pg_parent #fullpage #block2 #notch {position: absolute; bottom: -2px; left: 322px; z-index: 99;}
.pg_parent #fullpage #block2 li {width: 45%; clear: left; margin-bottom: 30px;}
.pg_parent #fullpage #block2 li.alt {clear: none; margin-left: 20px;}
.pg_parent #fullpage #block2 h3 {margin: 0 0 0 10px;}
.pg_parent #fullpage #block2 p {width: 340px; margin: 5px 0 0 10px;}
.pg_parent #fullpage #block3 #notch {position: absolute; bottom: -2px; left: 550px; z-index: 99;}
.pg_parent #fullpage #block3 li {width: 45%; clear: left; margin-bottom: 30px;}
.pg_parent #fullpage #block3 li.alt {clear: none; margin-left: 30px;}
.pg_parent #fullpage #block3 h3 {margin: 0 0 0 10px;}
.pg_parent #fullpage #block3 p {width: 340px; margin: 5px 0 0 10px;}
.pg_parent #fullpage #block4 #notch {position: absolute; bottom: -2px; left: 775px; z-index: 99;}
.pg_parent #fullpage #block4 li {width: 27%;}
.pg_parent #fullpage #block4 li.first {display: inline; padding-right: 20px; margin-right: 30px; border-right: 1px solid #ddd;}
.pg_parent #fullpage #block4 li.last {display: inline; padding-left: 20px; margin-left: 30px; border-left: 1px solid #ddd;}
.pg_parent #fullpage #block4 h3 {margin: 5px 0 0 3px;}
.pg_parent #fullpage #block4 p {margin: 5px 0 0 3px;}
#pg_subscriptionConfirm {float: left; width: 100%; background: url(../images/bg_yellow-to-yellow.gif) 0 220px repeat-x; height: 400px; margin-top: 40px;}
#pg_subscriptionConfirm .mouse {position: absolute; left: -199px;}
#pg_subscriptionConfirm #appContainer {margin-left: 260px; min-height: 250px;}
#pg_subscriptionConfirm #appContainer p {margin-bottom: 12px; line-height: 16px;}
#pg_subscriptionConfirm #appContainer button {margin: 25px 0 0 120px;}
#pg_helpdesk {float: left; width: 100%; background: url(../images/bg_yellow-to-yellow.gif) 0 220px repeat-x; margin-top: 40px;}
#pg_helpdesk .mouse {position: absolute; left: -199px;}
#pg_helpdesk #appContainer {margin-left: 260px;}
#pg_helpdesk #appContainer p {margin-bottom: 12px; line-height: 16px;}
#pg_helpdesk #appContainer textarea {width: 300px; height: 100px;}
#pg_helpdesk #appContainer button {margin: 15px 0 0 0;}
#pg_helpdesk #appContainer .actions a {margin-top: 35px; color: #666;}
#pg_helpdesk.confirm #appContainer {height: 250px;}
#pg_helpdesk.confirm #appContainer h1 {font-size: 40px;}
#pg_helpdesk.confirm #appContainer p {font-size: 16px; line-height: 20px; margin-left: 3px;}
#pg_helpdesk.confirm #appContainer a {color: #0219c6;}
#pg_login {float: left; width: 400px; margin: 30px 0 0 45px; text-align: center;}
#pg_login h1 {width: 100%; font-size: 24px; font-family: Comic Sans MS, Arial, Helvetica, sans-serif; color: #000; letter-spacing: -1px; margin-bottom: 8px;}
#pg_login p {font-size: 14px; line-height: 18px;}
#pg_login p a {font-weight: bold; color: #0219c6;}
#appContainer.forgotpw {margin-top: 40px;}
#appContainer.forgotpw h3 {float: left; font-size: 16px; font-weight: bold; margin: 20px 0 25px 0;}
#appContainer.forgotpw p {float: left; width: 100%; line-height: 16px; margin-bottom: 10px;}
#appContainer.forgotpw p a {color: #0219c6;}
#appContainer.forgotpw .formRow {margin-bottom: 15px;}
#appContainer.emailvalidation {margin-top: 40px; height: 250px;}
#appContainer.emailvalidation p {float: left; width: 100%; line-height: 16px; margin-bottom: 10px;}
#appContainer.emailvalidation p a {color: #0219c6;}
#appContainer.emailvalidation #townspeople {bottom: -51px; left: 70px;}
p.reinstate {float: left; width: 370px; font-size: 13px; line-height: 18px; font-weight: bold; color: #990000; padding-left: 40px; background: url(../images/icn_warning.gif) left no-repeat; margin: 20px;}