html { min-width:1200px; height:100%; padding:0px;}
body {background:#ffffff; height:100%; padding:0px; margin:0px; }
a { outline:none;}

/* Classes */

hr.thin_white { border:none; background:#FFFFFF; color:#FFFFFF; height:1px;}

/* scroller */

#sliderFrame_l { background:url(images/balloonleft.png) no-repeat top left; width:229px; height:570px; position:absolute; top:30px; left:-185px; z-index:49;}
#sliderFrame_r { background:url(images/balloonright.png) no-repeat top left; width:229px; height:570px; position:absolute; top:30px; right:-185px; z-index:49;}
#slider { width:650px; margin: 230px auto 0px auto; padding:0px 0px; position: relative; z-index:48;}
#slider ul { width:600px; height:34px; margin:0px auto; padding:0px;}
#slider ul li { height:34px; list-style:none; margin:0px 5px 0px 0px; float:left;}
#slider ul li a { background:url(images/transparentWhite_30.png) repeat top left; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000000; display:block; padding:10px 10px; text-decoration:none;}
#slider ul li a:hover { background:url(images/transparentWhite_70.png) repeat top left;}
#slider ul li a.selected { background:#FFFFFF;}
.scroll { height: 470px; overflow: auto; position: relative; clear: left; margin-top:3px;}
.scrollContainer div.panel { background:transparent; padding: 0px 20px 20px 20px;  height: 470px; width: 610px;}
.scrollButtons { position: absolute; top: 155px; cursor: pointer; }
.scrollButtons.left { left: -120px; }
.scrollButtons.right { right: -120px; }

/* Divs */

#AboutStoriesHeader { margin:10px 0px 0px 0px; text-align:center;}
#AzartsGov a {color:#000000;}
#ArizonaCommissionThick { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:15px;}
#AskAboutOur { font-family:Arial, Helvetica, sans-serif; font-size: 17px; font-weight:700; text-align:center; margin:0px 0px 20px 0px;}
#balloonlinks { margin: 0px 0px 0px 0px;}
#CopyRight { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#000000; text-align:center; margin: 50px 0px 0px 0px;}
#CurriculumHeader { font-family:Arial, Helvetica, sans-serif; font-size:30px; font-weight:bold; margin: 20px 0px 20px 0px; text-align:center; padding: 0px 20px 0px 20px;}
#CurriculumText { padding:0px 25px 0px 25px; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#doylee { text-align:center; padding:5px 0px 0px 0px;}
#IndexPageMissionDoylee { text-align:center; margin: 60px 0px 60px 0px;}
#KidsQuotes { margin: 20px 0px 100px 0px;}
#MoreInfoThin { font-family:Arial, Helvetica, sans-serif; font-size:15px;}
#ObrianRosterThin { background:url(images/transparentWhite_30.png) repeat top left; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0px 20px 0px 20px; padding:10px; text-align:left; margin:0px 0px;}
#Quote { margin: 20px 0px 0px 0px;}
#QuoteText { font-family:Arial, Helvetica, sans-serif; font-size:13px}
#QuoteBy { font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:700;}
#MainContent { height:100%; width:1000px; margin:0px auto 0px 200px; position:relative; z-index:100;}
#MissionStatement { margin:0px 30px 0px 30px; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:20px 0px 0px 0px;}
#MainLogo { text-align:center;}
#ParticipantsFeedback { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:700; text-decoration:underline; margin: 50px 0px 0px 0px; text-align:left;}
#paypal { position:absolute; top:170px; right:200px; width:120px; margin: 0px auto 0px auto;}
#PhotoCaption { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#666666; width:230px; text-align:center; float:right; margin:0px 0px 10px 10px; }
#Sharon { margin: 0px 10px 10px 10px;}
#SharonName { font-family: Arial, Helvetica, sans-serif; font-size:18px; font-style:normal; font-weight:700; margin: 40px 0px 0px 10px;}
#SharonQuote { font-family:Arial, Helvetica, sans-serif; font-size:13px; margin: 0px 0px 0px 0px;}
#SharonTable { margin: 20px 0px 0px 0px }
#SlideShowBox{ border:2px #333333 solid; width:500px; height: 300px; margin:40px auto 0px auto;}

.contactus_contact { margin:20px 40px 20px 40px;}
.contactus_contactName { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000000; font-weight:bold;}
.contactus_contactPosition { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000;}
.contactus_contactMail a { font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.contactus_contactPhone { font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.contactus_title { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000000; font-weight:bold; margin:20px;}


#magicBoxOnline { position:absolute; top:160px; left:200px; width:155px; margin: 0px auto 0px auto;}

#programPanel_desc { font-family:Arial, Helvetica, sans-serif; font-size:13px; margin:20px;}
#programPanel_desc ul { margin:20px; padding:0px;}
#programPanel_desc ul li { width:500px; float:none; margin:5px;}

.programs_backTo { width:200px; margin:20px; text-align:center;}
.programs_backTo a { background:#0099CC; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; padding:5px; display:block; width:100%; text-decoration:none; }
.programs_backTo a:hover { background:#FFFFFF; color:#0099CC;}
.programs_progDesc { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; margin:20px;}
.programs_progTitle { font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#000000; font-weight:bold; margin:40px 20px 20px 20px;}
.programs_progTitle .ageRange { font-size:14px; color:#666666; font-weight:normal; text-decoration:none;}

#sponsorBox { width:500px; margin:10px auto;}
#sponsorBox table { width:500px;}
#sponsorBox table tr td { width:100px; text-align:center;}

#storyCafe_curtains_l { background:url(images/curtains_l.png) no-repeat bottom left; width:180px; height:825px; position:absolute; top:0px; left:0px; z-index:50;}
#storyCafe_curtains_r { background:url(images/curtains_r.png) no-repeat bottom right; width:180px; height:825px; position:absolute; top:0px; right:0px; z-index:50;}
#storyCafe_curtains_t { background:url(images/curtains.png) repeat-x bottom; width:100%; height:150px; position:absolute; top:0px; z-index:1000;}
#storyCafe_sky { background:#c8e0f6 url(images/cloudScape_back.png) repeat-x top; width:100%; height:840px; padding:1px 0px; }

#storyCafe_stageFloor { background:url(images/stageFloor.png) repeat top center; width:100%; height:86px; position:absolute; top:73px; z-index:90}
#storyCafe_stageFront { background:#322412; height:158px; position:relative;}
#storyCafe_stageSteps { background:transparent url(images/stageFront.png) no-repeat top center; width:900px; height:120px; margin:0px auto;}
#storyCafe_stageSteps_box { width:100%; position:absolute; top:0px; z-index:100}

#stsMantle { background:url(images/STSBalloonLogo.png) no-repeat bottom center; width:387px; height:225px; margin:5px auto 0px -185.5px; position:absolute; top:0px; left:50%; z-index:5001; cursor:pointer;}
#stsMarquee { width:500px; height:170px; margin:30px auto 30px auto;}

#transparentStripe { border-top:2px #FFFFFF solid; border-bottom:2px #FFFFFF solid; background:url(images/transparentWhite.png) repeat top left; height:470px; width:100%; position:absolute; top:267px; left:0px; z-index:0;}

#whitebackground { background:#FFFFFF; height:100%;}