/** General Layout **/
* {margin:0;padding:0;}

#page, #nycgov, #header, #content, #footer {margin: 0 auto;}

#page {width:805px;}

#nycgov
{
border: 1px solid #4B4B4B;
width:769px; 
height:51px;
}

#header
{
background:url(images/header_and_nav/background.gif) no-repeat center top;
width:802px;
height:180px;
margin:30px 0 0 0;
position:relative;
}


#content{
position:relative;
background: url('images/background.jpg') no-repeat left top;
width:799px;
height:620px;
}

#flash_content {margin-left:-75px;}


/** General Typography **/
body {font-family: Verdana,Helvetica,Arial,sans-serif;font-size:0.8em;}
a {text-decoration: none;color: #457E00;}
a:hover {color:#003366;}

/** What's Happening pg **/
body.happenings h3 {text-align:center;padding:35px 0 15px 0;}
body.happenings h4 {font-size:1.3em;color:#006633;}
#happenings_content {margin: 0 10px 10px;font-weight:bold;}
.event {float:left;width:33%;height:270px;margin-top:0;}
.event_info{margin-top:-15px;}
.event_img {margin:5px 0; padding:0;}
.event_description {margin:0 10px 0 0;}
.more_link {margin-top:5px;clear:both;}
.more_link a {text-decoration:underline;}


/** Footer **/
#footer {clear:both;margin-top:30px;width:770px;font-size: 10px;font-weight: bold;text-align:center;}

#nycfooter 
{
text-align:center;
width:733px;
height:24px;
background-color:#494b4c;
padding:0 13px 0 24px;
}

.footer_copyright {
display:block; float:left; width: 287px;
color:#C4C4B2;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
font-weight:normal;
text-align:left;
padding-top:6px;
}

div.footer_links {
display:block; 
margin-left: 287px; width: 442px;
color:#F9D053;
font-size:10px;
text-align:right;
padding-top:6px;
}

.footer_links a{color:#F9D053; font-weight:normal; text-decoration:underline;}

#alternate_content{
	text-align: left;
	background: #FFFFFF;
}

/* Header and Navigations */

#header h1, #header h2 {position:relative;}
#header h1 img, #header h2 img {border:none;}

#header h1
{
width:516px;
height:73px;
top:-23px;
left:-3px;
}

#header h2 
{
top:-73px;
left:529px;
width:256px;
height:93px;
}

#navigation 
{
list-style:none;
position:absolute;
height:127px;
width:802px;
top:49px;
left:0;
}

#navigation li {display:inline;float:left;}
#navigation li#home {width:154px;height:115px;}
#navigation li#happenings {width:127px;height:126px;}
#navigation li#meet {width:139px;height:120px;}
#navigation li#games {width:133px;height:114px;}
#navigation li#citizen_sci {width:130px;height:122px;}
#navigation li#library {width:115px;height:114px;}

#navigation li a 
{
text-indent:-9999px;
display:block;
background:url(/kids/images/header_and_nav/navigation.gif) no-repeat left top;
}

#navigation li a:hover
{
background:url(/kids/images/header_and_nav/navigation_hover.gif) no-repeat left top;
}

#navigation li#home a 
{
width:154px;
height:115px;
}

#navigation li#happenings a 
{
background-position: -154px top;
width:127px;
height:126px;
}

#navigation li#meet a 
{
background-position:-281px top;
width:139px;
height:120px;
}

#navigation li#games a 
{
background-position:-420px top;
width:133px;
height:114px;
}

#navigation li#citizen_sci a 
{
background-position:-553px top;
width:130px;
height:122px;
}

#navigation li#library a 
{
background-position:-682px top;
width:115px;
height:114px;
}

body.main #navigation li#home a, body.happenings #navigation li#happenings a, body.rangers #navigation li#meet a, body.games #navigation li#games a, body.citsci #navigation li#citizen_sci a, body.library #navigation li#library a {background-image:url(/kids/images/header_and_nav/navigation_you_are_here.gif)}

/** Pearl the Squirrel positioning **/
#pearl
{
position:absolute;
left:0;
}