/* IMPORT CORE CSS */
@import url("CSSReset.css");
@import url("typo.css");
@import url("forms.css");  


body
{
    text-align:center;
}


#page
{
    margin:0 auto;
    text-align:left;    
    width:950px;
    background-color:#000;    
}

#header
{
}

#FlashContent
{
}

#content
{
    padding:0;
    margin:0;
    width:950px;
    float:left;
}

#main
{
    float:right;
    width:750px;
}

#mainContent
{
    float:left;
    width:475px;
}

#mainContent h1 img 
{
    position:relative;
    left:-7px;
}

#mainContent li
{
    list-style:disc;
}

#sidebar
{
    float:right;
    width:200px;
    position:relative;
    right:10px;
    padding-top:64px;    
    padding-bottom:15px;
}

#nav
{
    float:left;
    width:170px;
}

#footer
{
    clear:both;
    text-align:center;
    background-color:#fff;
    color:#aaa;
    font-size:0.85em;
    padding-top:4px;
}

#footer a
{
    color:#aaa;    
    text-decoration:none;
}
#footer a:hover
{
    color:#aaa;
    text-decoration:underline;    
}


/****************************************************************************
News
****************************************************************************/
#ctl00_ContentPlaceHolder1_grdNews th
{
    color:#909295;
    font-family: Trebuchet MS;
    font-weight:normal;
    font-size:1.4em;
    line-height:1em;    
    padding:0;
    margin:0;    
}

.grdNewsTitle
{
    color:#909295;
    font-family: Trebuchet MS;
    font-weight:normal;
    font-size:1.3em;
    line-height:1.3em;    
    padding:0;
    margin:0;
}

.grdNewsDate
{
    color:#f6ef2b;
}


.NewsHeadline
{
    color:#909295;
    font-family: Trebuchet MS;
    font-weight:normal;
    font-size:1.4em;
    line-height:1em;    
    padding:0;
    margin:0;
}

.NewsSnippet
{
    font-size:0.9em;
    padding-top:5px;
}

.NewsSnippet p
{
    padding:0;
    margin:0;    
}

.NewsLink a
{
    font-size:0.9em;
    text-decoration:none;    
    color:#f6ef2b;
    display:block;
    padding-bottom:14px;    
}
.NewsLink a:hover
{
    font-size:0.9em;
    text-decoration:underline;    
    color:#fff;
}

/****************************************************************************
Navigation
****************************************************************************/
/*
<ul class="clearfix">
     <li id="Who"><a href="page.aspx?id=1"><strong>Who<strong></a></li>
     <li id="What"><a href="page.aspx?id=2"><strong>What<strong></a></li>
     <li id="Where"><a href="page.aspx?id=3"><strong>Where<strong></a></li>
     <li id="When"><a href="page.aspx?id=4"><strong>When<strong></a></li>
     <li id="Why"><a href="page.aspx?id=5"><strong>Why<strong></a></li>
     <li id="Wonder"><a href="page.aspx?id=56"><strong>Wonder<strong></a></li>                         
</ul>
*/

#nav
{
    position:relative;
    top:-30px;
    left:30px;
}

#nav ul  
{
    float:left;  
	list-style: none;
	margin: 0;
	padding: 0;
}

#nav li {
    float:left;  
	padding:0;
    margin:0;  
    padding-bottom:3px;  
}

#nav .accessibility
{
    position:relative;
    left:-9999em;
}

#nav strong
{
    position:relative;
    left:-9999em;    
}


/* Who */
#nav #nav1
{
    background-image:url(nav/who-0.gif);
    background-repeat:no-repeat;
    width:143px;
    height:29px;
}
#nav #nav1:hover
{
    background-image:url(nav/who-1.gif);
    width:143px;
    height:29px;
    cursor:pointer;
}
#nav #nav1 a
{
    display:block;
    width:143px;
    height:29px;
    text-decoration:none;
}


/* What */
#nav #nav2
{
    background-image:url(nav/what-0.gif);
    background-repeat:no-repeat;
    width:143px;
    height:34px;
}
#nav #nav2:hover
{
    background-image:url(nav/what-1.gif);
    width:143px;
    height:34px;
    cursor:pointer;    
}
#nav #nav2 a
{
    display:block;
    width:143px;
    height:34px;
    text-decoration:none;
}


/* Where */
#nav #nav3
{
    background-image:url(nav/Where-0.gif);
    background-repeat:no-repeat;
    width:143px;
    height:33px;
}
#nav #nav3:hover
{
    background-image:url(nav/Where-1.gif);
    width:143px;
    height:33px;
    cursor:pointer;    
}
#nav #nav3 a
{
    display:block;
    width:143px;
    height:33px;
    text-decoration:none;
}


/* When */
#nav #nav4
{
    background-image:url(nav/When-0.gif);
    background-repeat:no-repeat;
    width:143px;
    height:34px;
}
#nav #nav4:hover
{
    background-image:url(nav/When-1.gif);
    width:143px;
    height:34px;
    cursor:pointer;    
}
#nav #nav4 a
{
    display:block;
    width:143px;
    height:34px;
    text-decoration:none;
}


/* Why */
#nav #nav5
{
    background-image:url(nav/Why-0.gif);
    background-repeat:no-repeat;
    width:143px;
    height:37px;
}
#nav #nav5:hover
{
    background-image:url(nav/Why-1.gif);
    width:143px;
    height:37px;
    cursor:pointer;    
}
#nav #nav5 a
{
    display:block;
    width:143px;
    height:37px;
    text-decoration:none;
}



/* Wonder */
#nav #nav6
{
    background-image:url(nav/Wonder-0.gif);
    background-repeat:no-repeat;
    width:143px;
    height:29px;
}
#nav #nav6:hover
{
    background-image:url(nav/Wonder-1.gif);
    width:143px;
    height:29px;
    cursor:pointer;   
}
#nav #nav6 a
{
    display:block;
    width:143px;
    height:29px;
    text-decoration:none;
}