/**** Reset *****/
* {
margin: 0;
padding: 0;
border: 0;
}

/**********************************
* 
*  Core
*  
********************************/
html {
background: #7F7F7F;
}
body {
color: #000;
font-size: 90%; 
font-family: 'Gill Sans', 'Gill Sans MT', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; 
}
h1,h2,h3 {
font-weight: normal;
color: #9bb0ce;
}
noscript {
background: #FFF;
border: 5px solid #CBCBCB;
width: 960px;
display: block;
margin: 10px auto 10px;
text-align: center;
}
p {
margin-bottom: 0.8em;
letter-spacing: 95%;
line-height: 110%;
}
.clear {
clear: both;
height: 1px;
margin-top: -1px;
}

/**********************************
* 
*  Containers 
*  
********************************/
#container {
width: 960px;
margin: 0 auto;
}

#container.homepage {
background: #FFF;
border: 5px solid #CBCBCB;
height: 520px;
}
.homepage #header {
height: 200px;
background: #000 url(../images/bg-header-icebergs.jpg) no-repeat top left;
}

.homepage #header h1 {
color: #FFF;
padding-top: 150px;
text-align: right;
}

#accordion {
height: 320px;
}

#accordion div.panel {
background: #FFF;
height: 320px;
}

#accordion div.innerPanel {
overflow: auto;
height: 320px;
padding: 0 10px;
}

#accordion  h2 {
background-color: #9bb0ce;
background-position: top left;
background-repeat: no-repeat;
border-right: 1px solid white;
float: left;
height: 320px;
text-indent: -10000px;
width: 40px;
}

#accordion div.panel.tab1 { padding: 0; overflow: hidden; }
#accordion .tab1 h2 {background-image: url('../images/tab-videos.png')}
#accordion .tab2 h2 {background-image: url('../images/tab-about.png')}
#accordion .tab3 h2 {background-image: url('../images/tab-walkthrough.png')}
#accordion .tab4 h2 {background-image: url('../images/tab-science.png')}
#accordion .tab5 h2 {background-image: url('../images/tab-canberra.png')}
#accordion .tab6 h2 {background-image: url('../images/tab-collaborators.png')}

/* Have black background for Walk through/Gallery page */
.tab1 div.innerPanel,.tab3 div.innerPanel, .tab5 div.innerPanel {
background:#000;
padding: 0;
}

/**********************************
* 
*  Layout Wrappers
*  
********************************/

#layout {	/* contains sidebar & content */
width: 960px;
clear: both;
margin: 0 auto;
}
#headerImage {
margin-top:3px;
margin-bottom: 10px;
width: 960px;
height: 157px;
}
#content {
width: 660px;
float: right; 	
margin: 15px;
text-align: left;
padding: 10px 0 0 40px;
border-left: 1px solid #494949;	
}										
/**********************************
* 
*  Footer
*  
********************************/
#footer { 
clear: both;  
}