

body {
margin: 0 auto;
padding: 0;
font: 76% Verdana,Tahoma,Arial,sans-serif;
background: #0B0B0E /*url(images/body_deg.gif) repeat-x;*/
}


#wrap {
background: #000000;
color: #c5c5c5;
border:  none;
margin: 0 auto;
width: 790px;
}

#header {
clear: both;
margin: 0px 0em 0px 0em;
padding: 0;
height: 75px;
background-color: #000000;}




#avmenu {
clear: left;
float: left;
width: 150px;
margin: 0 0 10px 0;
padding: 0;
font-size: 0.9em;
}



.glossymenu{
margin: 1px 0 0 1px;
padding: 0px;
width: 149px; /*width of menu*/
border: 0px solid #b59899;
border-bottom-width: 0px;
}

.glossymenu a.menuitem{
background: black url(images/glossyback.png) repeat-x bottom left;
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #b1aeaf;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 5px 0 15px;
padding-left: 10px;
text-decoration: none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: gray;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(images/glossyback2.png);
color: #e6e1e3;
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: gray;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px black;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: #DFDCCB;
colorz: white;
}




#twitter_div {
margin:  5px 0 3px 1px ;
}




#extras {
float: right;
width: 150px;
margin: 0 0 0 0;
padding: 0;
font-size: 0.9em;
line-height: 1.5em;
}

#extras p {
margin: 0 0 0 0;
}

#conditions{
 position:relative;
margin: 30px 20px 20px 20px;
height:720px;
}


#spaceweather{
background-color: #0f0f0f;
font: bold 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #c5c5c5;
width: 130px;
padding: 10px 10px 10px 10px;
position: absolute;
left: 0px;
top: 40px;
text-decoration: none;
}



.dt {
  font-weight:bold;
}


.bgcontent {
margin: 0em 155px 10px 155px;
padding: 0 10px 0 10px;
color:#dadada;
background-image: url(images/bgcontent3.png);
line-height: 1.6em;
text-align: left;
}


.bgcontent h2 {
font-size: 1.5em;
margin: 0 0 0.5em 0;
}

.bgcontent img {
padding: 5px 5px 5px 0px;
display:inline;
}

.bgcontent a:hover {text-decoration: none; color: #ff0000;}

.bgcontent a {
text-decoration: none;
color: #a4a4a4;
}

h3 {
font-size: 1.3em;
margin: 0 0 10px 0;
}

a {
text-decoration: none;
color: #9c1e1c;
}

a:hover {
text-decoration: none;
color: #ff2323;
}

.fblike { padding: 70px 0px 0px 250px; }

#footer {
clear: both;
margin: 0 auto;
padding: 0px 0em 0px 0em;
width: 790px;
text-align: center;
color: #808080;
font-size: 0.9em;
height: 44px;
background: #211d1e url(images/footer.png) no-repeat right;
border: none;}

#footer a {
color: #987559;
text-decoration: none;
}

#footer a:hover {
text-decoration: none;
color: #ab0000;
}

.left {
margin: 0px 7px 0px 5px;
float: left;
}

.right {
margin: 0px 7px 0px 5px;
float: right;
}

.textright {
text-align: right;
}

.center {
text-align: center;
}

.small {
font-size: 0.8em;
}

.bold {
font-weight: bold;
}

.hide {
display: none;
}

.cssnav	{
position:relative;
font-family: arial, verdana, helvetica, sans-serif;
background-image: url(images/roll/over.png);
background-repeat: no-repeat;
display: block;
width: 144px;
height: 27px;
margin: 0; 
margin-bottom:0px;
padding: 0; 
}
.cssnav a {
display:block;
font-size: 12px;
width: 144px;
height: 27px;
float: left;
margin: 0;
padding: 0;
color: #310505; text-decoration: none; 
}
.cssnav img {width: 100%; height: 100%; border: 0; }
* html a:hover {visibility:visible}
.cssnav a:hover img{visibility:hidden}
.cssnav a:hover {text-decoration: none; color: #ff0000;}
.cssnav span {
position:absolute;
left:5px;
top:3px;
margin:0;
}

#network {
position: relative;
width: 148px;
height: 37px;
background:  url(images/networkbg.png) no-repeat;
padding: 0;
}

#network li {
display: block;
position: absolute;
list-style: none;
margin: 0;
padding: 0;
}

#network a {
display: block;
text-indent: -9999px;
text-decoration: none;
outline: none;
}

#facebook {
left: 0px;
top: 0px;
}

#twitter {
left: 37px;
top: 0px;
}

#myspace {
left: 74px;
top: 0px;
}

#rss {
left: 111px;
top: 0px;
}

#facebook a {
width: 37px;
height: 37px;
}

#twitter a {
width: 37px;
height: 37px;
}

#myspace a {
width: 37px;
height: 37px;
}

#rss a {
width: 37px;
height: 37px;
}

#facebook a:hover {
background: url(images/networkbg.png) 0px -37px no-repeat;
}

#twitter a:hover {
background: url(images/networkbg.png) -37px -37px no-repeat;
}

#myspace a:hover {
background: url(images/networkbg.png) -74px -37px no-repeat;
}

#rss a:hover {
background: url(images/networkbg.png) -111px -37px no-repeat; 
}

#contactmenu {
position: relative;
width: 150px;
height: 150px;
background:  url(images/contactmenu.png) no-repeat;
padding: 0;
}

#contactmenu li {
display: block;
position: absolute;
list-style: none;
margin: 0;
padding: 0;
}

#contactmenu a {
display: block;
text-indent: -9999px;
text-decoration: none;
outline: none;
}

#investigation {
left: 0px;
top: 0px;
}

#general {
left: 0px;
top: 50px;
}

#media {
left: 0px;
top: 100px;
}



#investigation a {
width: 150px;
height: 50px;
}

#general a {
width: 150px;
height: 50px;
}

#media a {
width: 150px;
height: 50px;
}



#investigation a:hover {
background: url(images/contactmenu.png) 0px -150px no-repeat;
}

#general a:hover {
background: url(images/contactmenu.png) 0px -200px no-repeat;
}

#media a:hover {
background: url(images/contactmenu.png) 0px -250px no-repeat;
}


 