a {color: #E13E31; text-decoration: none;}
a:hover, a:active {color: #023F72; text-decoration: underline;}
blockquote {margin: 12px 0px 20px 24px;}
body {background: fixed #639CD1 url(../_images/bg-body.gif) repeat-x; margin: 0px 20px 20px 20px; padding: 0px;}
h1 { height: 29px; line-height: 29px;  padding: 0px; margin: 0px 0px 2px 0px;}
h2 {margin: 12px 0px 2px 0px; color: #E13E31; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px;}
h3 {color: #023F72; font-size: 12px; margin: 12px 0px 0px 0px; padding: 0px;}
hr {color: #FFFFFF; border: none; border-top: 1px dashed #82AEDA; margin-bottom: 12px; clear: right; height: 1px;}
p {line-height: 18px; padding: 0px; margin: 0px 0px 12px 0px;}
ul {padding: 0px; margin: 0px 0px 12px 16px; list-style-type: square;}
li {line-height: 18px;}

.check {width: auto !important; float: right;}
.clear {clear: both;}
img.right {float: right; margin: 0px 0px 12px 16px;}
p.error {color: #EF4D40; margin-top: 20px;}

.top {font-size: 10px;}

#left {float: left; width: 348px; margin-bottom: 12px;}
#right {float: left; width: 162px; padding-left: 32px; margin-bottom: 12px;}

#top {display: block; height: 18px;}
#container {position: relative; width: 828px; border: 1px solid #194A7C; background: #FFFFFF url(../_images/bg-container.gif) no-repeat top left; margin: 0px auto 0px auto;  font: 12px Arial, Helvetica, sans-serif; color: #023F72;}
#content {position: relative; margin: 136px 30px 0px 256px; padding-bottom: 20px; min-height: 380px;}
*html #content {height: 380px;}
#content .callout {float: right; clear: right; margin: 14px 0px 2px 14px; padding: 0px 14px 2px 14px; width: 150px; border: 1px dashed #82AEDA;}
#content .callout h2 {margin-top: 14px;}
#header {z-index: 1; clear: both; position: absolute; left: 0px; top: 0px; width: 828px;}
#header #logo {display: block; width: 152px; height: 81px; position: absolute; top: 36px; left: 43px; }
#header #sponsor {display: block; position: absolute; top: 20px; right: 30px; border: 1px solid #999999;}
#header #sponsor img {border: none;}
#main-nav {position: absolute; left: 30px; top: 151px; height: 305px; width: 242px;}
#main-nav ul {no-repeat; margin: 0px; padding: 0px; width: 223px; height: 223px;}
#main-nav ul li {height: 28px; padding: 0px; list-style-type: none;}
#main-nav ul li a {height: 27px; width: 223px; display: block; background: no-repeat 50px 6px; }
#main-nav ul li a:hover, #main-nav ul li a:active {background-position: 50px -21px; text-decoration: none;}

#main-nav .callout {padding: 24px 0px 0px 0px; width: 170px;}
#main-nav .callout h2 {width: 138px; height: 40px; background: url(../_images/sh-sign-up.gif) no-repeat; margin: 0px 0px 5px 0px !important;}
#main-nav .callout h2 a {display: block; width: 138px; height: 40px; }
#main-nav .callout p {line-height: 15px; margin-bottom: 0px;}
#main-nav .callout a {font-weight: bold; text-transform: uppercase; line-height: 20px; font-size: 11px;}
#sub-nav {float: right; margin: 10px 0px 0px 0px; padding: 0px;}
#sub-nav li {float: left; display: block; height: 15px; line-height: 15px; margin-right: 7px; padding-right: 7px; border-right: 1px solid #5592CD;}
#sub-nav li.last {margin: 0px; padding: 0px; border: none;}
#sub-nav li a {height: 15px; line-height: 15px; display: block; background: no-repeat 0px 2px;}
#sub-nav li a:hover, #sub-nav ul li a:active {background-position: 0px -17px; text-decoration: none;}
#sub-nav li a#nav-home {width: 35px;}
#sub-nav li a#nav-for-parents {width: 69px;}
#sub-nav li a#nav-for-advertisers {width: 91px;}
#footer {clear: both; background: #194A7C; text-align: center; color: #FFFFFF; font-size: 10px; padding: 5px 0px 4px 0px;}
#footer a {color: #FFFFFF;}

#p-home h1 {}
#p-home h2 {padding: 0px; margin: 22px 0px 2px 0px;}
#p-home #content h2 a {display: block;  height: 23px; line-height: 23px; width: 137px;}
#p-home #content h2.sh-for-advertisers a {width: 175px;}
#p-home #content {margin-right: 15px;}
#p-home #right {position: relative; z-index: 2; margin-top: -25px; width: 177px; background: url(../_images/issue-2006-summer.jpg) no-repeat; padding-top: 300px;} 
#p-home #right h2 { height: 23px; line-height: 23px; background-image: url(../_images/sh-current-issue.gif); margin-top: 0px;}
#p-home #right ul {margin: 0px 10px 5px 16px;} 
#p-home #right ul li {font-size: 11px; line-height: 14px; margin-bottom: 4px;}
#p-home #right a {font-weight: bold;}

#p-for-parents h1 {background-image: url(../_images/h-for-parents.gif); margin-bottom: 14px;}

#p-for-advertisers h1 {background-image: url(../_images/h-for-advertisers.gif);}
#p-for-advertisers #content .callout {padding-bottom: 14px;}
#p-for-advertisers #top-5 {padding: 0px; margin: 0px; list-style-type: none; position: relative;}
#p-for-advertisers #top-5 li {padding-left: 36px; background-position: 0px 8px; background-repeat: no-repeat;} 
#p-for-advertisers #top-5 li.one {background-image: url(../_images/bg-1.gif);}
#p-for-advertisers #top-5 li.two {background-image: url(../_images/bg-2.gif);}
#p-for-advertisers #top-5 li.three {background-image: url(../_images/bg-3.gif);}
#p-for-advertisers #top-5 li.four {background-image: url(../_images/bg-4.gif);}
#p-for-advertisers #top-5 li.five {background-image: url(../_images/bg-5.gif);}

#p-articles h1 {background-image: url(../_images/h-articles.gif);}

#p-past-issues h1 {background-image: url(../_images/h-past-issues.gif);}
#p-past-issues #content h2 {margin-top: 0px;}
#p-past-issues #content img {margin-top: -16px;}

#p-resource-guide h1 {background-image: url(../_images/h-resource-guide.gif);}

#p-calendar h1 {background-image: url(../_images/h-calendar.gif);}
#p-calendar h2 {background-repeat: no-repeat; padding: 0px; margin: 6px 0px 2px 0px; height: 23px; line-height: 23px;}
#p-calendar h2.april {background-image: url(../_images/sh-april.gif);}
#p-calendar h2.may {background-image: url(../_images/sh-may.gif);}
#p-calendar h2.june {background-image: url(../_images/sh-june.gif);}
#p-calendar h2.july {background-image: url(../_images/sh-july.gif);}
#p-calendar h2.august {background-image: url(../_images/sh-august.gif);}
#p-calendar h2.september {background-image: url(../_images/sh-september.gif);}
#p-calendar h2.on-going-events {background-image: url(../_images/sh-on-going-events.gif); height: 45px;}
#p-calendar h3 {margin: 12px 0px 2px 0px; color: #E13E31; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px;}
#p-calendar h4 {color: #023F72; font-size: 12px; margin: 12px 0px 0px 0px; padding: 0px;}
#p-calendar #content div {float: left; width: 166px; padding-right: 18px;}
#p-calendar #content div h5 {font-size: 12px; font-style: italic; margin: 3px 0px 4px 0px; font-weight: normal;}
#p-calendar #content div.right {padding-right: 0px;}
#p-calendar #content div p {line-height: 15px; margin-bottom: 0px;}
#p-calendar #content div div {float: none; padding: 10px 0px 14px 0px; width: auto; margin: 18px 0px 12px 0px; border: 1px dashed #82AEDA; border-right: none; border-left: none;}
#p-calendar .top {clear: both; margin-top: 12px; display: block; width: 54px;}

#p-coupons h1 {background-image: url(../_images/h-coupons.gif);}
#p-coupons #content div {border: 1px dashed #82AEDA; padding: 0px 10px 10px 10px; margin: 8px 20px 12px 0px; width: 215px; height: 120px; float: left;}
#p-coupons #content div p {margin-bottom: 0px;}

#p-newsletter h1 {background-image: url(../_images/h-newsletter.gif);}
#p-newsletter #content form {margin: 0px 0px 12px 0px;}
#p-newsletter #content form table {margin: 0px; padding: 0px;}
#p-newsletter #content form table td {padding: 4px 0px 4px 0px;}
#p-newsletter #content form table th {width: 115px; padding: 6px 14px 2px 0px; text-align: right;} 
#p-newsletter #content form table input {width: 260px; height: 14px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
#p-newsletter #content form table input.radio {width: auto; height: auto;}
#p-newsletter #content form table input.submit {width: auto; height: auto; background-color: #E13E31; color: #FFFFFF; font-size: 11px; text-transform: uppercase; font-weight: bold; border: 1px solid #000000;}

#p-where-to-find-us h1 {background-image: url(../_images/h-where-to-find-us.gif);}
#p-where-to-find-us .top {clear: both; margin-top: 12px; display: block; width: 54px;}
#p-where-to-find-us #content div {float: left; width: 166px; padding-right: 18px;}
#p-where-to-find-us #content div.right {padding-right: 0px;}
#p-where-to-find-us #content div p {line-height: 15px; margin-bottom: 0px;}

#p-contact-us h1 {background-image: url(../_images/h-contact-us.gif);}
#p-contact-us #content form {margin: 0px; padding: 0px;}
#p-contact-us #content form table {width: 500px; margin-top: 12px;}
#p-contact-us #content form input {width: 300px; color: #023F72; }
#p-contact-us #content form textarea {width: 500px; margin-top: 4px; color: #023F72; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
#p-contact-us #content form table td {padding: 4px 0px 4px 0px;}
#p-contact-us #content form table th {width: 90px; padding: 6px 14px 2px 0px; text-align: right;} 
#p-contact-us #content form table input {width: 260px; height: 14px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
#p-contact-us #content form table input.submit {width: auto; height: auto; background-color: #E13E31; color: #FFFFFF; font-size: 11px; text-transform: uppercase; font-weight: bold; border: 1px solid #000000;}