body
{
margin: 0px;
font-size: 12px;
font-family: arial, Helvetica, sans-serif;
color: #ffffff;
// position: relative; 
background-color: #000000;
background-image: url(./gfx/observatory_background.jpg);
background-repeat: no-repeat;
}

a:link { 
	color: #91daed; 
	text-decoration: none; 
	font-weight: 500; 
 }
ol
{list-style-position: outside;
	}
 
img {
	border: 0px;

	}
	
a:hover { 
	color: #ffffff;
	text-decoration: none; 
	font-weight: 550;  
	}

a:visited { 
	color: #91daed;
	text-decoration: none;  
	font-weight: 500; 
 }

a:active { 
	font-weight: bold; 
	text-decoration: none; 
	color: #91daed; }





table.mainContent 
{
// table-layout: fixed;
position: relative; 
width: 747px;
top: 20px;
vertical-align: top;
background-image: url(./gfx/transparent.png);

}

div.header
{
position: relative; 
width:748px;
height:130px;
top: 0px;
margin: 0px auto;
margin-top:0;
}

div.navbar
{
position: relative;
width:748px;
top:0;
left:0;
height: 25px;
margin-top:0;
text-align: center;
font-size: 14px;
text-transform: uppercase;
word-spacing: 20px;
}

div.body
{
width: 748px;



}


	
div.footer
{

position: relative;
top: 0px;
left: 0px;

text-align: center;
font-size: 10px;
width: 100%;
vertical-align: 5px;
}

table.nav
{
border: none;
vertical-align: top;
border-width: 0px 0px 0px 0px;
border-spacing: 0px;
border-style: none none none none;
border-color: gray gray gray gray;
border-collapse: collapse;
background-color: black;
}

td.nav
{
text-align:center;
font-size:12px;
vertical-align:middle;
width:93px;
height:25px;
background-image: url(images/nav.gif);
background-repeat:no-repeat;
background-color: black;

}


div.leftColumn
{
left: 0px;
padding: 5px;
width: 65%;
position: relative;
}

div.rightBox
{

right: 0px;
float: right;
width: 35%;
text-align: right;
top: 30px;
padding: 5px;
vertical-align:top;
line-height: 18px;
	
	}

div.bioPic
{
//position: relative;//
right: 0px;
float: right;
width: 44%;
text-align: right;
top: 15px;
padding: 5px;
	
	}
table.news 
{
font-size: 12px;
width: 475px;
font-family: Arial, Helveticaß;
text-align: justify;
padding: 5px;
}


div.shoutbox
{
position: relative;
float: right;
background-color:black;
border: 0px solid white;
top: 15px;
padding-left:10px;
padding-right: 5px;
padding-top:5px;
padding-bottom:5px;
margin-right: 15px;
margin-bottom: 20px;
width: 140px;
}

div.bio
{
position: relative;
float: left;
background-color:black;
top: 15px;
left: 5px;
width:95%;
padding-left:15px;
padding-right:15px;
padding-bottom:15px;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
text-align:justify;
}
div.disco
{
position: relative;

background-color:black;
left: 5px;
width:90%;
padding:15px;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
color: white;
text-align:center;
margin: 0px auto;
}

div.shows
{
position: relative;
background-color:black;
top: 15px;
left: 5px;
width:95%;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 15px;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
text-align:justify;
}

#medianav{
width:60%;
margin-right:auto;
margin-left:auto;
}
#medianav ul{
text-align:center;
padding-bottom:5px;
padding-top:0;
padding-left:0;
padding-right:0;
margin:0;

}
#medianav ul li{
display:inline;
}
#medianav ul li a{
padding-left:10px;
padding-right:10px;
}
#medianav ul li a:hover{
text-decoration:underline;
color:#FFFFFF;
}
#mediacontainer{
text-align:center;
width:100%;

}
#pics{
width:100%;
display:block;
background-color:#000000;
text-align:center;
}
#audio{
width:100%;
display:none;
background-color:#000000;
text-align:center;
}
#video{
width:100%;
display:none;
background-color:#000000;
text-align:center;
}
#video table {
margin-left:auto;
margin-right:auto;
border:0;
}
#blog{
width:100%;
display:none;
background-color:#000000;
text-align:center;
}

.trigger{
cursor:pointer;
border:1px solid white;
padding:5px;
width:584px;
}		
.trigger:hover{
cursor:pointer;
background:#ddf;
}		
.expanded{
background:black;
cursor:pointer;
border:1px solid white;
padding:5px;
width:584px;
}

.expanded:hover{
background:#eef;
cursor:pointer;
}

.show{
position:static;
display: table;
position: relative;
background-color:black;
width:584px;
padding:15px;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
color: white;
text-align:center;
margin: 0px auto;
}
.hide{
position:absolute;
left:-999em;
height:1px;
width:100px;
overflow:hidden;
}

#boundary{
background:#f8f8f8;
border:1px solid #333;
}
a{color:#369;}

h1{
font-size: 130%;
}
h2{
font-size:110%;
}

h2 img{border:none;padding-right:.5em;}

ul.connect {
	
	list-style-type:none;
	vertical-align:middle;}