﻿body 
{
	font-size: 13px;
	line-height: 1.4;
	color : black; 
	margin: 5 0 10 0;
	padding: 0 0 0 0;
	font-family : Myriad Web, Tahoma, Arial; 
	text-align: center;
	background-color: #CCCCCC;
	background-image: url(greypaper.jpg);
}

#PictureProfile
{
	width: 255px;
	padding: 50px 5px 5px 5px;
}

#Banner 
{
	text-align: center;
	width:790px;
	height: 156px;
	padding: 0 0 0 0;
}

.SelectedComp {
	background-color: #F8F8F8;
	border: 1px solid black;
	padding: 10px 10px 10px 10px;
	border-style: dashed;
}

.UsefulLink {
	background-color: #F8F8F8;
	border: 1px solid #C8C8C8;
	padding: 5px 5px 5px 5px;
	border-style: solid;
}

.AthleteProfile {
	background-color: #F8F8F8;
	border: 1px solid #C8C8C8;
	padding: 5px 5px 5px 5px;
	border-style: solid;
	width: 360px;
}

.ContactLeft 
{
	background-color: #F8F8F8;
	border: 1px solid #C8C8C8;
	padding: 5px 5px 5px 5px;
	border-style: solid;
	width: 300px;
	text-align:center;
	margin-left: 50px;
	margin-top: 20px;
}

.ContactRight {
	background-color: #F8F8F8;
	border: 1px solid #C8C8C8;
	padding: 5px 5px 5px 5px;
	border-style: solid;
	width: 300px;
	float: right;
	text-align:center;
	margin-right: 50px;
	margin-top: 20px;
}

.ContactCenter {
	background-color: #F8F8F8;
	border: 1px solid #C8C8C8;
	padding: 5px 5px 5px 5px;
	border-style: solid;
	width: 300px;
	text-align:center;
	margin-left: 230px;
	margin-top: 20px;
}

#MainBorder 
{
	text-align: center;
	width: 790px;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	border-right : 1px solid black;
	border-top: 0;
	padding: 0 0 0 0;
	background-color: white;
}

#MainContent 
{
	text-align: left;
	padding: 10px 10px 10px 10px;
}

#OutsideMainContent 
{
	text-align: left;
	float: left;
	padding: 10px 10px 0px 10px;
}

#mainContentLeftCenter 
{
	text-align: left;
	padding: 10px 10px 10px 10px;
	width: 480px;	
}

#mainContentRight 
{
	padding: 10px 10px 10px 10px;
	width: 250px;
	float: right;
}

#mainContentInfoCol 
{
	padding: 20px 10px 10px 10px;
	width: 170px;
	float: right;
}

.InfoNoteTop
{
	border: 1px solid green;
	background-color: green;
	color: White;
	font-weight:bold;
	text-align:center;
	width: 155px;
	padding: 2px 2px 2px 2px;
}

.InfoNote
{
	border: 1px solid green;
	width: 155px;
	text-align: left;
	padding: 2px 2px 2px 2px;
	color: black;
}

.imageRight
{
	float: right;
	padding: 0 0 10px 10px;
	vertical-align: top;
}

.imageLeft
{
	float: left;
	padding: 10px 10px 0px 10px;
	vertical-align: top;
}

.imageCaption 
{
	font-size:smaller;
	text-align:center;
}

.adRotator 
{
	clear: inherit;
	font-size: smaller;
	text-align: center;
}

#footer 
{
	width: 790px;
	text-align:center;
}

#footer a {
	font-size:12px;
	color:black;
	font-family:Tahoma, "Times New Roman", Times, serif;
	font-weight:bold;
	text-decoration: none;
}

#footer a:hover {
	color:black;
	text-decoration: underline;
}

#newsSummaryContainer 
{
	width: 240px;
	padding: 15px 5px 10px 5px;
}

.newsSummaryHeader 
{
	text-align: center;
	background-color: #0F700F;
	color: White;
	font-weight: bold;	
}

