﻿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: #003399; }
a:hover { color: #AE103C; }

a.pdf { padding-left: 25px; background: url(/images/icons/pdf.jpg) no-repeat left 2px; text-decoration: none; }

img.left { float: left; margin: 0 10px 5px 0; }
img.right { float: right; margin: 0 0 5px 10px; }

input, textarea { padding: 5px; border: none; font: 12px Verdana; }
textarea { width: 100%; margin-bottom: 20px; }
.placeholder { color: #999; }
.arrowButton { /* IE6 fix exists */ position: relative; top: 10px; left: 5px; padding: 0; }
.bigButton { cursor: pointer; width: 202px; height: 42px; padding: 0; border: 0; background: url(/images/blue-button.png) no-repeat left top; font: bold 16px "Trebuchet MS"; color: #FFF; }
.bigButton:hover { background-position: left -42px; }

.menuButton,
.menuButton:visited,
.menuButton:hover { display: block; margin-left: -5px; margin-bottom: 20px; padding: 15px 0 0 15px; width: 256px; height: 36px; background: url(/images/bird-menu.jpg) no-repeat left top; font: bold 18px "Trebuchet MS"; color: #FFF; text-decoration: none; }

.facebookIcon { position: relative; top: 6px; }

/* 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%; }
#sky { position: absolute; width: 100%; height: 500px; background: url(/images/scenery/sky-corp.jpg) no-repeat center top; }
#snail { position: relative; top: 0; left: -10px; margin-bottom: 0; }

.corporate #sky { background-image: url(/images/scenery/sky-corp.jpg); }
.local #sky { background-image: url(/images/scenery/sky-local.jpg); }

#homepage #hills { height: 800px; }
#homepage #hillDetails { margin-left: -470px; width: 940px; height: 865px; background: url(/images/scenery/hills-homepage.png) no-repeat center bottom; }
#homepage #sky { background: url(/images/scenery/sky-homepage.jpg) no-repeat center top; }

/* Grid ====================================================== */

#container { position: absolute; top: 0; left: 50%; margin-left: -470px; width: 940px; }

#header { position: relative; height: 270px; }
#homepage #header { display: none; }

#main { float: left; width: 620px; }
#sidebar { /* IE6 fix exists */ position: relative; z-index: 2; float: right; width: 300px; }

#footer { clear: left; position: relative; top: -35px; padding: 30px; height: 130px; background: url(/images/scenery/flowers.png) no-repeat 50px top; color: #FFF; font: 10px Verdana; }
#footer p { margin-bottom: 5px; font-size: 12px; }
#footer span { color: #C1D597; }
#homepage #footer { position: relative; top: 735px; left: 320px; background: none;}

#footer a,
#footer a:visited,
#footer a:hover { color: #FFF; }

#logoLink { display: block; position: absolute; top: 0; left: 0px; width: 500px; height: 132px; }

/* Homepage ====================================================== */

.homepageBox { position: absolute; top: 200px; height: 178px; padding: 20px; background: url(/images/box/homepage-location.png) no-repeat left top transparent; }

#homepageFindLocation { left: 0; width: 500px; background-image: url(/images/box/homepage-location.png); }
.homepageBox h1 { margin-bottom: 10px; font: 30px Georgia; color: #039; }
.homepageBox p { font: 16px "Trebuchet MS"; line-height: 24px; color: #000; }
.homepageBox strong { font-weight: bold; font-size: 18px; }

#homepage-learn-about-us { left: 560px; width: 340px; background-image: url(/images/box/homepage-learn-about-us.png); }
#homepageWatchTheVideo { display: block; margin-top: 5px; width: 224px; height: 52px; background: url(/images/buttons/watch-the-video.png) no-repeat left top; text-indent: -10000px; }

#homepageBanner { position: absolute; left: 84px; top: 459px; width: 723px; height: 26px; padding: 15px 130px 0 14px; background: url(/images/scenery/bird-banner.png) no-repeat left top transparent; font: 14px "Trebuchet MS"; text-align: center; }

#homepageSubActions { position: absolute; top: 521px; left: 50%; margin-left: -470px; width: 940px; text-align: center; }
#homepageSubActions li { display: inline; padding: 0 16px 0 6px; 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: bold 13px "Trebuchet MS"; }
#homepageSubActions a:hover { text-decoration: underline; }

#homepagefooter{ clear: both; float: left; padding: 30px; height: 130px; background: url(/images/scenery/flowers.png) no-repeat 50px top; color: #FFF; font: 10px Verdana; }

/* Navigation ====================================================== */

#welcomeMessage { font: 30px Georgia; color: #FFF; position: absolute; left: 17px; top: 164px; }

.corporate #nav { position: absolute; top: 164px; left: 230px; }
.local #nav { position: absolute; top: 221px; left: 29px; }

#nav li,
#nav li { display: inline; padding-right: 20px; }
#nav.corporate_nav li { 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: 940px; height: 26px; margin-left: -470px; padding-top: 6px; text-align: center; background: url(/images/subNav.png) no-repeat left top transparent; }
#subNav li { display: inline; padding: 0 25px 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; }

#topNav { position: absolute; top: 10px; right: 0px; }
#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; }
.corporate #topNav { right: 113px; }
	
#topNav a,
#topNav a:visited,
#topNav a:hover { color: #FFF; text-decoration: none; font: bold 13px "Trebuchet MS"; }
#topNav a:hover { text-decoration: underline; }

/* Choose Location ====================================================== */

.chooseLocation { position: relative; width: 202px; height: 30px; background: url(/images/choose-location.png) no-repeat left top; }
.chooseLocation a,
.chooseLocation a:visited,
.chooseLocation a:hover { display: block; height: 20px; padding-left: 15px; font: 15px "Lucida Sans"; color: #053A7A; text-decoration: none; }
.chooseLocation .chooseText { padding: 4px 0 0 15px; height: 23px; font: 16px "Trebuchet MS"; color: #053A7A; }

.chooseLocationLocations { position: absolute; z-index: 10; left: 0px; top: 100%; display: none; margin: -3px 0 0 !important; padding: 5px 0; width: 100%; border: 1px solid #FFAF04; background-color: #FFD629; }
.chooseLocationLocations li { list-style-type: none; }
.chooseLocationLocations a:hover { background-color: #FF9900; }
.chooseLocation:hover .chooseLocationLocations { display: block; }

#homepage .chooseLocation { position: absolute; top: 20px; left: 302px; width: 220px; background-image: url(/images/choose-location-homepage.png); }
#homepage .chooseLocationLocations { border-color: #82AADE; background-color: #ADD2F5; }
#homepage .chooseLocationLocations a:hover { background-color: #669ACC; }

/* Box ====================================================== */

.box { position: relative; margin-bottom: 20px; padding: 25px 30px; background: url() #FFB40E; color: #332403; font: 12px Verdana; }

.box p,
.box form,
.box ul,
.box table { margin-bottom: 15px; color: #000; font: 14px/22px "Trebuchet MS"; }
.box table { line-height: 14px; }

.box td { padding: 0 10px 0 0; }

.box h1 { margin-bottom: 8px; color: #00397D; font: 30px Georgia; }
.box h2 { margin-bottom: 5px; color: #000; font: bold 18px "Trebuchet MS"; }
.box h3 { color: #000; font: bold 12px Verdana; }
.box h4 { color: #660066; font: bold 12px Verdana; }

.box ul { margin-left: 40px; }

.box .quote { font-size: 13px; }
.box .attribution { font-size: 13px; text-align: right; }
.box .location { line-height: 1.2em; }

.box-corner { position: absolute; width: 15px; height: 15px; background: url(/images/box/corners.gif) no-repeat left top transparent; }
.box-top-left { top: 0; left: 0; background-position: 0 0; }
.box-top-right { top: 0; right: 0; background-position: 0 -15px; }
.box-bottom-left { bottom: 0; left: 0; background-position: 0 -30px; }
.box-bottom-right { bottom: 0; right: 0; background-position: 0 -45px; }
.box-sky .box-top-left { top: 0; left: 0; background-position: 0 -60px; }
.box-sky .box-top-right { top: 0; right: 0; background-position: 0 -75px; }

.box .preschoolprgph { margin-bottom: 15px; color: #000; font: 14px/22px "Trebuchet MS"; }

.box-sky #eventdownload { margin-bottom: 15px; }
.box-sky #eventdownload a { color: #000; font: bold 14px/22px "Trebuchet MS"; text-decoration: none; }
.box-sky #eventdownload a:hover { text-decoration: underline; }

/* Sidebar ====================================================== */

.box-sidebar { padding: 20px; }

.box-sidebar .box p,
.box-sidebar .box form,
.box-sidebar .box ul,
.box-sidebar .box table { font-size: 14px; }

.box-sidebar { background-color: #99CB33; }
.box-sidebar .box-top-left { background-position: -15px 0; }
.box-sidebar .box-top-right { background-position: -15px -15px; }
.box-sidebar .box-bottom-left { background-position: -15px -30px; }
.box-sidebar .box-bottom-right { background-position: -15px -45px; }
#sidebar .box-sky .box-top-left { background-position: -15px -60px; }
#sidebar .box-sky .box-top-right { background-position: -15px -75px; }

/* Good Stuff Box ====================================================== */
 
.box-good-stuff { background-color: #99CB33; }
.box-good-stuff .box-top-left { background-position: -15px 0; }
.box-good-stuff .box-top-right { background-position: -15px -15px; }
.box-good-stuff .box-bottom-left { background-position: -15px -30px; }
.box-good-stuff .box-bottom-right { background-position: -15px -45px; }

.box-good-stuff form { float: right; margin-left: 20px; width: 260px; }

.findUsOnFacebook,
.findUsOnFacebook:visited,
.findUsOnFacebook:hover { display: block; float: left; margin: 0 20px 10px 31px; width: 32px; height: 32px; background: url(/images/icons/facebook-32x32.jpg) no-repeat left top; text-indent: -10000px; }
#sidebar .findUsOnFacebook,
#sidebar .findUsOnFacebook:visited,
#sidebar .findUsOnFacebook:hover { margin: 3px 20px 10px 10px; }

/* Testimonials ====================================================== */

.box-testimonals { background-color: #B5D2EF; }
.box-testimonals .box-top-left { background-position: -30px -60px; }
.box-testimonals .box-top-right { background-position: -30px -75px; }
.box-testimonals .box-bottom-left { background-position: -30px -90px; }
.box-testimonals .box-bottom-right { background-position: -30px -165px; }

/* Fun List ====================================================== */

.box .funList { margin: 0; }
.funList li.funListItem { height: 35px; padding-left: 60px; list-style-type: none; background-repeat: no-repeat; background-position: left top; }
.funList li.video { background-image: url(/images/bullets/frog-tv.jpg); }
.funList li.pictures { background-image: url(/images/bullets/frog-fish-pics.jpg); }
.funList li.travel { background-image: url(/images/bullets/monkey-van.jpg); }
.funList li.contact { background-image: url(/images/bullets/bird-mail.jpg); }
.funList li.contact-y { background-image: url(/images/bullets/bird-mail-yellow.jpg); }

/* Calendar ====================================================== */

.event { margin-top: 30px; }
.event h3 { font: bold 18px "Trebuchet MS"; color: #039; }

/* General Tools ======================================================= */

.top-right,
.top-left,
.bottom-right,
.bottom-left { position: absolute; height: 11px; background-image: url(/images/overlay/white.gif); background-repeat: no-repeat; }
.top-left { top: -11px; left: 0; right: 11px; background-position: left top; }
.top-right { top: -11px; right: 0; width: 11px; background-position: right top; }
.bottom-left { bottom: -11px; left: 0; right: 11px; background-position: left bottom; }
.bottom-right { bottom: -11px; right: 0; width: 11px; background-position: right bottom; }

/* Overlay ======================================================= */

.modal { display: none; position: relative; background-color: #FFF; padding: 40px 20px 10px; }
.modal .close { cursor: pointer; position: absolute; top: 5px; right: 20px; height: 20px; padding-top: 2px; padding-right: 25px; background: url(/images/overlay/close.png) no-repeat right top transparent; font: bold 16px "Trebuchet MS"; color: #999; text-transform: uppercase; }

.modal h1 { margin-bottom: 20px; font: 30px Georgia; color: #00397D; }
.modal p { margin-bottom: 20px; font-size: 13px; }
.modal form { width: 400px; padding: 20px; background-color: #FFB410; }
.modal textarea { width: 380px; }
.modal iframe { width: 480px; height: 390px; border: 0; }

/* Remind Me ======================================================= */

#remindMe h2 { margin: 20px 0; font: bold 18px "Trebuchet MS"; }
#remindMe h2 .eventTitle { display: block; margin-top: 10px; color: #03C; }
#remindMe p { font: 14px "Trebuchet MS"; }
#remindMe .bigButton { width: 152px; background-image: url(/images/blue-button-short.png); }

#remindMe { line-height: 1.2em; }
#remindMe .notice { font-size: 18px; }
#remindMe .important { padding: 10px; background-color: #FFD629; }
#remindMe .modal_event_title { color: #03C; }
#remindMe .email { width: 225px; margin-right: 5px; }
#remindMe .email_field { margin-bottom: 10px; }
#remindMe .remember_me_field { margin-bottom: 10px; }

/* Menu ======================================================= */

.tooltip { position: absolute; z-index: 10000; display: none; background-color: #FFF; width: 300px; padding: 10px 20px; font: 16px/22px "Trebuchet MS";}
.tooltip h1 { margin-bottom: 20px; font: 30px Georgia; color: #00397D; }
.toolTipArrow { position: absolute; margin-top: 10px; left: 50%; top: 100%; width: 0; height: 0; border-style: solid; border-width: 20px; border-color: #FFF transparent transparent transparent; }

#menu { width: 780px; }
#menu .toolTipArrow { left: 100%; top: 50%; border-color: transparent transparent transparent #FFF; }
#menu.top .toolTipArrow { top: 85%; }

#menu p { font: 16px "Trebuchet MS"; }
#menu table { font: bold 16px "Trebuchet MS"; }
#menu td { padding: 3px 7px; }
#menu td.foodHeader { width: 285px; height: 9px; background: url(/images/menu-table.gif) no-repeat left top; }
#menu td.foodFooter { width: 285px; height: 9px; background: url(/images/menu-table.gif) no-repeat left bottom; }
#menu td.time { font-size: 14px; color: #00397D; }
#menu td.food { background-color: #FFEB99; }
#menu tr.day:hover td { background-color: #FFB410; }

/* Gallery ======================================================= */

.gallery { position: relative; overflow: hidden; width: 400px; height: 300px; }
.gallery .items { width: 10000px; position: absolute; }
.gallery .items div { float: left; }

.modal .disabled { display: none; }
.modal .next,
.modal .prev { position: absolute; z-index: 10; top: 45%; width: 50px; height: 65px; background-image: url(/images/overlay/controls.png); background-repeat: no-repeat; text-indent: -10000px; }
.modal .next { right: 0; background-position: right top; }
.modal .prev { left: 0; background-position: left top; }
.modal .next:hover { background-position: right bottom; }
.modal .prev:hover { background-position: left bottom; }

/* Late additions */

.contactPic { float: left; margin: 0 15px 5px 0; }

/************************************/
/* Shopping Cart */
/************************************/

#cartview{
	float:left;
	width:560px;
}

#cartview .banner-top{
	float:left;
	width:560px;height:20px;
	background-image:URL('/images/cart-top.png');
}

#cartview .banner-bottom{
	float:left;
	width:560px;height:20px;
	background-image:URL('/images/cart-bottom.png');
}

#cartview .cartrow{
	float:left;
	width:560px;height:30px;
	background-color:white;
	color:#00397D;
}

#cartview .cartrow-gray{
	float:left;
	width:560px;height:30px;
	background-color:#cccccc;
	color:#00397D;
}

#cartview .cartlegend{
	float:left;
	width:530px;;height:30px;
	padding-left:30px;
	font-size:10px;
}


#cartview .cartrow .spaceremove{
	float:left;
	width:30px;
}

#cartview .cartrow .spaceitem{
	float:left;
	width:410px;
	/*border:solid 1px gray;*/
}

#cartview .cartrow .spaceprice{
	float:left;
	width:100px;
	text-align:right;
	padding-right:10px;
}

#cartview .cartrow .spacetotal{
	float:left;
	width:410px;
	text-align:right;	
}

#cartactions{
	float:left;
	width:560px;height:80px;
	text-align:right;
	margin-top:16px;
}

#cartpersonalize{
	float:left;
	width:560px;
	text-align:right;
	margin-top:16px;
}

/************************************/



