@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: 424px;
	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-top: 2px;
	margin-bottom: -5px;
	color: #fff;
}
#content h1 {
	font-size: 120%;
	font-family: Verdana, Arial;
}
#content td {
	font-family: Verdana, Arial;
	color: #fff;
}
#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: 0px 3px 0px 3px;
	height: 25px; /* needed for Mozilla */
	border-color: transparent;
	border-width: 3px; 
	padding-top: 3px;
	background-color: #000;
	color: #5ea3e9;
	font-size: 60%;
	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;
	position: relative;
	top: -15px;
	padding: 5px;
	z-index: 6;
}

#subnav {
	margin: 0 auto;
	text-align: center;
}

#votingresults {
	position: absolute;
	left: 485px;
	top: 400px;
	width: 300px;
	height: 40px;
	z-index: 999;
	font-family: Verdana, Arial, Helvetica;
	font-size: 100%;
	color: #D3573E; 
}

#inner {
	float: right;
}
#innerleft {
	float: left;
}


.indent {
	color: #fff;
	font-family: Verdana, Arial, Helvetica;
	font-size: 100%;
}

.clientlist {
	left: 50px;
	color: #fff;
	font-family: Verdana, Arial, Helvetica;
	font-size: 100%;
	width: 55em;
	list-style-type: none;
}

.clientlist li {
	float: left;
	width: 25em;
	text-align: left;
}

/* FLOATER */
#trailimageid {
	position: absolute;
	visibility: hidden;
	left: 0px;
	top: 0px;
	width: 310px;
	height: 1px;
	z-index: 1000;
	border: 1px #0066cc;
}

/* create a button look for links */
.mybutton 
{   color: #fff;
    font-family: arial,helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
	background-color: slategray;
    border: solid 1px;
	border-color: #99f #039 #039 #99f;
    letter-spacing: 1px;
    padding: 3px;
	text-decoration: none;
	line-height: 1.5;
    width: 25em;
}
.mybutton:visited 
{   background-color: #FF9900; color: #000;}
.mybutton:hover
{   background-color: #FF9900; color: #fff;}

#specialtext {
	z-index: 6;
}

.designandwinback {
	position: relative;
	height: 265px;
	width: 422px;  
	top: 300px;  /* for IE, you really want this measurement to be 180px */ 
	left: 405px;  
	z-index: 4;
	background-image: url(../images/DesignandWin.jpg);
	background-position: no-repeat;
	background-repeat: none;
	filter: alpha(opacity=40);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
	-moz-opacity: 0.40; opacity:0.4;
}
