@charset "iso-8859-1";

body { 
	background-image: url(../images/BackgroundGradient.jpg);
	background-color: #5EA3E9;
 }
 
p, br { text-align: center; 
	font-family: Verdana, Arial, Helvetica;}

#wrapper {
	position: absolute;
	background-color: transparent;
	margin-top: 0px; 
	margin-left: 10%;
	width: 800px;
}

#header { 
	position: static;
	margin: 3px; 
	height: 150px;
	padding-left: 10px;
	padding-right: 0px;
	padding-top: 2px;
	padding-bottom: 0px;
	border-color: transparent;
	background-color: #000;
	border-width: 3px; 
}

#nav {
	position: static;
	overflow: hidden;
	margin: 3px;
	height: 30px;
	width: auto;
	border-color: transparent;
	border-width: 3px; 
	background-color: #000;
	padding-top: 0px;  /* remove this for Firefox, and make the measurement bigger for IE */
	padding-bottom: 2px;
}
#nav p {
	text-align: center;
	vertical-align: top;
}


#content {
	position: static;
	overflow: auto;
	margin: 3px;
	height: 350px;
	border-color: transparent;
	border-width: 3px; 
	background-color: #000;
	background-image: url(../images/ContentGradient.jpg);
	z-index: 5;
	color: #000;
	background-color:#a0a0a0;
/* 	direction: rtl;    - use this if the scrollbar is needed, to put it on the left, and remove punctuation.*/ 
	font-size: 80%;
 /*   scrollbar-face-color:#903030;
    scrollbar-arrow-color:#FFFFFF;
    scrollbar-track-color:#C0B0B0;
    scrollbar-shadow-color:rgb(0,0,0);
    scrollbar-highlight-color:rgb(0,0,0);
    scrollbar-3dlight-color:#808080;
    scrollbar-darkshadow-Color:#202020; */
}

#content p, h1 {
	text-align: left;
	padding-top: 8px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 3px;  /*check if this fixes space b/w paras - was 3px */
	margin-bottom: -5px;
	color: #fff;
}
#content h1 {
	font-size: 120%;
	font-family: Verdana, Arial;
}
#content a:link, a:visited, a:active {
	font-weight: normal;
	font-size: 100%;
	color: #5ea3e9;
}

#content a:hover {
	color: #D3573E;
}

#logoback {
	position: relative;
	height: 596px;
	width: 511px;
	top: 190px;  /* for IE, you really want this measurement to be 180px */ 
	left: 515px;  
	z-index: 4;
	background-image: url(../images/TeamFeverlogoTrans.gif);
	background-position: 100% 100%;
	background-repeat: none;
	filter: alpha(opacity=30);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
	-moz-opacity: 0.30; opacity:0.3;
}

#footer {
	position: static;
	margin: 3px;
	height: 89px; /* needed for Mozilla */
	border-color: transparent;
	border-width: 3px; 
	padding-top: 1px;
	background-color: #000;
	color: #5ea3e9;
	font-size: 70%;
	text-align: center;
	vertical-align: middle;
}
#footer a:link, a:visited, a:active {
	font-weight: normal;
	font-size: 95%;  /* this is relative to the current size */
	text-decoration: underline;
	color: #5ea3e9;
	}

#footer a:hover {
	font-weight: normal;
	color: #D3573E;
}

#inner {
	float: left;
	padding: 5px;
	z-index: 6;
}

#subnav {
	margin: 0 auto;
	text-align: center;
}

/* FLOATing image div */
#trailimageid {
	position: absolute;
	visibility: hidden;
	left: 0px;
	top: 0px;
	width: 420px;
	height: 440px;
	z-index: 1000;
}