@charset "UTF-8";


/*********************
------  GLOBAL -------
**********************/


body {
	margin:0;
	padding:0;
	background: #f2f2f2;  	/* light purple */
	font-family: Helvetica, Arial, sans-serif;
	font-size:13px;
	}	
	
	
/* slightly enhanced, universal clearfix hack */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */
	
/** load fonts **/


@font-face {										/* Museo Sans 500 */
	font-family: 'MuseoSans';
	src: url('/data/fonts/museosans_500-webfont.eot');
	src: url('/data/fonts/museosans_500-webfont.woff') format('woff'), url('/data/fonts/museosans_500-webfont.ttf') format('truetype'), url('/data/fonts/museosans_500-webfont.svg#webfontyQEr6xa1') format('svg');
	font-weight: normal;
	font-style: normal;
}	

@font-face {
	font-family: 'RockwellBold';
	src: url('/data/fonts/rockwellbold-webfont.eot');
	src: url('/data/fonts/rockwellbold-webfont.woff') format('woff'), url('/data/fonts/rockwellbold-webfont.ttf') format('truetype'), url('/data/fonts/rockwellbold-webfont.svg#webfonttcoYte09') format('svg');
	font-weight: normal;
	font-style: normal;
}
	
/* containers */

	#page {
		width:980px;
		padding:0 19px;
		margin: 0 auto;
		background: transparent url(/images/layout/homepage-pagebg.png) repeat-y;
	}
	
	#header {
		width:980px; 
		margin:0;
		padding:0;
		height:190px;
		background: transparent url(/images/layout/kidzone/kidzone-headerbg.jpg) no-repeat;
	}
	
		/* IE 6 */
		* html #header {
		overflow:hidden;
		}

	


/* reusable classes for rounded corners */

.topround {
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.bottomround {
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
	
.allround {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
	
	
/*********************
------  HEADER -------
**********************/

	/* logo */
	
	#header .logo {
		border:0;
		width:258px;
		height:123px;
		padding:0 0 0 25px;
		margin:10px 0 0 0;
		float:left;
		display:inline;
		}
		
		
	/* searchbox */
	
	#header .searchbox {
		width:535px;
		height:138px;
		float:right;
		display:inline;
		margin:0 0px 0 0;
		padding:0;
		background: transparent url(/images/layout/kidzone/kidzone-searchboxbg.png) no-repeat;
	}
	
		/* IE 6 */
		* html .searchbox {
			overflow:hidden;
			}
	
		.searchbox h4 {  /* "search:" */
			float:left;
			display:inline;
			width:80px;
			margin:22px 0 -9px 25px;
			padding:0;
			height:22px;
			font-family: 'MuseoSans', Helvetica, Arial, sans-serif;
			color:white;
			font-weight:normal;
			font-size:16px;
		}
		
		
		/* tabs */
		
		ul.tabs {
			margin: -12px 0 0 115px;
			padding: 0;
			float: left;
			list-style: none;
			height: 22px; /*--Set height of tabs--*/
			width: 465px;
		}
		
			/* IE 6 */
			* html ul.tabs {
				margin-left:55px;
			}
			
			/* IE 6 */
			* html .tab_container {
				margin-left:15px;
				height:45px;
				}
			
		ul.tabs li {
			float: left;
			margin: 0;
			padding: 0px;
			height: 22px; /*--Subtract 1px from the height of the unordered list--*/
			line-height: 22px; /*--Vertically aligns the text within the tab--*/
			position: relative;
			border-bottom: 1px solid #dcdcdc;
		}
		ul.tabs li a.searchtab {
			text-decoration: none;
			color: #9b9999;
			font-size: 13px;
			font-family: 'MuseoSans', Helvetica, Arial, sans-serif;
			text-align:center;
			outline: none;
			display:block;
			background: #dcdcdc!important;
			padding:0 20px;
		}
		
		ul.tabs li a.searchtab:hover {
			color: #403655;
		}
		
		ul.tabs li.active {
			background:none;
			border-bottom:1px solid #f3f0f0;
		}
		ul.tabs li.active a.searchtab {
			background: #f3f0f0!important;
			color:#e68a34!important;
			display:block;
		}
		
		.tab_container {
			overflow: hidden;
			clear: both;
			float: left; 
			width: 465px;
			background: #f3f0f0;
			margin-left:25px;
		}
		
		.tab_content {
			padding:0 5px 5px 0;
			height:40px;
			font-size: 12px;
		}
		
		
		.statewidelink {
			float:right;
			display:inline;
			margin:10px 45px 0 0;
			color:white;
			text-decoration:underline;
			font-family:Arial, sans-serif;
			font-size:13px;
		}
			
			.statewidelink:hover {
				color:#FFFFCC;
			}
		
		/* inputs */
		
		.searchbox .searchfield, .searchbox .SEARCH_FORM_BOX {  /* text field */
			width:295px;
			height:29px;
			background:transparent url(/images/layout/searchbox-inputbg.gif) no-repeat;
			padding: 5px 0 0 10px;
			float:left;
			display:inline;
			margin: 5px;
			border:0;
			outline:0;
			font-size:13px;
			color:#999999;
			}
			
		/* select menu styles */
				.searchbox .searchselectmenu {
					float:left;
					display:inline;
					width:87px;
					height:17px;
					margin-top:10px;
				}
				
				.searchbox .customStyleSelectBox {  
					background: transparent url(/images/layout/selectmenu-bg.gif) no-repeat;
					width:80px;
					height:17px;
					margin:10px 4px 0 0;
					padding:5px 0 0 7px;
					font-family:Arial, sans-serif;
					font-size:11px;
				}
				
			
		/* end select menu styles */
		
		/* go button */
		
		.searchgo {
			width:46px;
			height:25px;
			text-align:center;
			color:white;
			font-weight:bold;
			font-family: Arial;
			font-size:13px;
			background: transparent url(/images/layout/kidzone/kidzone-searchboxbutton.gif) no-repeat;
			border:0;
			outline:0;
			display:inline;
			margin: 8px 0 0 0px;
			padding:0;
		}
		
		.SUBMIT_BUTTON {
			width:46px;
			height:25px;
			border:0;
			outline:0;
			margin: 18px 0 0 0px!important;
			padding:0;
			float:left;
			display:inline;
		}
		
		.searchbox input[type=image] {
		margin:10px 0 0 0;
		}
		
/** END SEARCH CONTAINER CLASSES **/
/** ---------------------------- **/


/** MAIN NAV **/
/* ---------- */

ul#primarynav {
	list-style:none;
	margin:15px 0 0 30px;
	padding:0;
	float:left;
	display:inline;
	width:950px;
}

