body {
background: #000000 url(imgs/top_aurora.jpg) no-repeat top center fixed ;
padding: 0 0 15px 0;
color: #ffffff;
font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, sans-serif;
font-size: 11px;
line-height: 15px;
margin: 0;
}
a {
color: #a8e378;
text-decoration: none;
font-weight: normal;
}
.topbar {
height: 20px;
width: 100%;
background: #000000;
padding: 3px 0 0 0;
margin-bottom: 15px;
}
.bottombar {
position: fixed;
bottom: 0px;
height: 20px;
width: 100%;
background: #000000;
padding: 3px 0 0 0;
margin-top: 15px;
font-size: 10px;
}
ul {
padding: 0px;
}
h1 {
font-size: 16px;
color: #33b8ea;
}
h2 {
font-size: 10px;
color: #f03131;
}
h3 {
font-size: 9px;
color: #19d001;
}
h4 {
font-size: 9px;
color: #ed0112;
}
span.style1 {	
color: #33b8ea 
}
li { list-style: none; }
		#menu {
			position: relative;
			text-align: center;
			font-size: 13px;
			margin-bottom: 1em;
/* adds padding above menu text (increase to move menu text down), specifies width to fill the space and tells it to float next to the image */
			padding-top: 25px;
			width: 470px;
			float: left;
		}
		#menu * {
			display: inline;
			padding: 4px;
			user-select: none;
			cursor: pointer;
			vertical-align: middle;
		}
		#menu li.active {
			background-color: #33b8ea;
			border-radius: 3px;
			-webkit-border-radius: 3px;
			-opera-border-radius: 3px;
			-moz-border-radius: 3px;
		}
		
	/*	#buttons li:hover{
			background-color: #a8e378;
			border-radius: 3px;
			-webkit-border-radius: 3px;
			-opera-border-radius: 3px;
			-moz-border-radius: 3px;	
		} */
		#panes {
			position: inherit;
		}
		#panes div div { overflow: hidden; }
/*
.main {
position: relative;
padding-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding bottom: 0px;
width: 700px;
text-align: left;
border: solid 1px #343434;
background: #000000;
magin: 0 auto 0 auto;
background: transparent url(imgs/darkbg.gif);
}
*/
.main-transparent {
position: relative;
padding: 0px;
width: 700px;
text-align: left;
margin: 0 auto 0 auto;
}
.spacer {
width: 700px;
height: 20px;
position: relative;
}

.logo-menu {
margin: 0 auto 0 auto;
padding-left: 3px;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 0px;
width: 700px;
text-align: center;
border: solid 1px #343434;
background: #000000;
height: 83px;
}
.content-main {
float: left;
padding-left: 10px;
padding-right: 5px;
padding-bottom: 10px;
padding-top: 0px;
width: 500px;
border: solid 1px #343434;
margin: 0 auto 25px auto;
background: #000000;
}
.content-right {
position: inherit;
width: 170px;
padding-left: 5px;
padding-right: 0px;
padding-top: 5px;
padding-bottom: 10px;
margin: 0 auto 0 auto;
background: #272727;
border: solid 1px #343434;
float: right;
}
.logo {
/* Now specifies image in css along with the width and height so that the div is sized accordingly, and floats to the left so that the menu can sit alongside it */
background: url(imgs/vision_logo.png);
width: 230px;
height: 81px;
float: left;
}