.newsSummaryBody 
{
	text-align: center;
	background-color: #F8F8F8;
	border: 1px solid #0F700F;
	padding: 5px 5px 5px 5px;
	height: 230px;

}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	MAIN NAV 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#navBar 
{
	background-color: #0F700F;
	width: 790px;
	text-align: center;
	vertical-align:bottom;
	height: 21px;
	padding: 5px 0 5px 0;
}

#nav {
	height:21px;
	text-align:center;
	vertical-align:bottom;
}
#nav a {
	font-size:14px;
	color:white;
	font-family:Tahoma, "Times New Roman", Times, serif;
	font-weight:bold;
	padding: 0px 5px 0px 5px;
	display:inline;
	border: solid 1px white;
	text-align: center;
	text-decoration: none;
}
#nav a:hover {
	color:red;
	text-decoration:none;
	border: solid 1px red;
	background-color: White;
}


/*----------------------------------------------------------------*/

.requiredField
{
	font-weight: bold;
}

.fivePixSpacer
{
	height:10px;
}

.tenPixSpacer
{
	height:10px;
}

.twentyPixSpacer
{
	height:20px;
}

h1 {
	color: #0F700F;
	font: bold 140% Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}

h2 {
	color: #0F700F;
	font: bold 120% Verdana, Arial, Helvetica, sans-serif;
}

A, A:active, A:link, A:visited
{
	color: Red;
	text-decoration: none;
}


A:hover
{
	color: Green;
	text-decoration: underline;
}

.labelCaption 
{
	font-weight: bold;
	text-align: right;
}

/*-------------------------------------------------------------------------*/
/* Styles used in the DHTML Goodies slide show stuff in the gallery section*/
/*-------------------------------------------------------------------------*/

	#dhtmlgoodies_slideshow{
		width:600px;	/* Total width of slideshow */


	}
	
	#previewPane{
		border:1px solid #CCCCCC;
		margin-bottom:10px;	
		text-align:center;
		vertical-align:middle;
		padding-top:10px;

		position:relative;
		
		/* CSS HACK */
		height: 432px;	/* IE 5.x */
		height/* */:/**/420px;	/* Other browsers */
		height: /**/420px;
				
	}
	#previewPane img{
		line-height:400px;
	}
	#previewPane #largeImageCaption{	/* CSS styling of image caption below large image */
		font-style:italic;
		text-align:center;
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Font to use */
		font-size:0.9em;
	}
	#galleryContainer{
		
		height:102px;	/* Height of the images + 2 */
		border:1px solid #CCCCCC;
		position:relative;
		overflow:hidden;
		padding:1px;
		
		/* CSS HACK */
		height: 104px;	/* IE 5.x - Added 2 pixels for border left and right */
		height/* */:/**/102px;	/* Other browsers */
		height: /**/102px;
				
	}
	#arrow_left{
		position:absolute;
		left:0px;
		z-index:10;
		background-color: #FFF;
		padding:1px;
	}
	#arrow_right{
		position:absolute;
		right:0px;
		z-index:10;
		background-color: #FFF;
		padding:1px;		
	}
	#theImages{
		position:absolute;
		height:100px;
		left:40px;
		width:100000px;
		
	}
	#theImages #slideEnd{
		float:left;
	}
	#theImages img{
		float:left;
		padding:1px;
		filter: alpha(opacity=50);
		opacity: 0.5;
		cursor:pointer;
		border:0px;
	}

	#waitMessage{
		display:none;
		position:absolute;
		left:200px;
		top:150px;
		background-color:#FFF;
		border:3px double #000;
		padding:4px;
		color:#555;
		font-size:0.9em;
		font-family:arial;	
	}
	
	#theImages .imageCaption{
		display:none;
	}

/*------------------------------------------------*/

	#ads{
		width:730px;
		margin-top:10px;	
	}

	img{
		border:0px;
	}
	p{	
		margin-top:0px;
	}
	.clear{
		clear:both;
	}
	

	#scrollingContainer{

		float:left;	/* I want the text to wrap around the box */
		font-size:0.9em;	/* Smaller font size than the rest of the page */
		
		overflow:hidden;	/* Hide overflow content */
	}

	#scrollingContent2{
		font-size:0.9em;
	}	