#primarynav li {
	list-style:none;
	margin:0 1px 0 1px;
	padding:0;
	float:left;
	display:inline;
}

#primarynav li a.rounded {
	text-decoration: none;
  	cursor: pointer;
  	float:left;
	display:inline;
	padding:0 14px;
	padding:0 8px;/*Fix for Translation*/
	height:33px;
	line-height:33px;
	background: transparent url(/images/layout/kidzone/kidzone-spritebg.gif) repeat-x;
	text-align:center;
	color:white;
	font-family: 'MuseoSans', Helvetica, Arial, sans-serif;
	font-size:15px;
	font-weight:normal;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

	#primarynav li a.home {
		background: transparent url(/images/layout/kidzone/kidzone-purplebgsprite.gif) repeat-x;
		padding:3px 12px 4px 12px;
		height:26px;
	}
	
	
		#primarynav li a.home:hover {
		background-position: 0px -33px;
		}


	#primarynav li a.rounded:hover {
		background-position: 0px -33px;
		color:#FFFFCC;
		}
		
		#navland {
		background-position: 0px -33px!important;
		color:#FFFFCC;
		}
		
/** CONTACT BAR **/
/** ----------- **/

#contactbar {
		width:920px;
		margin:-5px 0 0 0;
      padding: 5px 30px 0 30px;
      height: 45px;
		line-height:33px;
		background:#f6f6f6;
		border-bottom:1px solid #cccccc;
		border-top:8px solid #e98e38;
		font-family: Arial, sans-serif;
		color:#5b5b5b;
		font-size:11px;
		font-weight:normal;
	}

span.address {
    margin-top: 5px;
    display: inline-block;
    float: left;
}

div#google_translate_element {
    display: inline-block;
    float: right;
}

		#contactbar a {
			color:#5b5b5b;
			text-decoration:underline;
		}
		
		#contactbar a:hover {
			color:#333333;
			}

#google_translate_element a {
  			color:black;
			text-decoration:none;
}

#google_translate_element a:hover {
  			color:black;
			text-decoration:none;
}

.languageselect {			
			border:0;
			outline:0;
			width:145px;
			height:24px;
			margin-left:780px;
			margin-top:5px;
			line-height:normal;
		}
	
		* html .languageselect {
			float:right;
			display:inline;
			margin:5px 0 0 0;
			}
				
				#contactbar .customStyleSelectBox {  
					background:transparent url(/images/layout/lang-menubg.png) no-repeat;
					width:142px;
					height:20px;
					padding:4px 0 0 8px;
					float:right;
					margin-top:5px;
					line-height:normal;
				}

		
/** BODY CONTENT **/
/** ------------ **/

