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;
background-attachment:fixed;
background-position:center;
}



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: fixed; 
width: 80%;
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
{
margin-left:auto;
margin-right:auto;
position: relative;
width: 70%;
align: center;
// top:0;
// left:0;
// height: 25px;
// margin-top:0;
// text-align: center;
font-size: 14px;
text-transform: uppercase;
word-spacing: 20px;
background-image: url(./gfx/transparent.png);
}

div.content
{
margin-left:auto;
margin-right:auto;
width: 70%;
align: center;
position: relative; 
// top: 20px;
// vertical-align: top;
background-image: url(./gfx/transparent.png);
}


	
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%;
}


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