/*****CSS RESET*******/

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, b, u, i, center,
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-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

body { background: url('images/bkg.jpg') repeat-x #00265A; font-family: Arial; font-size: 13px; color: #000; line-height: 18px; } 
a { color: #000; text-decoration: none; }
a:hover { color: #FF0000; }

/*****FOOTER STYLES*******/

#footer { float: left; clear: both; width: 100%; padding: 10px 0 0 0; color: #fff; text-align: center; }
#footer a { color: #fff; text-decoration: none; margin-top: 15px; padding: 0 20px 0 20px; }
#footer a:hover { text-decoration: underline; }

/*****HOME NAV STYLES*******/

#homeNav { float: left; width: 939px; height: 39px; margin: 10px 0 0 62px; font-size: 18px; font-weight: bold; }

.askNav a { float: left; width: 50px; height: 22px; padding: 3px 0 0 67px; color: #17B272; text-decoration: none; }
.askNav a:hover { width: 50px; height: 22px; background: url('images/askRoll.jpg') no-repeat; }

.joinNav a { float: left; width: 39px; height: 30px; padding: 3px 0 0 65px; color: #8F10CB; text-decoration: none; }
.joinNav a:hover { width: 39px; height: 30px; background: url('images/joinRoll.jpg') no-repeat; }

.factsNav a { float: left; width: 118px; height: 15px; margin: -18px 0 0 90px; padding: 21px 0 0 10px; color: #D38C03; text-decoration: none; }
.factsNav a:hover { width: 118px; height: 15px; background: url('images/factsRoll.jpg') no-repeat; }

.knowNav a { float: left; width: 114px; height: 28px; margin: 3px 0 0 24px; padding: 1px 0 0 12px; color: #2371CF; text-decoration: none; }
.knowNav a:hover { width: 114px; height: 28px; background: url('images/knowRoll.jpg') no-repeat; }

.aboutNav a { float: left; width: 119px; height: 28px; margin: 3px 0 0 4px; padding: 0px 0 0 12px; color: #000; text-decoration: none; }
.aboutNav a:hover { width: 119px; height: 28px; background: url('images/aboutRoll.jpg') no-repeat; }

.homeNav a { float: left; width: 87px; height: 63px; margin: -29px 0 0 -25px; background: url('images/home.png') no-repeat; }
.homeNav a:hover { width: 87px; height: 63px; background: url('images/homeRoll.png') no-repeat; }

/*****HOME STYLES*******/

#homeBkg { margin: 0 auto; width: 939px; height: 985px; background: url('images/homeBkg.jpg') no-repeat; }
.red { color: #FF0000; }
.findMore { margin-top: 5px; font-size: 12px; }

#brainNav { float: left; width: 941px; height: 479px; }

#homeBottomContentTop { float: left; width: 939px; height: 220px; margin: 10px 0 0 100px; }
#homeBottomContentBottom { float: left; width: 939px; height: 220px; margin: 10px 0 0 100px; }
#homeQuestionContainer { float: left; width: 259px; height: 147px; margin: 43px 0 0 95px; font-size: 15px; }
#homeJoinContainer { float: left; width: 235px; height: 165px;  margin: 5px 0 0 20px; color: #fff; }
#homeJoinContainer a { color: #fff; text-decoration: none; font-weight: bold; }
#homeJoinHeader { font-weight: bold; font-size: 18px; }
#joinButton { width: 187px; height: 27px; padding: 15px 0 0 80px; background: url('images/joinButtonBkg.jpg') no-repeat; font-size: 19px; color: #fff; }
#teensKnowText { float: left; width: 325px; height: 94px; margin: 95px 0 0 -10px; line-height: 22px; color: #fff; font-size: 15px; }
#scoopText { float: left; width: 245px; height: 151px; margin: 20px 0 0 20px; font-style: italic; }
#knowMoreText { float: left; width: 60px; height: 45px; margin: 100px 0 0 62px; font-weight: bold; font-size: 14px; text-align: center; }

/****SUB HEADER STYLES*******/

#subContentBkg { margin: 0 auto; width: 939px; height: 663px; background: url('images/subContentBkg.jpg') no-repeat; }
.logo { float: left; width: 259px; height: 164px; margin: -45px 0 0 -45px; }
#subContentContainer {
  float: left; 
  width: 822px;
  margin: 45px 0 0 55px;
  background: url('images/subContentContainer.jpg') no-repeat #EAE291;
  min-height: 610px;
  height: auto !important;
  height: 610px;
}

/*****SUB NAV STYLES*******/

#subNav { float: left; width: 560px; height: 36px; margin: -35px 0 0 -10px; font-size: 18px; font-weight: bold; }

#subAskNav a { float: left; width: 41px; height: 26px; padding: 10px 0 0 53px; color: #17B272; text-decoration: none; }
#subAskNav a:hover { width: 41px; height: 26px; background: url('images/subAskRoll.png') no-repeat; }

#subJoinNav a { float: left; width: 36px; height: 26px; padding: 10px 0 0 53px; color: #8F10CB; text-decoration: none; }
#subJoinNav a:hover { width: 36px; height: 26px; background: url('images/subJoinRoll.png') no-repeat; }

#subFactsNav a { float: left; width: 91px; height: 26px; margin-left: 55px; padding: 10px 0 0 10px; color: #D38C03; text-decoration: none; }
#subFactsNav a:hover { width: 91px; height: 26px; background: url('images/subFactsRoll.png') no-repeat; }

#subKnowNav a { float: left; width: 110px; height: 26px; margin-left: 20px; padding: 10px 0 0 2px; color: #2371CF; text-decoration: none; }
#subKnowNav a:hover { width: 110px; height: 26px; background: url('images/subKnowRoll.png') no-repeat; }

#subAboutNav a { float: left; width: 61px; height: 26px; margin-left: -50px; padding: 10px 0 0 48px; color: #000; text-decoration: none; }
#subAboutNav a:hover { width: 61px; height: 26px; background: url('images/subAboutRoll.png') no-repeat; }

#subHomeNav a { float: left; width: 86px; height: 87px;  margin: -45px 0 0 -30px; background: url('images/subHome.png') no-repeat; }
#subHomeNav a:hover { width: 86px; height: 87px; background: url('images/subHomeRoll.png') no-repeat; }

/**** SUB CONTENT STYLES*******/

.subContainer { float: left; width: 770px; margin: 40px 0 15px 30px; }
.green{ font-size: 16px; font-weight: bold; color: #29B87D; }
.subTitle { width: 529px; height: 71px; margin: -20px 0 20px 18px; }
ul { margin: 10px 0 0 20px; }

.askTitle { width: 529px; height: 71px; margin: -20px 0 20px -13px; }
.askContainer { float: left; width: 556px; }
.askContainer span { font-size: 16px; font-weight: bold; color: #29B87D; }
.askDivider { float: left; width: 538px; height: 14px; margin: 5px 10px 20px; }
.subImage { float: left; width: 207px; height: 416px; margin: 85px 15px 0 -191px; }

.thankYou { font-size: 1.8em;text-align: center; color: #8f10cb; }

.flower { float: right; width: 206px; height: 187px; }
.bracelet { float: right; width: 250px; height: 193px; }
.backpack { float: right; width: 250px; height: 251px; }