/* 
  -----------------------------------
  Center For Athletes Style Sheet
  by Echo Web Services
  www.echowebservices.com
  -----------------------------------
*/

body {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 100%;
	color: #333333;
	background-color: #000;
	margin: 12px 100px;
	padding: 0;}
/*Pagewrapper serves as a container for all elements on the page.
Min-width is set to 720px. This prevents the box from getting too narrow -
to the point that it would either break the layout or make text
impossible to read. When a user makes the browser window narrow,
pagewrapper will shrink in width until it reaches 720px - then the
browser will spawn a horizontal scrollbar.*/
#pagewrapper{
	margin: 0 auto;
	min-width: 720px;}
#insideBorder {}	
/*The masthead DIV contains the background images that comprise the
layout's upper curve, as well as the logodiv.
Masthead's background image tiles left to right along the X-Axis
creating the masthead's textured backdrop.*/
#masthead {
	background-image: url(../img/theme/headerRt.jpg);
	background-repeat: repeat-x;
	height:102px;
	text-align:center;
	border:4px solid #cb0505;
	border-bottom:0;}
#logo {
	margin-top:15px;}
/*The menubar DIV is the container for our menu. Font-size is set to .85em for the entire menu.*/
#menubar {
	border-left:4px solid #cb0505;
	border-right:4px solid #cb0505;
	height:34PX;
	fo/nt:Impact;
	color:#fff;
	background: #000 url(../img/theme/menubar.gif) repeat-x left top;}
/*The clearmenu class is assigned to an empty DIV that is placed just below
the menu's closing </ul> tag and just before the menubar's closing </div> tag.
This is necessary to the rendering of menubar's borders and background
because the top-level menu items are floated and, therefore, not in the page flow.
Do not delete or modify this rule in any way and do not delete or move the
clearing DIV in the page source code.*/
.clearmenu {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 1px;}
/*The main DIV contains all of the elements between the masthead and
the footer.  The left and right borders are given here to continue the outlined effect.
You can use this box to change teh layout of the main content - insert sidebars etc. */
#main {
	color:#fff;
	}
/*Left margin can be set to clear the area occupied by a floated sidebar should we add one.*/
#content {
	border:4px solid #cb0505;
	border-top:0;
	padding: 10px 20px;
	font-size: .9em;
	line-height: 1.5em;}
/*Paragraph margins are set.*/
#content p {
	margin: 8px 0 12px 0;}
#footer {
	color:#A2A1A0;
	font-size:70%;
	text-align:right;
	padding-top:.5em;
	background: #000000 url(../img/theme/copyright.gif) no-repeat left top;}
#footer a{
	color:#A2A1A0;}
h2{font-style:italic;}
a:link, a:visited, a:hover, a:active, a:focus {
	color:#f00;
	text-decoration:none;}
a:hover {text-decoration:underline;}
.pullout {
	float:right;
	margin-right:20px;
	width:210px;}
.pullout div{
	border-right:1px solid #f00;
	margin-top:0;
	padding-top:5px;}
.pullout h1{
	text-align:center;
	border-bottom:1px solid #f00;
	margin-bottom:0;
	font-size:1em;}
.golfer #content {
	background: #000 url(../img/golferbkgrd.jpg) no-repeat right 80%;}
.runner #content {
	background: #000 url(../img/runnerbkgrd.jpg) no-repeat right 80%;}
.clearing {
	clear: both;}
.movieclip {text-align:center;}
#logos {
	width:80%;
	background-color:#fff;
	height:120px;
	text-align:center;
	margin:10px auto;}


/* Staff Specific Styles */
table.statsData, table.statsData td, table.statsData th{
	border-collapse: collapse;}
table.statsData{
	border: 1px solid #FFF;
	border-right:2px solid #ccc;
	border-bottom:2px solid #ccc;
	background:#ffff;
	width:500px;}
table.statsData th, table.statsData td {
	padding:3px;
	text-align:left;}	
table.statsData th {
	background:#CC0505;
	color:#000;
	font-weight:BOLD;}
h1.name {
	border-top:4px solid #990000;
	border-bottom:4px solid #990000;
	padding:10px;
	width:75%;
	margin: auto;
	text-align:center;}
.title {
	text-align:left;}
input, select, textarea {background-color:#BAB9B8;}
.checkbox {background-color:#000;}
form th {
	text-align:left;}
label {
	float:right;
	padding-right:5px;}
label.left {float:left;}
td.question {font-weight:bold}
.newsletterdiv {
	background-color:#fff;
	padding:1px;
	width:140px;
	margin:10px;}
.newsletterdiv h1 {
	margin:0;
	background-color:#000;
	color:#fff;
	text-align:center;
	letter-spacing:.25em;
	padding:2px;
	font-size:125%;
	font-variant:small-caps;}
.newsletterdiv p{
	padding:5px;
	color:#000;}
.newsletterdiv a{
	display:block;
	text-align:center;	
	padding:2px;
	border: 1px solid #f00;
	background-color:#EFE7EB;
	margin:auto;
	font-variant:small-caps;}
.clearing{clear:both;}