body {
margin: 0px; padding: 0px; background:url(/images/bg.jpg) top center repeat-x #D8ECF7; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333;}

div.clouds {width: 100%; min-height: 443px;height:auto; !important height: 443px; background: url(/images/homepg/cloud_bg.jpg) top center no-repeat;} 
div.clouds_template {width: 100%; background: url(/images/templatepg/cloud_bg.jpg) top center no-repeat;min-height: 438px;height:auto; !important height: 438px;} 
div#skiptocontent {position: absolute;left: -9999px;}

div.container {width: 986px; margin:0px auto; padding:0px;}
#headerbg {width: 988px; background:url(../../images/home09/header-bg-old.jpg) top center no-repeat; margin:0 auto}
	div.top {width: 986px; height:166px; background:url(/images/homepg/top.jpg) top left no-repeat;}
	div.top_template {width: 986px; height:166px; background:url(/images/templatepg/top.jpg) top left no-repeat;}
	
div#bodycontent div.content {background: none !important;}

div.content { width: 986px; float:left; background:url(/images/homepg/content_bg.gif) top center repeat-y;}
	div.content_template { width: 986px; float:left; background:url(/images/templatepg/content_bg.gif) top center repeat-y;}
	div.left_column {width: 290px; float:left; margin: 0px; padding: 0px; z-index: 999; }
		div.logoarea {width: 290px; height:	117px; margin:0px; padding:0px; }
			div.left_logo {width: 86px; height:117px; background:url(/images/homepg/logo_left.jpg) top left no-repeat; float:left;}
			div.left_logo_template {width: 86px; height:117px; background:url(/images/templatepg/logo_left.jpg) top left no-repeat; float:left;}
			div.logo {width:204px; height:117px; background:url(/images/homepg/logo.jpg) top left no-repeat; float:left;}
			div.logo_template {width:204px; height:117px; background:url(/images/templatepg/logo.jpg) top left no-repeat; float:left;}
			
		div.nav { width: 290px; margin:0px; padding:0px; z-index:999; }
			div.nav_gears {width: 64px; height:349px; background:url(/images/homepg/nav_gears.jpg) top left no-repeat; float:left; vertical-align:top;}
			div.nav_box {width: 226px; background:url(/images/homepg/nav_tile.jpg) top left repeat-y; float:left;}
				div.nav_top {width: 226px; height:82px; vertical-align:top; margin:0px; padding:0px; float:left; background:url(/images/homepg/nav_top.jpg) top left no-repeat;}
				div.nav_btm {width: 226px; height:47px; clear:both; margin:0px; padding:0px; background:url(/images/homepg/nav_btm.jpg) top left no-repeat; float:left;}
		
		div.ex_clock {width: 290px; height:104px; background:url(/images/homepg/ex_hours.jpg) top left no-repeat; margin:0px; padding:0px;}
		div.car {width: 290px; height:93px; background:url(/images/homepg/plan_trip.jpg) top left no-repeat; float:left; margin:0px; padding:0px;}
		div.address { width:209px; float:right; margin:0px; padding:0px;}
			div.address p { text-align:left; font-weight:bold; margin-top:0px; padding-top:0px;}
			div.address h3 {margin-bottom:0px; padding:0px;}

	div.right_column {width: 696px; float:right; margin: 0px;padding: 0px;}
		div.right_top {width:696px; height:50px; float:right; background:url(/images/homepg/right_top.jpg) top left no-repeat; margin:0px; padding:0px;}
		div.right_top_template {width:696px; height:50px; float:right; background:url(/images/templatepg/right_top.jpg) top left no-repeat; margin:0px; padding:0px;}
			
		div.red_nav {width: 696px; height:24px; float:right; background:url(/images/homepg/red_nav.jpg) top left no-repeat;}
		div.red_nav_template {width: 696px; height:34px; float:right; background:url(/images/templatepg/red_nav.jpg) top left no-repeat;}
		div.exhibit_content {width:696px; height:299px; float:right; margin:0px; position: relative; z-index: 10; }
		div.left-stories { width: 162px; float:left; }
			div.kids_rotator {width: 162px; height:276px; float:left; background:url(/images/homepg/kids_leftbg.jpg) top left repeat-y; z-index:10;}
			
			div.social-media-icons {width: 162px; height:23px; float:left; background:url(/images/homepg/kids_leftbg.jpg) top left repeat-y; z-index:10;}
					
			div#exhibit_tiles {width: 366px; height:299px; float:left; background: #FFF top left repeat;}
				div#exhibit_tiles  img {border:0px;}
			div.nl_form {width: 168px; height:299px; float:left;}
				div.nl_title {width: 168px; height:99px; background:url(/images/homepg/nl_title.jpg) top left no-repeat;}
				div.nl_body {width: 168px; height: 200px; background:url(/images/homepg/nl_body.jpg) top left no-repeat;}
		
		div.new_title {width: 696px; height:70px; float:right; margin:0px; background: url(/images/homepg/new_title.jpg) top left no-repeat;}
		div.new_section {width: 696px; float:right; margin:0px; padding:0px; background:url(/images/homepg/new_tile.gif) repeat-y top left;}
			div.new_img{ width: 156px; height:138px; float:left; background:url(/images/homepg/new_img.jpg) top left no-repeat;}
			div.new_body { width: 450px; min-height: 138px; height:auto !important; height:138px; float:left; padding: 0px 0px 0px 0px; margin:0px }
				div.new_body p, div.happen_txt p {font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#FFF; margin:0; padding:0}
				div.new_body a {color: #779B3B;}
				div.new_body a:hover {color: #267DC0;}
			div.new_btm {width:610px; height:12px; float:left; background: url(/images/homepg/new_btm.jpg) bottom left no-repeat; vertical-align:bottom;}
			
		div.donations {width:305px; float:left; margin:0px 0px 0px 0px;}
			div.donations_kid {width:103px; height:227px; float:left; background:url(/images/homepg/donate_kid.jpg) top left no-repeat;}
			div.donations_title {width: 202px; height:75px; float:left; background:url(/images/homepg/donate_title.jpg) top left no-repeat;}
			div.donations_txt { width: 190px; float:left; margin:0px; padding:0px 0px 0px 10px; }
			div.donations_txt img {float:left; margin:0px 5px 0px 0px}
			div.donations_txt a { display:block; height: 40px; padding-left: 52px; background:url(/images/homepg/blue_arrow.jpg) left no-repeat;}
			/* Current Live Version of Whats Happening Section == 
			div.happen {width: 342px; float:left; background:url(/images/homepg/happen_bg.jpg) top left repeat-y;}
			div.happen_txt {width:180px; float:left; margin:0px; padding:50px 0px 0px 40px; min-height:165px; height:auto !important; height:165px; clear:left;}
				div.happen_txt a{color:#CCC;}
				div.happen_txt a:hover {color:#779b3b;}
			div.happen_top { width: 220px;  float:left;background:url(/images/homepg/happen_top.jpg) top left no-repeat;}
			div.happen_gears {width: 122px; height:157px; float:left; background:url(/images/homepg/gears_right.jpg) top left no-repeat;}
			div.happen_btm {width: 261px; height:39px; clear:both;float:left; background:url(/images/homepg/happening_btm.jpg) top left no-repeat;}
			*/
			
			/* Reworked Whats Happening Section == */
			div.happen {width: 342px; float:left; background:url(/images/homepg/happen_bg2.jpg) top left repeat-y;}
			div.happen_txt {width:180px; float:left; margin:0px; padding:85px 0px 0px 40px; min-height:135px; height:auto !important; height:135px; clear:left;}
				div.happen_txt a, .happen_txt ul a {color:#CCC;}
				div.happen_txt a:hover {color:#779b3b;}
			div.happen_top { width: 220px;  float:left;background:url(/images/homepg/happen_top2.jpg) top left no-repeat;}
			div.happen_gears {width: 122px; height:157px; float:left; background: url(../images/homepg/gear-bg.jpg) top left repeat-y; margin-top:43px;}
			div.happen_btm {width: 261px; height:39px; clear:both;float:left; background:url(/images/homepg/happening_btm.jpg) top left no-repeat;}
			.happen_txt ul {margin:0; padding:0; list-style:none;}
			.happen_txt ul li {background: url(/images/homepg/happen_arrow.jpg) top left no-repeat; padding: 2px 0 2px 10px; display:block; font-weight:bold; margin:0px;}
			.happen_txt ul li a:hover {color: #f4cd64;}
			
			
		div.follow {width:233px; float:left; margin:20px 0 0 0; padding:0px 0px 0px 72px; background:url(../images/home/follow-girl.jpg) top left no-repeat;}
			div.follow_title {width: 233px; height:50px; background:url(/images/homepg/follow_title.jpg) top right no-repeat;}
			div.follow_txt {width: 260px;}
			div.follow_columns { width: 115px; float:left;}
			div.follow img {border:0px; }
			div.follow a:hover {color:#3399FF;}
			div.follow a { color:#737373; text-decoration:none;}
			
		div.citypass {float:left; width:274px; height:219px;}
	
div.content_btm {width:986px; height:93px; background:url(/images/homepg/content_btm.jpg) left top no-repeat;  clear:both; padding:28px 0px 0px 0px; color:#FFF; font-size:11px;} 
div.content_btm a {color:#FFF; text-decoration:none;}
div.content_btm a:hover {color:#006699;}
div.clear {clear:both; margin:0px; padding:0px;}


div#bodycontent {
width: 565px; margin-left: 25px; margin-top:40px; }

div#bodycontent p, div#bodycontent{font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#333;}

div#bodycontent a {color:#1e73c2;}
div#bodycontent a:hover {color:#666666;}

#bodycontent .content {background: none top left no-repeat !important; background-image:none !important}



/********************* TENDENCI******************/
.titles {  font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-weight: bold; color: #333399}
.subtitles {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #3399FF;
}
.body_copy {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333}
.currency {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #333333; text-align: right}
.bold_body_copy {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #333333; text-decoration: none}
.bold_body_copy_blue {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #003366; text-decoration: none}
.big_body_copy {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #333333; text-decoration: none}
.links {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #3399FF}
.copyright {  font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #CCCCCC}
.breadcrumbs {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #999999}
.body_copy_alerts { font-family: Arial, Helvetica, sans-serif; font-size: 12PX; color: #FF0000}
.body_copy_invert { font-family: Arial, Helvetica, sans-serif; font-size: 12PX; color: #FFFFFF}
.yellow_body_copy {  background-color: #FFFF00; font-family: Arial, Helvetica, sans-serif; font-size: 12PX; font-style: normal; color: #333333}
.reports {  font-family: Arial, Helvetica, sans-serif; font-size: 12PX; color: #333333; text-decoration: none}
.reports_big_body_copy { font-family: Arial, Helvetica, sans-serif; font-size: 12PX; color: #333333; text-decoration: none }
.reports_subtitles { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #333333}
.reports_titles { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #333333}

	 

.color1 {
	background-color: #3399FF;
}
.color2 {
	background-color: #FFCC00;
}
.logo {
	background-image: url(/images/logo.gif);
	background-repeat: no-repeat;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
a { 	
	font-family: Arial, Helvetica, sans-serif; 
	color:#267dc0;
	}
	
	a:hover {color:#779b3b;}
	
p {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
}

h1 {
	font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-weight: bold; color: #333399}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #3399FF;
}

h3 {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12PX; 
	font-weight: bold; 
	color: #333333; 
	text-decoration: none
	}

h4 {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12PX; 
	font-weight: bold; 
	color: #333333; 
	text-decoration: none
	}

h5{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12PX; 
	font-weight: bold; 
	color: #003366; 
	text-decoration: none
	}

td { 
	font-family: Arial, Helvetica, sans-serif; 
	color: #333333
}

input{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12PX; 
	color: #333333
}

textarea{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12PX; 
	color: #333333
}


select{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12PX; 
	color: #333333
}




/* STORIES MODULE */
.stories {
	display: block;
	width: 366px;
	height: 299px;
	float:left;
	background: #fff;
	overflow: hidden;
	}
	.story-item {
		background: #fff;
		}
		.story-item p, .story-item img, .story-item a { margin: 0; padding: 0; }
	
	.story-item .image-header {
		position: relative;
		display: block;
		width: 350px;
		height: 200px;
		overflow: hidden;
		z-index: 10;
		}
		.story-item h1 {
			background: transparent url(/images/story-h1-bg.png) repeat top left;
			color: #fff;
			margin: 0;
			padding: 5px 15px;
			position: absolute;
			bottom: 0;
			left: 0;
			z-index: 1000;
			width: 100%;
			}
		.story-item img {
			border:0px;
			position: absolute;
			bottom: 0;
			left: 0;
			z-index: 999;
			}
		.story-item p, .story-item a {
			padding-left: 15px;
			margin-top: 5px;
			width: 330px;
			}
	#nav-stories { position: absolute; top: 10px; left: 144px; width: 12px; z-index: 1; }
	#nav-stories a {
		display: block; 
		width: 13px; 
		height: 20px; 
		float: left; 
		margin-bottom: 10px; 
		padding: 4px 0 0 5px;
		background: #bddeef; 
		text-decoration: none;
		text-align: left;
		color: #fff;
		z-index: 1;
		}
		#nav-stories a.activeSlide {
			background: #ab2f2d;
			}




#emergency {
	position: absolute;
	top: 100px;
	left: 35%;
	display: block;
	width: 400px;
	background: #fff;
	border: 10px solid #F90;
	text-align: center;
	z-index: 1001;
	}
	
	
	/*Footer area*/
div#footer-social-media {width:986px; height:122px; background: url(/images/homepg/content_bg.gif) repeat-y scroll center top; clear:left; margin:15px 0px 0px 6px;}

div.rss {width: 231px; background:url(/images/home/rss-icon.gif) top left no-repeat; height:89px; float:left; margin:16px 0px 0px 18px; border-right: 1px solid #70706e;}
	div.rss p {color:#FFF; padding: 18px 28px 0px 61px; font-size:12px; line-height:15px;}
	div.rss a, div.rss a:active, div.rss a:visited {color:#FFF; text-decoration: underline;}

	#gray-footer a {color: #fff; text-decoration: none; }
	
	#footer-social-media a.facebook,
	#footer-social-media a.flickr,
	#footer-social-media a.twitter  {
	display: block;
	width: 235px;
	float: left;
	}
	
	#footer-social-media div.rss a:hover,
	#footer-social-media a.facebook:hover,
	#footer-social-mediar a.flickr:hover,
	#footer-social-media a.twitter:hover { color:#e09524; }

	#footer-social-media a.facebook {width: 189px; background:url(/images/home/facebook.gif) top center no-repeat; border-right: 1px solid #70706e; margin:16px 0px 0px 0px; padding: 50px 0 0 16px; }
	
	#footer-social-media a.flickr { width:160px; background:url(/images/home/flickr.gif) top center no-repeat; border-right: 1px solid #70706e; margin:16px 0px 0px 0px; padding: 50px 0 0 16px; }
	
	#footer-social-media a.twitter {width: 195px; background:url(/images/home/twitter.gif) top center no-repeat; margin: 16px 0px 0px 0px; padding: 50px 0 0 16px; }
	
	
	#facebox div.content { width: 40%; background: none;}
	#facebox div.content h1 { color: #F00; }
	
			
#social-media-left {width: 238px; float:left ; padding: 5px 0 0 88px;}
#social-media-left img {float:left; margin-left: 15px;}