@charset "utf-8";
/* CSS Document */

body { text-align: center; font-family: Lucida Sans Unicode, Lucida Grande, Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 0.8em; margin: 0; }

body.home, body.other { background: #007196 url(../images/bg_blue.gif) repeat; }
body.home #footernav, body.other #footernav { color: #008db7; }

body.aboutkidstown { background: #8e2369 url(../images/bg_pink.gif) repeat; }
body.aboutkidstown #footernav { color: #bc6da0; }

body.playground { background: #593475 url(../images/bg_purple.gif) repeat; }
body.playground #footernav { color: #7d49a4; }

body.kt_bookings { background: #007196 url(../images/bg_blue.gif) repeat; }
body.kt_bookings #footernav { color: #008db7; }

body.supportkidstown { background: #356e31 url(../images/bg_green.gif) repeat; }
body.supportkidstown #footernav { color: #4a9a45; }

body.kt_sponsors { background: #d96e2a url(../images/bg_orange.gif) repeat; }
body.kt_sponsors #footernav { color: #e89a3b; }

body.friendsofkidstown { background: #8f191d url(../images/bg_red.gif) repeat; }
body.friendsofkidstown #footernav { color: #bc2329; }

#container { width: 760px; margin: 20px auto 0; }

#page { background-color: #fff; }

#header h1 { position: absolute; left: -9999em; width: 1em; overflow: hidden; margin: 0; }
#altHeader img { border: none; }
#altHeader h2 { line-height: 35px; font-size: 1.7em; margin: 0; letter-spacing: -0.1em; font-weight: normal; }

#contentholder { text-align: left; padding: 0 20px 20px; }
#contentholder.home { float: left; padding: 20px 20px 0; width: 470px; }

#contentholder.home h3 { font-family: Arial Narrow, Arial, Helvetica, sans-serif; font-weight: bold;
	margin: 0; letter-spacing: -1px; }
#contentholder.home h3.welcome { color: #f47221; font-size: 3em; }
#contentholder.home p.intro { color: #73557a; font-size: 1.6em; letter-spacing: -1px; font-weight: bold;
	font-family: Arial Narrow, Arial, Helvetica, sans-serif; margin: 0.6em 0; }
#contentholder.home h3.latestnews { color: #449f01; font-size: 2em; margin: 0.1em 0 0.4em; }

.homenewsitem .articlephoto { padding-top: 0; }
.homenewshead { margin: 0 0 0.3em; }
.homenewshead a { font-size: 1.2em; color: #61298a; letter-spacing: -1px; text-decoration: underline; }

.pagetitle { position: absolute; left: -9999em; width: 1em; overflow: hidden; margin: 0; }

#breadcrumbs { padding: 0 0 5px; margin: 0 0 10px; border-bottom: 1px dotted #ccc; font-size: 0.9em; height: 16px; }

#sidebar { float: left; width: 185px; }
#content { float: right; width: 514px; padding: 0 0 0 20px; border-left: 1px dotted #ccc;  }

#subpages { margin: 0; padding: 0; }
#subpages li { margin: 0 20px 0 0; padding: 5px 0; list-style-type: none; border-bottom: 1px dotted #ccc; }

#subpages ul { margin: 0 0 0 20px; padding: 0; font-size: 0.9em; }
#subpages ul li { padding: 3px 0; margin: 0; list-style-type: none; border: none; }
#subpages ul a { color: #5b2783; }
#subpages ul a:hover { color: #f37121; text-decoration: underline; }

#contentholder h3 { font-family: Arial Narrow, Arial, Helvetica, sans-serif; font-weight: bold;
	letter-spacing: -1px; color: #449f01; font-size: 1.7em; margin: 0.8em 0 0.4em; }
#contentholder h4 { font-weight: normal; color: #c30;
	font-size: 1.2em; letter-spacing: -1px; margin: 0.5em 0; }
#contentholder h5 { font-weight: normal; color: #5b2783; font-size: 1em; margin: 0.5em 0 0; }

p.articleintro { font-weight: normal; color: #5b2783;
	font-size: 1.4em; letter-spacing: -1px; margin: 0.8em 0; }


a { color: #bd1e7a; text-decoration: none; }
a:hover { color: #f37121; text-decoration: underline; }

p.morelink { text-align: right; margin: 0 0 1em; }

#content ul { margin: 1em 0; padding: 0; }
#content li { padding: 0; margin: 0 0 1em 1.5em; }

.homenewsitem { clear: both; padding: 0 0 20px; }

.homepagepromosbottom { overflow: hidden; margin: 0 0 20px; }
.homepagepromosbottom .promo { display: block; float: left; }
.homepagepromosbottom img { border: none; }

.articlebanner { margin-bottom: 1.5em; }
.articlephoto { width: 180px; clear: right; float: right; padding: 20px 0px 10px 20px;}
.home .articlephoto { width: 130px; clear: right; float: right; padding: 0px 0px 0 20px; }
.articlecaption { color: #666; text-align: center; font-size: 0.9em; margin: 0.5em 0 0.8em; font-style: italic; }
.articlephoto.large { width: 250px; }

hr { border: none; border-top: 1px solid #ff7e00; margin: 1.5em 0; background-color: transparent; height: 1px;
	clear: both; }
	
.names td { padding: 5px 0; border-bottom: 1px solid #e5e2f3; color: #5b2783; }
	
.backtotop { border: none; border-bottom: 1px solid #ff7e00; margin: 12px 0 20px; padding: 0 0 0.7em; text-align: right; }

.subpageitem { line-height: 1em; overflow: hidden; }
	.subpageitem .subpagepic { display: block; float: left; margin: 0 10px 15px 0; }
	.subpageitem .subpagehead { font-weight: bold; line-height: 64px; font-size: 1.6em; letter-spacing: -0.05em; }
	.subpageitem .subpagedesc { font-size: 0.9em; margin: 0 0 1em 70px; }
.subpageclear { display: none; }

.downloadlink { margin: 0.8em 0 1.3em; background: url(../images/icon_download.jpg) no-repeat 0px 2px; padding: 0 0 0 25px; }
.downloadlinkdesc { font-size: 0.9em; color: #444; margin: 0.1em 0 0; }

.relatedlink { margin: 0.8em 0 1.3em; background: url(../images/icon_page_white_world.jpg) no-repeat 0px 2px; padding: 0 0 0 25px; }
.relatedlinkdesc { font-size: 0.9em; color: #444; margin: 0.1em 0 0; }
.relatedlinkurl { font-size: 0.85em; }

#content .eventitem { margin: 1em 0 1.2em; font-size: 1.2em; color: #008db7; }
#content .eventtitle { font-size: 1.2em; letter-spacing: -1px; }
#content .fullwidth { width: 100%; border: none; }

.gallery { font-size: 1em; margin: 10px 0 0; padding: 0; }
.galleryitem { display: inline-block; margin: 0 15px 20px 0; padding: 0; text-align: center; vertical-align: top; width: 157px; }
.galleryitem.right { margin-right: 0; }

#sitemap { margin: 20px 0 0; }
#sitemap ul { padding: 0; margin: 0; }
#sitemap ul li { list-style-type: none; padding: 3px 0 3px 22px; margin: 0.3em 0; }
li.sitemaphome { background: url(../images/icon_home.jpg) no-repeat 0px 2px; }
li.sitemapcontainer { background: url(../images/icon_page_white.jpg) no-repeat 0px 2px; }

.required { color: #900; font-weight: bold; }

.hide { display: none; }
.clear { clear: both; line-height: 0.01em; font-size: 0.01em; height: 0px; display: block; }


#homesidebar { float: right; width: 250px; }
#homesidebar img { border: none; display: block; }

#comingevents { text-align: left; color: #cdb8dd; background: #5d2785 url(../images/comingevents.jpg) repeat-x top;
	padding: 15px 20px; font-size: 0.9em; }
#comingevents h4 { font-family: Arial Narrow, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1.8em;
	margin: 0 0 0.7em; letter-spacing: -1px; color: #fff; }
#comingevents .eventitem { margin: 0 0 1.2em; }
#comingevents .eventtitle a { color: #fff; text-decoration: none; }
#comingevents .eventtitle a:hover { text-decoration: underline; }
#comingevents p.morelink { text-align: right; margin: 0; font-weight: normal;
	font-family: Lucida Sans Unicode, Lucida Grande, Century Gothic, Arial, Helvetica, sans-serif; }
#comingevents .morelink a { color: #cdb8dd; text-decoration: none; }
#comingevents .morelink a:hover { color: #fff; }

.event-details { margin: 2em 0; }
.event-details h4 strong { font-size: 1.1em; display: block; }
.event-details h4 span { color: #633; display: block; }

#footer { clear: both; color: #fff; font-size: 0.9em; margin: 1.2em 0 1.5em; text-align: left; }
#footer .gscclogo { display: block; width: 80px; margin: 0 10px 0 0; float: left; }
#footer .gscclogo img { border: none; }
#footer a { color: #fff; }
#footernav { color: #ddd; line-height: 1.6em; margin-bottom: 8px; }
#footernav a { padding: 0 1px; }


#contentholder .warning { background: #FFCB08; padding: 20px 20px 1px; color: black; }
#contentholder .warning h3 { margin: 0 0 20px; color: black; }
#contentholder .warning p { margin-top: 0; color: black; }

input.text, textarea {width: 250px;}
select {margin-bottom: 20px;}

.hint { display: block; clear: both; margin: 0.5em 0; color: #777; }

/* Date fields with separate inputs for day, month, year. */
.form_type_date_separate_fields { display: flex; width: 254px; }
.form_type_date_separate_fields_part { flex: 1 0; display: flex; flex-wrap: wrap; }
.form_type_date_separate_fields_part label { flex: 1 0 100%; margin-bottom: 0; font-weight: normal; color: darkgray; }
.form_type_date_separate_fields_part input { flex: 1 0; box-sizing: border-box; width: auto; }
.form_type_date_separate_fields_separator { margin: 0 0.5em; color: lightgray; }
.form_type_date_separate_fields_part_year { width: 5em; }

.radio-wrapper, .checkbox-wrapper { display: block;	margin-top: 0.35em; }

.dialogue.error { padding: 1.5em; background-color: ffe4e4; }