* {
	margin: 0;
}

html, body {
	height: 100%;
}


body {
background-color:#01010E;
background-image:url(../img/bg.png);
background-repeat:repeat-x;
color:#FFFFFF;
margin:0;
padding:0;
}


.container {
width: 1055px;
margin: 0px auto -66px;
padding: 0px;
min-height: 100%;
height: auto !important;
height: 100%;
}

.content {
z-index: 1;
}

.header {
height: 152px;
position: absolute;
top: 18px;
}

#header-graphic {
height:152px;
margin:0 auto;
width:1055px;
}

#main-scene {
left:-2px;
position:relative;
top:5px;
}

#moon-tip {
left:551px;
position:relative;
top:50px;
}

.push {
height: 66px;
clear:both;
}

#tg-header-print {
display: none;
}

/*footer navigation*/
/*******************/


#footer {
position: relative;
height: 66px;
width: 1055px;
margin: 0px auto;
padding: 0px;
background-image: url(../img/footer.png);
background-repeat: no-repeat;
left:0px;
z-index: 99;
bottom: 0px;
}


#footer ul {
width:1055px;
list-style:none;
margin:0px;
padding:0px;
}


#footer li ul, #footer li ul {
margin: 0px;
padding: 0px;
z-index:99;
}


#footer a {
text-decoration: none;
}


#footer li {
margin: 0;
padding: 0px;
display: block;
float: left;
}


#footer li ul {
display: none;
}


#footer li a {
color: #224d6f;
font-weight: bold;
display: block;
padding: 0px;
}


#footer li.off ul, #footer li.on ul  { /*put the subnav below*/
position:absolute;
float:none;
margin:0px;
padding:0px;
z-index:999;
}


#footer li a {
display: block;
padding: 0px;
margin: 0px;
}


#footer li.on a {
color: #073E74;
}


#footer li.on ul {
display: block;
}


#footer li.off:hover ul {
display: block;
}



#footer li span {
display:none;
}



#li1 a, #li2 a, #li3 a, #li4 a, #li5 a, #li6 a, #li7 a  {
position: relative;
left: 110px;
display: block;
background: url(../img/footer2.png) no-repeat top left;
width: 105px;
height: 66px;
z-index: 10;
}



#footer ul li.off ul, #footer ul li.on ul  { /*put the subnav below*/
position: absolute;
margin: 0px;
padding: 0px;
width:115px;
}


#footer ul li ul li a {
display: block;
background: #E7F2F6;
border-top:none;
color: #333333;
font-family: arial, verdana, sans-serif;
font-size:11px;
height:50;
}


#footer ul li ul li a:active {
background: #217F9B;
color: #FFFFFF;
width:110px;
}



/*first, put the initial states in place*/

#li1 a {
background-position:-110px 0;
width:100px;
}


#li2 a {
background-position:-198px 0;
width:90px;
}


#li3 a {
background-position:-287px 0;
width:176px;
}


#li4 a {
background-position:-462px 0;
width:109px;
}


#li5 a {
background-position:-570px 0;
width:90px;
}

#li6 a {
background-position:-662px 0;
width:120px;
}

#li7 a {
background-position:-782px 0;
width:142px;
}




/*hover states*/


#li1 a:hover,
#li1.active a {
background-position: -110px -66px;
}


#li2 a:hover,
#li2.active a {
background-position: -198px -66px;
cursor: default;
}


#li3 a:hover,
#li3.active a {
background-position: -287px -66px;
}


#li4 a:hover,
#li4.active a {
background-position: -462px -66px;
cursor: default;
}


#li5 a:hover,
#li5.active a {
background-position: -570px -66px;
cursor: default;
}

#li6 a:hover,
#li6.active a {
background-position: -662px -66px;
}

#li7 a:hover,
#li7.active a {
background-position: -782px -66px;
}