/* CSS Document */

html{height: 100%;}
body{height: 100%; padding: 0; margin: 0; font-family: Arial, Helvetica, sans-serif; background: #C1EAFA url(../images/bg.jpg) 0 0 repeat-x;}

/* *************************************************************
EVERYTHING EXCEPT THE FOOTER
************************************************************* */
#nonFooter{position: relative; min-height: 74%; z-index: 10; background: url(../images/pic_clouds.jpg) top center no-repeat;}
* html #nonFooter{ height: 75%; z-index: 10;}

/* *************************************************************
MAIN CONTENT
************************************************************* */
#content{ width: 780px; margin: 0 auto; padding: 0;}


/* *************************************************************
HEADER
************************************************************* */
#header{ float: left; width: 780px;}
#homepageLink{ width: 252px; height: 50px; float: left; display: inline; margin: 0; padding: 0; background: url(../images/nav/nav_top.gif) 0 0 no-repeat;}
#homepageLink p a{float: right; text-align: left; font-size: 75%; text-transform: uppercase; color: #669900; background: url(../images/icons/icon_star.gif) 0 0 no-repeat; width: 168px; padding: 2px 0 0 25px; margin: 23px 0 0 0; display: inline; color: #669900; text-decoration: none; font-weight: bold;}
#homepageLink p a:hover{ color: #0099FF;}

#header img{ float: left;}
#logo{ float: left; width: 160px;}
#navTop{ float: left; width: 620px;}


/* *************************************************************
BODY CONTENT WRAP
************************************************************* */
#bodyWrap{ float: left; padding: 0 0 8px 0; width: 690px; background: url(../images/shape_mainBody_btm.gif) 50px bottom no-repeat;}


/* *************************************************************
WELCOME TEXT & TITLE
************************************************************* */
#welcome{ float: left; width: 390px; height: 105px;}
#welcomeText { float: left; background: url(../images/shape_mainBody_top.gif) bottom left no-repeat; height: 105px; width: 300px;}
#welcomeText h1{ font: 110% "Times New Roman", Times, serif; color: #634030; float: left; display: inline; padding: 15px 0 0 20px; margin: 0; width: 220px; text-align: left;}


/* *************************************************************
MAIN CONTENT
************************************************************* */
#bodyContent{ float: left; clear: both; width: 628px; padding: 10px; margin: 0 0 0 40px; border-width: 0 1px 1px 1px; border-style: solid; border-color: #90DBF7; background-color: #fff; display: inline;}

#bodyContent #logoList { float: left; margin: 0 0 0 10px; display: inline; clear: both; width: 618px;}
#bodyContent #logoList a{ width: 200px; height: 130px; float: left; margin: 0 0 0 5px; text-align: center; vertical-align: middle; background-repeat: no-repeat; background-position: center; display: inline;}


/* *************************************************************
HOMEPAGE
************************************************************* */
#bodyContent table { float: left; margin: 0; display: inline; clear: both;}
#bodyContent table h2{font: 140% "Times New Roman", Times, serif; padding: 0; margin: 0 0 5px 0; font-weight: bold;}
#bodyContent table p{font-size: 90%; padding: 0; margin: 0 0 15px 0; color: #006699;}

/* styles for homepage titles */
#bodyContent a.games{ color: #FF0099; text-decoration: none;}
#bodyContent a.games:hover{ color: #FF0099; text-decoration: underline;}
#bodyContent a.activities{ color: #663399; text-decoration: none;}
#bodyContent a.activities:hover{ color: #663399; text-decoration: underline;}
#bodyContent a.music{ color: #669900; text-decoration: none;}
#bodyContent a.music:hover{ color: #669900; text-decoration: underline;}
#bodyContent a.tv{ color: #FF6600; text-decoration: none;}
#bodyContent a.tv:hover{ color: #FF6600; text-decoration: underline;}
#bodyContent a.toys{ color: #006699; text-decoration: none;}
#bodyContent a.toys:hover{ color: #006699; text-decoration: underline;}
#bodyContent a.fun{ color: #CC0000; text-decoration: none;}
#bodyContent a.fun:hover{ color: #CC0000; text-decoration: underline;}
#bodyContent a.parents{ color: #FF9900; text-decoration: none;}
#bodyContent a.parents:hover{ color: #FF9900; text-decoration: underline;}
#bodyContent a.education{ color: #FF3300; text-decoration: none;}
#bodyContent a.education:hover{ color: #FF3300; text-decoration: underline;}
/* End of styles for homepage titles */

#bodyContent .childline { margin: 10px 0 0px 0; float: left; width: 100%; text-align: center;}
#bodyContent form{ width: 400px; margin: 0 auto;}
#bodyContent .childline a{ color: #FF6600; font-weight: bold;}
#bodyContent .childline a:hover{ color: #CC0000;}

#emailLogin{ float: right; width: 290px; margin: 0 0 40px 0; /* height: 259px; background: url(../images/bg_email-login.gif) 0 0 no-repeat; */ }
#emailLogin img{ float: left;}
#bodyContent #emailLogin h2{ margin: 35px 0 0 20px; padding: 0; float: left; }

#bodyContent #emailLogin form { margin: 20px 0 0 0; float: left; width: 260px;}
#bodyContent #emailLogin form p{ font-size: 70%; color: #000; margin: 0 0 3px 20px; padding: 0;}
#bodyContent #emailLogin form p a{ color: #666;}
#bodyContent #emailLogin form p a:hover{ color: #FF6600;}
#bodyContent #emailLogin p{font-size: 70%; margin: 0 0 0 20px; padding: 0; width: 240px; line-height: 160%;}
#bodyContent #emailLogin p a{ color: #000;}
#bodyContent #emailLogin p a:hover{ color: #FF3300;}
#emailLogin form label{ float: left; width: 50px; text-align: right; margin: 0 5px 0 0;}
#emailLogin .submit{ width: 65px; height: 50px; background: url(../images/btn_emailGo.gif) 0 0 no-repeat; border: none; cursor: pointer; margin: 5px 10px 0 0; float: left;}

#bodyContent #newsFeatures{float: right; width: 290px; }
#bodyContent #newsFeatures h2{ float: left; margin: 0 0 10px 0; padding: 0;}
#bodyContent #newsFeatures h3{ color: #0077C6; width: 240px; float: left; font: 80% Arial, Helvetica, sans-serif; margin: 0 0 5px 5px;  padding: 0 0 0 20px; background: url(../images/icons/icon_article.gif) 0 0 no-repeat; font-weight: bold;}
#bodyContent #newsFeatures h3 a:hover{color: #669900;}
#bodyContent #newsFeatures p{ color: #006699; width: 260px; float: left;  margin: 0 0 15px 5px; padding: 0 0 15px 0; border-bottom: 1px dotted #ccc;}
#bodyContent #newsFeatures p a{ color: #669900;}
#bodyContent #newsFeatures p a:hover{ color: #006699}
#bodyContent #newsFeatures .viewAll{ border: none; background: url(../images/icons/icon_arrow-green.gif) center left no-repeat; padding: 0 0 0 12px;}


/* *************************************************************
ARTICLE PAGE
************************************************************* */
#bodyContent #articleList { float: left; clear: both;}
#bodyContent #articleList h3 a{ color: #FF6600;}
#bodyContent #articleList h3 a:hover{ color: #006699;}
#bodyContent #articleList ul{ list-style: none; float: left; width: 610px; margin: 0; padding: 0;}
#bodyContent #articleList li{ float: left; width: 600px; background: url(../images/icons/icon_article.gif) 0 2px no-repeat; padding: 0 0 0 15px; margin: 0 0 8px 0; line-height: 150%;}
#bodyContent #articleList li a:hover{color: #669900;}


/* *************************************************************
NORMAL PAGES
************************************************************* */
#bodyContent h2{font: 130% "Times New Roman", Times, serif; padding: 0; margin: 20px 0 5px 0; font-weight: bold; color: #FF6600;}
#bodyContent h2 a.back{ float: right; font-size: 60%; color: #669900;}
#bodyContent h3{font: 110% "Times New Roman", Times, serif; padding: 0; margin: 20px 0 10px 0; font-weight: normal; color: #FF6600;}
#bodyContent h4{font: 130% "Times New Roman", Times, serif; padding: 10px 0 0 0; margin: 20px 0 10px 0; font-weight: normal; color: #FF6600; clear: both; border-top: 1px solid #FF6600; float: left; display: block; width: 628px;}
#bodyContent p{font-size: 75%; padding: 0; margin: 0 0 10px 0; color: #006699; line-height: 200%; clear: both;}
#bodyContent p.intro{ font-size: 95%; font-style: italic; line-height: 160%;}

#bodyContent .image{ float: left; margin: 0 10px 0 0; clear: both;}

#bodyContent a{ color: #006699;}
#bodyContent a:hover{ color: #FF6600;}
#bodyContent ul{ margin: 0 0 20px 0;}
#bodyContent li{font-size: 75%; padding: 0; margin: 0; color: #006699; line-height: 160%; clear: both;}


/* *************************************************************
CONTACT PAGE
************************************************************* */
form { margin: 20px 0 0 0; }
form label{ float: left; width: 100px;}
.text{ font-size: 110%; width: 100px}
textarea{ font: 110% Arial, Helvetica, sans-serif;}
.submit{ width: 120px; height: 70px; background: url(../images/btn_submit.jpg) 0 0 no-repeat; border: none; cursor: pointer;}


/* *************************************************************
ALERT BOX
************************************************************* */
#alertBox{border: 1px solid #FF9900; padding: 10px 0; margin: 10px 0 20px 0; background-color: #FFF1DD; width: 99%; text-align: left; float: left;}
#alertBox h2{ margin: 0; padding: 0; font-size: 80%; font-weight: bold; color: #FF3300; border: none;}
#alertBox p{color: #000; font-size: 70%; padding: 0; margin: 0 0 0 10px; line-height: 180%; clear: none; width: auto;}


/* *************************************************************
FOOTER
************************************************************* */
#footer{ position: relative; z-index: 1; height: 400px; padding: 0 0 0 0; margin-top: -200px; width: 100%; text-align: center; background: url(../images/pic_themepark.jpg) bottom center no-repeat;}
.copyright{ clear:both; width: 500px; font-size: 70%; color: #000; bottom: 0; position: absolute; padding: 0; margin: 0 auto 3px auto;}

.footnote{float: left; width: 300px; margin: 0 0 0 60px; padding: 0; display: inline; color: #fff; font-size: 60%;}
.footnote a{ color: #fff; text-decoration: none;}
.footnote a:hover{ color: #3399FF;}



/* *************************************************************
EMAIL WRAP
************************************************************* */
#emailContent{ float: left; clear: both; width: 648px; padding: 0; margin: 0 0 0 40px; border-width: 0 1px 1px 1px; border-style: solid; border-color: #90DBF7; background-color: #fff; display: inline;}

.index-sign-in-register
{
clear: left;
padding: 1px 30px 0 20px;
}

#emailLogin img
{
border: none;
}

.email-issues
{
float: right;
}