/* CSS Document */

a:link {color: #536EB5; text-decoration: none;}
a:visited {color: #536EB5; text-decoration: none; }
a:hover {color:#FFFFFF; text-decoration: underline;}


body {
	background-color: black;
	margin: 5px;
	margin-top:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:12px;
	margin-bottom: 4px;
}

div#top{
width:100%;

}
div#left{
float:left;
width:50px;
}

div#bottom{
position:absolute;
left: 25px;
top:500px;
}

div#middle{
position:absolute;
top:120px;
left:70px;
height:350px;
width:500px;
}
div#biomiddle{
position:absolute;
top:120px;
left:70px;
height:350px;
width:750px;
}

div#rightlandscape{
float:left;
}

div#right{
position:absolute;
top:120px;
left:600px;
width:300px;
}

div#rightportrait{
float:left;
margin-left:3px;
}

div#righttop{
position:absolute;
top:80px;
left:600px;
height:100px;
width:300px;
}
#logo1 {
float:left;
	position:relative;
	left: 25px;
	top:50px;
	color: #FFFFFF;
	font-family: 'Franklin Gothic Medium Cond';
	font-size: 32px;
width: 500px;
}
a.none:link {color: #FFFFFF; text-decoration: none;}
a.none:visited {color: #FFFFFF; text-decoration: none; }

.logo2 {
	color: #536EB5;
	font-family: 'Franklin Gothic Medium Cond';
	font-size: 32px;
}

.navbar{
	float:right;
	color: #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	position:relative;
	right:50px;	
	top:10px;
}



.categories{
color: #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.copyright{
color: #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.transOFF {
	width: 80px;
	/*background-color:#FF0000;*/
	border:1px solid black;
	float:left;
	padding: 3px;
}
.transON {
	width: 80px;
	/*background-color:#0000FF;*/
	opacity:.50;
	filter: alpha(opacity=50);
-moz-opacity: 0.5;	border:1px solid black;
	float:left;
	padding: 3px;
}
.transOFFzz {
	width: 55px;
	border:1px solid black;
	float:left;
	padding: 3px;
}
.transONzz {
	width: 55px;
	opacity:.50;
	filter: alpha(opacity=50);
-moz-opacity: 0.5;	border:1px solid black;
	float:left;
	padding: 3px;
}


.hiddenPic {display:none;} /*This will be used to preload images without having to use Javascript*/

.bio {
	float:left;
	font-size: 12px;
	color: #FFFFFF;
	padding:20px;
}
p.bio {
margin:5px;
padding:5px;
}
p.pics {
margin:-3px;
padding:7px;
}