/* CSS Document */



html, body {
background-color: #000000;
margin-top: 0;
margin-right: 0;
margin-left: 0;
margin-bottom: 0;
 height:100%;
border:none;
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size: 12px;
color: #ffffff;
overflow-y: scroll;


}





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

a.white {color: #ffffff; text-decoration: none; font-size: 16px;}
a.white:hover {color: #ffffff; font-size: 16px;}


a.currentnumber {color: #ffffff; text-decoration: none; font-size: 14px;}
a.currentnumber:hover {color: #ffffff; }

a.numbers {color: #333333; text-decoration: none; font-size: 14px;}
a.numbers:hover {color: #ffffff;}



p {
font-size: 12px;
line-height: 160%;
} 

.smaller {
font-size: 11px;
} 

.header1 {
font-size: 26px;
} 

.header2 {
font-size: 19px;
} 

.info {
font-size: 15px;
} 



	#graphic {
	position: fixed;
	left: 4px;
	top: 430px;
	z-index: 5;
	width: 100%;
	height: 53px;
	}
	
			#graphic2 {
	position: relative;
	left: 0px;
	top: 0px;
	z-index: 12;
	width: 100%;
	height: 700px;
	}
	


#fullheight{
height:100%;
width:100%;
}

img.nav
{
	opacity:0.5;
	filter:alpha(opacity=50);
}


#navbar {
    font-size: 14px;
    height: 25px;
	margin: 0px 0px 0px 0px;
	padding-left: 0;
	float: left;

}
#navbar li {
    list-style:none;
    display:inline;
	text-align:center;
	text-indent: none;
    color:#999999;
    text-decoration:none;
	display:inline-block;
	width:40px;
		
}

#navbar a {
color:#999999;
text-align:center;
text-decoration:none;
padding: 1px 3px -0px 3px;
margin:0px 16px 0px 0px;

}
#navbar a:hover { 
background-color:#999999;
    color:#ffffff;
	width:95px;

}


a.image { 
	opacity:0.5;
	filter:alpha(opacity=50);
	background-color:#ffffff;
}

a:hover.image { 
	opacity:0.5;
	filter:alpha(opacity=50);

}

td.current {
background-color:#999999;
color:#FFFFFF;
}




		.feed {
			display: block;
			float: left;
			margin-left: 0px;
			margin-right: 15px;
			margin-bottom: 0px;
			border: none;
			height:437px;
		}
		.feed:first-child {
			margin-left: 0;
		}
			.feed:hover {
				text-decoration: none;
			}
			.feed span {
				color: #2394a6;
				font-size: 11px;
			}
			
img.big {
width:100%;
height:auto
} 


img.gallery { max-height: 355px; }


.textfield_effect    {
    /*we will first set the border styles.*/
    border-width: 1px;
    border-style: solid;
    border-color: #999999;
    /*we are now going to add in the shadow image that we created earlier*/
    background-image: url(back_field.gif);
    background-repeat: repeat-x;
    /*I am going to add some <strong class="highlight">text</strong> formatting of my own*/
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #999999;
    width: 200px;
    height: 15px;
    }
 
/*we are now going to <strong class="highlight">style</strong> how the textfield will look when we
hover over it and when we actually have it selected*/
 
.textfield_effect:hover    {
    border-color: #333;
    border-width: 1px;
    }
 
.textfield_effect:focus    {
    border-color: #999999;
    border-width: 1px;
    }
 
 
 input.btn {
  color: #000;
  font: Arial, Helvetica, sans-serif
  background-color: #fff;
  border: 0;
 
}


a#block {
display:block;
width:100%;
height:100%;
font-size:14px;
color:#000;
text-decoration:none;
}
a#block #span2 {
display:block;
padding:4px 2px 0px 2px;
}
a#block:hover {
background-color:#999;
color:#fff;
}

a#blockcurrent {
display:block;
width:100%;
height:100%;
font-size:14px;
color:#fff;
text-decoration:none;
background-color:#ccc;
}
a#blockcurrent #span3 {
display:block;
padding:4px 2px 0px 2px;
}
a#blockcurrent:hover {
background-color:#666;
color:#fff;
}