.bodycontent {
	width:980px;
	margin:0;
	padding:0;
	background:white url(/images/layout/page-topshadow-bg.gif) top repeat-x;
	border-bottom:5px solid #9063aa;
	font-size:13px;
	}

.sidebar {
	width:265px;
	padding-left:10px;
	margin:20px 10px 10px 0;
	float:left;
	display:inline;
	text-align:center;
}
	
	/* how do i */
	.howdoi {
		width:266px;
		height:44px;
		background: #009bc7;
		margin:5px 0 0 5px;
		-moz-box-shadow: 0px 0px 10px #999;
		-webkit-box-shadow: 0px 0px 10px #999;
		box-shadow: 0px 0px 10px #999;
		padding:10px 0 0 0;
		text-align:left;
	}

	ul#howdoidropdown {
		padding:0;
		margin:0px 0 0 22px;
		-moz-box-shadow: 0px 0px 5px #999;
		width:222px;
		height:28px;
		}
		
			.MenuGroupHowDoI {
			background:none;
			}
			
			.MenuItemHowDoI {
			width:222px;
			height:28px;
			background:#f4f4f4 url(/images/layout/down-arrow-blue.png) no-repeat;
			background-position:200px 10px;
			border:1px solid #ccc;
			}
			
			.MenuItemOverHowDoI {
			background:#ffffff url(/images/layout/right-arrow-purple.png) no-repeat;
			width:222px;
			height:28px;
			background-position:204px 7px;
			border:1px solid #ccc;
			color:#594e6f;
			}
			
			.MenuGroupHowDoI td, .MenuItemHowDoI td, .MenuItemOverHowDoI td {
			font-family:'MuseoSans',Helvetica,Arial,sans-serif;
			font-size:14px;
			color:#666666;
			cursor:pointer;
			}
			
			.MenuGroupHowDoI td img, .MenuItemHowDoI td img, .MenuItemOverHowDoI td img {
			display:none;
			}
		

	/** dynamic subnav **/
		.sidebar .MenuGroup{ 
			background:#f2faff;
			font-family:'MuseoSans', Helvetica, arial,sans-serif;
			font-weight:normal;
			margin:0px 0 15px 15px;
			width:245px;
			border:1px solid #d4e6f1;
			-moz-box-shadow: 0px 0px 10px #999;
			-webkit-box-shadow: 0px 0px 10px #999;
			box-shadow: 0px 0px 10px #999;
			padding:0 10px 10px 10px;
			text-align:left;
		}
		
		.sidebar .MenuItem { 
			color:#3c3352;
			padding:8px;
			border-bottom:1px dashed #3c3352;
			cursor:pointer;
			text-decoration:none;
			display:block;
		}
		
		.MenuGroup td, .MenuItem td, .MenuItemOver td {
			font-size:16px;
			font-family:'MuseoSans', Helvetica, arial,sans-serif;
			text-align:left;
			}
		
		.sidebar .MenuItemOver  /*Over*/ { 
			color:#009bc7;
			cursor:pointer;
			font-family:'MuseoSans', Helvetica, arial,sans-serif;
			padding:8px;
			border-bottom:1px solid #009bc7;
			background:#ffffff;
		}
		
		.sidebar .MenuBreak{
			padding:0px;
		}
		
		
	/** hours **/
	.sidebar .hours, .sidebar .contact {
		width:228px;
		margin:20px 0 10px 15px;
		border:1px solid #cccccc;
		background:#fafafa;
		padding:8px;
		font-size:13px;
		text-align:left;
	}
	
	.hours h3, .contact h3 {
		font-family:'MuseoSans',Helvetica,Arial,sans-serif;
		color:#22add0;
		font-weight:normal;
		font-size:18px;
		padding:0;
		margin:0;
	}
	
	.hours dl {
		border:none;
		padding:0;
		margin:0;
		}
		
		.hours dt {
			float:left;
			clear:left;
			text-align:left;
			width:135px;
			font-family: Arial, sans-serif;
			font-size:14px;
			font-weight:normal;
			color:#3c3252;
			padding:5px 0 5px 0;
			}
	
		.hours dd {
			text-align:right;
			font-family:Arial, sans-serif;
			font-size:15px;
			font-weight:bold;
			color:#3c3252;
			padding:5px 0 5px 0;
			}
	
		.smaller {
			font-size:12px;
			font-weight:normal;
			}
			
	.contact p {
		font-family:Arial,sans-serif;
		font-size:14px;
		font-weight:normal;
		color:#5b5b5b;
		line-height:1.5;
		}
		
		.contact a {
			color:#333333;
			text-decoration:underline;
			}
			
			.contact a:hover {
			color:#3c3252;
			}
		
		.contact b {
			font-size:13px;
			text-transform:uppercase;
			font-weight:bold;
		}
	
		.meebo {
			width:190px;
			height:275px;
			margin:0 auto;
			background:white;
			border:1px solid #333333;
			}
			
