html, body,
ol, ul, li,
h1, h2, h3, h4, h5, h6,
p, form { margin: 0; padding: 0; }

html, body { height: 100%; }

/* Defaults ====================================================== */

a,
a:visited,
a:hover { color: #003A7D; }
a:hover { color: #AE103C; }

input { padding: 5px; border: none; font: 12px Verdana; }

.arrowButton { /* IE6 fix exists */ position: relative; top: 10px; left: 5px; padding: 0; } 

input.untouched { color: #999; }

.footnote { font: 11px "Trebuchet MS"; }

button.referralButton { display: block; width: 80px; height: 27px; background: url(images/buttons/saveButton.gif) no-repeat top left; border: 0; color: #FFF; }

.source { text-align: right; font-style: italic; font-size: 10px; }

.nextPage { position: absolute; bottom: 150px; right: 20px; display: block; padding-right: 30px; background: url(images/arrows/blueOnYellow.gif) no-repeat right top; }

/* Scenery ====================================================== */

body { background-color: #70A010; }

#hills { position: absolute; width: 100%; height: 590px; background: url(images/scenery/hills.jpg) repeat-x center bottom #669ACC; }
#hillDetails { position: absolute; top: 0; left: 50%; }
#giraffeNeck { position: absolute; bottom: 0px; left: 50%; width: 50px; background: url(images/scenery/giraffeNeck.jpg) repeat-y center top; }
#sky { position: absolute; width: 100%; height: 500px; }
#snail { position: relative; top: -42px; left: -10px; margin-bottom: -30px; }

.corporateSite #sky { background: url(images/scenery/sky-corp.jpg) no-repeat center top; }
.corporateSite #giraffeNeck { display: none; }

#homepage.corporateSite #hillDetails { margin-left: -422px; width: 830px; height: 709px; background: url(images/scenery/hills-homepage.jpg) no-repeat center bottom; }
#homepage.corporateSite #giraffeNeck { /* IE6 fix exists */ display: block; top: 603px; margin-left: 59px; }
#homepage.corporateSite #sky { background: url(images/scenery/sky-homepage.jpg) no-repeat center top; }

.localSite #sky { background: url(images/scenery/sky-local.jpg) no-repeat center top; }
.localSite #hills { height: 500px; }
.localSite #giraffeNeck { /* IE6 fix exists */ top: 509px; margin-left: -284px; }

/* Grid ====================================================== */

#container { position: absolute; top: 0; left: 50%; margin-left: -361px; width: 722px; }

#header { position: relative; height: 270px; }
#homepage #header { display: none; }

#main { float: left; width: 432px; }

#sidebar { /* IE6 fix exists */ float: right; width: 267px; }

#footer { clear: both; margin-bottom: 20px; color: #FFF; font: 10px Verdana; }
#footer span { color: #C1D597; }
#homepage.corporateSite #footer { display: none; }

#footer a,
#footer a:visited,
#footer a:hover { color: #FFF; }

.corporateSite #logoLink { display: block; position: absolute; top: 0; left: 217px; width: 294px; height: 132px; }
.localSite #logoLink { display: block; position: absolute; top: 0; left: -80px; width: 330px; height: 150px; }

/* Corporate Homepage------------ */

.homepageAction { display: block; position: absolute; top: 200px; width: 220px; height: 168px; }

#homepageAction-childCare { left: 10px; background: url(images/actions/childCareByTheHour.jpg) no-repeat top left; }
#homepageAction-childCare:hover { background-position: bottom left; }

#homepageAction-findALocation { left: 250px; background: url(images/actions/findALocation.jpg); }
#homepageAction-findALocation form { position: absolute; bottom: 0; left: 0; width: 200px; padding: 16px 10px; text-align: center; }

#homepageAction-referAFriend { left: 490px; background: url(images/actions/referAFriend.jpg); }
#homepageAction-referAFriend:hover { background-position: bottom left; }

#homepageSubActions { position: absolute; top: 380px; left: 50%; margin-left: -350px; width: 700px; text-align: center; }
#homepageSubActions li { display: inline; padding: 0 20px 0 10px; background: url(images/bullets/blueOnBlue.jpg) no-repeat right 5px; }
#homepageSubActions li.last { background-image: none; }

#homepageSubActions a,
#homepageSubActions a:visited,
#homepageSubActions a:hover { color: #FFF; text-decoration: none; font: 13px "Trebuchet MS"; }
#homepageSubActions a:hover { text-decoration: underline; }

#homepageFooter { position: absolute; top: 620px; left: 0; color: #FFF; font: 11px Verdana; line-height: 1.5em; }
#homepageFooter a,
#homepageFooter a:visited,
#homepageFooter a:hover { color: #FFF; }
#homepageFooter .subtext { color: #B0CA7C; }

/* Local ------------ */

#localWelcome { position: absolute; top: 165px; left: 0; float: left; color: #FFF; }
#localWelcome h1 { float: left; margin-right: 5px; font: 30px Georgia; }

#changeLocation { float: left; position: relative; top: 15px; left: 5px; }
#changeLocation a,
#changeLocation a:visited,
#changeLocation a:hover { font: 11px Verdana; color: #FFF; }

#changeLocationBox { display: none; position: absolute; z-index: 10; width: 150px; padding: 5px; border: 1px solid #4F86B6; background-color: #C8DFF5; color: #4F86B6; font: 11px Verdana; }
#changeLocationBox ul { list-style-type: none; margin: 5px 0; padding: 1px 0; }
#changeLocationBox ul a,
#changeLocationBox ul a:visited,
#changeLocationBox ul a:hover { color: #4F86B6; }
#changeLocationBox ul a:hover { color: #AE103C; }

#localTopMenu { position: absolute; top: 10px; right: 10px; }
#localTopMenu li { display: inline; margin-left: 5px; padding-left: 10px; background: url(images/bullets/blueOnBlue-small.gif) no-repeat center left; }
#localTopMenu li.first { background-image: none; }
#localTopMenu li a,
#localTopMenu li a:visited,
#localTopMenu li a:hover { font: 13px "Trebuchet MS"; color: #FFF; text-transform: lowercase; text-decoration: none; }
#localTopMenu li a:hover { text-decoration: underline; }

/* Navigation ====================================================== */

.corporateSite #nav { position: absolute; top: 167px; left: 125px; }
.localSite #nav { position: absolute; top: 221px; left: 30px; }

#nav li,
#nav li { display: inline; padding-right: 10px; }

#nav a,
#nav a:visited,
#nav a:hover { color: #AE103C; font: 16px "Trebuchet MS"; text-decoration: none; }
#nav a:hover { color: #FC761C; }

#nav .current a,
#nav .current a:visited,
#nav .current a:hover { color: #003A7D; }

#subNav { /* IE6 fix exists */ position: absolute; top: 220px; left: 50%; width: 700px; margin-left: -350px; text-align: center; }
#subNav li { display: inline; padding: 0 17px 0 7px; background: url(images/bullets/lightBlueOnBlue.gif) no-repeat right 5px; }
#subNav li.last { background-image: none; padding-right: 7px; }

#subNav a,
#subNav a:visited,
#subNav a:hover { color: #FFF; text-decoration: none; font: bold 13px "Trebuchet MS"; }
#subNav a:hover { text-decoration: underline; }

#subNav .current a,
#subNav .current a:visited,
#subNav .current a:hover { color: #003A7D; text-decoration: none; }

#facebookNav { /* IE6 fix exists */ position: absolute; top: 30px; left: 90%; width: 700px; margin-left: -350px; text-align: center; }

/* Sidebar ====================================================== */

#sidebar .sectionContainer { padding: 0 20px; color: #FFF; font: 12px Verdana; }

#sidebar .section { margin-bottom: 10px; padding-bottom: 10px; background: url(images/bullets/yellowOnGreen.gif) repeat-x bottom left; }
#sidebar .lastSection { margin-bottom: 0; padding-bottom: 0; background-image: none; }

#sidebar .sectionContainer h2 { font: 21px Georgia; }

#sidebar .section p,
#sidebar .section form { margin-bottom: 10px; }
#sidebar .section form { margin-top: -10px; }

#sidebarFooter { font-size: 11px; }
#sidebarFooter a,
#sidebarFooter a:visited,
#sidebarFooter a:hover { color: #FFF; }

/* Box ====================================================== */

.box { position: relative; margin-bottom: 20px; background: url() #FFB40E; color: #332403; font: 12px Verdana; }

.box p,
.box form,
.box ul,
.box table { margin-bottom: 15px; line-height: 18px; color: #332403; font: 13px "Trebuchet MS"; }

.box td { padding-right: 10px; }

.box h1 { margin-bottom: 5px; color: #003A7D; font: 21px Georgia; }
.box h2 { margin-bottom: 5px; color: #003A7D; font: 21px Georgia; }
.box h3 { color: #003A7D; font: bold 12px Verdana; }
.box h4 { color: #660199; font: bold 12px Verdana; }

.box ul { margin-left: 20px; }

.infoForm label { float: left; width: 150px; margin-right: 5px; text-align: right; clear: left; }
.infoForm input, .infoForm select { margin-bottom: 5px; }
.infoForm .buttons { clear: both; padding-left: 155px; }

.boxContent { padding: 0 20px; }

.box .section { position: relative; margin-bottom: 10px; padding-bottom: 10px; background: url(images/bullets/brownOnYellow.gif) repeat-x bottom left; }
.box .lastSection { margin-bottom: 0; padding-bottom: 0; background-image: none; }

.boxTop { width: 100%; height: 15px; background: url(images/box/yellow/top-left-onBlue.gif) no-repeat top left; }
.boxTop div { height: 15px; background: url(images/box/yellow/top-right-onBlue.gif) no-repeat top right; }
.boxBottom { width: 100%; height: 15px; background: url(images/box/yellow/bottom-left-onGreen.gif) no-repeat bottom left; }
.boxBottom div { height: 15px; background: url(images/box/yellow/bottom-right-onGreen.gif) no-repeat bottom right; }

#sidebar .box { background-color: #B8C8DB; }
#sidebar .boxTop { background: url(images/box/blue/top-left-onBlue.gif) no-repeat top left; }
#sidebar .boxTop div { background: url(images/box/blue/top-right-onBlue.gif) no-repeat top right; }
#sidebar .boxBottom { background: url(images/box/blue/bottom-left-onGreen.gif) no-repeat bottom left; }
#sidebar .boxBottom div { background: url(images/box/blue/bottom-right-onGreen.gif) no-repeat bottom right; }

#sidebar .locationsBox { color: #FFF; background-color: #FC761C; }
#sidebar .locationsBox .boxTop { background: url(images/box/orange/top-left-onBlue.gif) no-repeat top left; }
#sidebar .locationsBox .boxTop div { background: url(images/box/orange/top-right-onBlue.gif) no-repeat top right; }
#sidebar .locationsBox .boxBottom { background: url(images/box/orange/bottom-left-onBlue.gif) no-repeat bottom left; }
#sidebar .locationsBox .boxBottom div { background: url(images/box/orange/bottom-right-onBlue.gif) no-repeat bottom right; }

.giraffeBox { min-height: 350px; margin-bottom: 0; padding-bottom: 240px; background: url(images/box/yellow/bottom-giraffe.gif) no-repeat bottom left #FFB40E; }
.giraffeBox .boxBottom,
.giraffeBox .boxBottom div { background-image: none; }

.flowerBox { /* IE6 fix exists */ min-height: 250px; margin-bottom: 0; padding-bottom: 175px; background: url(images/box/yellow/bottom-flowers.jpg) no-repeat bottom left #FFB40E; }
.flowerBox .boxBottom,
.flowerBox .boxBottom div { background-image: none; }

/* Specifc ====================================================== */

#hoursAndRates th { text-align: left; }

.getDirectionsFormHomepage { position: relative; float: right; margin-right: 10px; }
.getDirectionsForm label { display: block; }

.nationalEvent { padding-left: 16px; background: url(images/bullets/redStarOnYellow.gif) no-repeat left 1px; }

#monthTheme { position: relative; width: 150px; margin: 0 0 5px 9px; }
#monthTheme,
#monthThemeLogo { position: relative; float: left; }
#monthThemeFooter { clear: both; height: 1px; }

#certifiedExpertsImage { float: right; margin-left: 20px; }

#referralForm input { margin-right: 10px; }

.activityAreaIcon { float: left; clear: left; margin: 0 10px 10px 0; width: 54px; height: 54px; background: url(images/activityAreaIcons.jpg) left top; }
#activitiyArea-creationStation { background-position: left 0; }
#activitiyArea-activitiyArea { background-position: left 290px; }
#activitiyArea-mountainOfEnergy { background-position: left 230px; }
#activitiyArea-theatre { background-position: left 173px; }
#activitiyArea-sportCourt { background-position: left 113px; }
#activitiyArea-blueCrew { background-position: left 54px; }

.contactPic { float: left; margin: 0 10px 5px 0; width: 70px; }

/* Slimbbox ====================================================== */

#lbOverlay { position: absolute; z-index: 9999; left: 0; width: 100%; background-color: #000; cursor: pointer;}
#lbCenter, #lbBottomContainer { position: absolute; z-index: 9999; left: 50%; overflow: hidden; background-color: #fff;}
.lbLoading { background: #fff url(images/slimbox/loading.gif) no-repeat center;}
#lbImage { position: absolute; left: 0; top: 0; border: 10px solid #fff; background-repeat: no-repeat;}

#lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; outline: none;}
#lbPrevLink { left: 0;}
#lbPrevLink:hover { background: transparent url(images/slimbox/prev.gif) no-repeat 0% 15%;}
#lbNextLink { right: 0;}
#lbNextLink:hover { background: transparent url(images/slimbox/next.gif) no-repeat 100% 15%;}

#lbBottom { font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 10px; color: #666; line-height: 1.4em; text-align: left; border: 10px solid #fff; border-top-style: none;}
#lbCloseLink { display: block; float: right; width: 83px; height: 29px; background: transparent url(images/slimbox/close.gif) no-repeat center; margin: 5px 0; outline: none;}

#lbCaption, #lbNumber { margin-right: 71px;}
#lbCaption { font-weight: bold;}

#lightboxLink { display: block; position: absolute; bottom: 43px; left: 197px; width: 218px; height: 185px; background: url(images/lightbox.jpg) no-repeat -8px -6px; }
#lightboxLink.activated:hover { background: url(images/lightbox.jpg) no-repeat -8px -199px; border-width: 5px; }

/* Newly added to accomodate contact us links on corp side ================ */

#topNav { position: absolute; top: 10px; right: 0; }
#topNav li { /* IE6, IE7 fix exists */ display: inline; padding-right: 10px; background: url(images/bullets/smallLightBlueOnBlue.gif) no-repeat right 5px; }
#topNav li.last { background-image: none; padding-right: 0; }
    
#topNav a,
#topNav a:visited,
#topNav a:hover { color: #FFF; text-decoration: none; font: 12px "Trebuchet MS"; }
#topNav a:hover { text-decoration: underline; }