.newsfeed .NEWS_FEED_DISPLAY_TABLE {  /* feed container */
	width:228px;
	background:#f1ffd3;
	border:4px solid white;
	padding:10px;
	min-height:170px;
	overflow:visible;
	margin:50px 0 10px 12px;
}

	* html .newsfeed .NEWS_FEED_DISPLAY_TABLE {
	margin:10px 0 10px 12px;
	}

.newsfeed .NEWS_FEED_DISPLAY_ROW_HEADER {   /* title container */
	background:transparent url(/images/layout/kidzone/kidzone-newsbg.gif) repeat-x;
	width:238px;
	height:40px;
	line-height:24px;
	padding:0 0 0 10px;
	margin:-45px 0 10px -10px;
}

	* html .newsfeed .NEWS_FEED_DISPLAY_ROW_HEADER {
	background:transparent url(/images/layout/kidzone/kidzone-newsbg.gif) repeat-x;
	width:238px;
	height:40px;
	line-height:24px;
	padding:0 0 0 10px;
	margin:0 0 10px 0;
	}
	
.newsfeed .NEWS_FEED_DISPLAY_ROW_HEADER_TEXT {  /* title text */
		color:white;
		font-family:'RockwellBold', Rockwell,Arial, sans-serif;
		font-size:15px;
		font-weight:normal;
		letter-spacing:.07em;
		float:left;
		display:inline;
		line-height:40px;
		background:none!important;
	}
	
	.newsfeed .NEWS_FEED_DISPLAY_ROW_HEADER_RSS {  /* title rss icon */
		width:16px;
		height:16px;
		background:url(/images/layout/rss-icon.png) no-repeat;
		float:right;
		display:inline;
		margin:10px 10px 0 0;
	}
	
		.eventsfeed .NEWS_FEED_DISPLAY_ROW_HEADER_RSS img,
		.eventsfeed .NEWS_FEED_DISPLAY_RSS,
		.newsfeed .NEWS_FEED_DISPLAY_ROW_HEADER_RSS img,
		.newsfeed .NEWS_FEED_DISPLAY_RSS { /* override system icon */
			display:none;
			}
		
	.newsfeed .NEWS_FEED_DISPLAY_TITLE { /* line item date */
		float:left;
		clear:left;
		display:inline;
		width:75px;
		font-size:12px;
		color:#66a70e;
		padding:10px 0 0 0;
		text-align:left;
	}
	
		.newsfeed .NEWS_FEED_DISPLAY_LINK_TITLE { /* line item title */
			font-size:12px;
			font-weight:normal;
			color:#333333;
			text-decoration:underline;
			padding:10px 0 2px 2px;
			float:left;
			width:150px;
			text-align:left;
		}
		
		.newsfeed .NEWS_FEED_DISPLAY_LINK_TITLE:hover {
			color:#aa3650;
		}
		
		.newsfeed .NEWS_FEED_DISPLAY_ROW_ARCHIVE { /* archive link div */
			text-align:right;
			}
		
.newsfeed .NEWS_FEED_DISPLAY_LINK_ARCHIVE { 	/* archive link */
			text-align:right;
			text-transform:uppercase;
			color:#66a70e;
			font-size:11px;
			text-decoration:underline;
			line-height:2;
			}
		
			
/** end sidebar **/

/*** MAIN CONTENT ***/
/** ------------- **/
	/** main content body styles are in interior.css */
	
	.kidbanner {
		margin-left:-15px;
		}
	
	
	
#footer {
	width:980px;
	margin:0 auto;
	padding:0;
}

	.socialicons {
		width:250px;
		height:43px;
		background: transparent url(/images/layout/kidzone/kidzone-socialiconsbg.png) no-repeat;
		float:left;
		display:inline;
		padding:7px 0 0 25px;
	}
	
	.socialicons img {
		border:0;
		margin:0 1px 0 1px;
		}
	
	.footerinfo {
		float:left;
		display:inline;
		background:url(/images/layout/kidzone/kidzone-footercontact.png) no-repeat;
		width:463px;
		height:106px;
		text-indent:-9999px;
		}
		
	.footerlogo {
		float:right;
		display:inline;
		margin:5px 15px 0 0;
		width:190px;
		height:91px;
		background:url(/images/layout/logo-sm.png) no-repeat;
		text-indent:-9999px;
		}
		
		#PoweredBy, #Copyrights {
			clear:both;
			font-size:12px;
			line-height:1.5;
			color:#333333;
			text-align:center;
			}