/* ========================== */
/* = The Soccer Pros Styles = */
/* ========================== */

/*
Color Codes:

Base Color: #A61111
Darkest Color: #1F1F1F
Dark Color: #820707
Light Color: #C9C5A7
Lightest Color: #F2F1E4

*/


/* =========== */
/* = Imports = */
/* =========== */


@import url("reset.css");
@import url("typography.css");


body {
background-color: #1F1F1F;
margin: 1.5em 0;
}

.container {width:950px;margin:0 auto;background-color: #FFF;}
.showgrid {background:url(src/grid.png);}
body {margin:1.5em 0;margin-top: 0;}


hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
.clear {clear:both;}

/* ========== */
/* = Header = */
/* ========== */

#header { background: url('/images/logo.png') no-repeat center; height: 190px;}
#footer {
 width: 950px;
 clear: both;
 color: #333;
 margin: 0px;
 text-align: center;
}

.pageHeader {
margin-left: 20px;
}

.dark {

color: #820707}

.oneColumn {
width: 775px;
margin: 0 auto;
}


/* ==================== */
/* = Home Page Layout = */
/* ==================== */


#leftcolumn { color: #333;
 margin: 0px;
 padding: 10px;
 width: 670px;
 float: left;}

#rightcolumn{float: right;
 color: #333;
 border: 1px solid #ccc;
 background: #F2F1E4;
 margin: 15px 0px;
 padding: 10px;
 width: 225px;
 display: inline;}

 
 
 #hpText p {
 
 margin-left: 20px;
 }


.tspPhilosophyHeader {
margin-left: 5px;

}
.tspPhilosophy {
	margin-left: 40px;
}


/* ================== */
/* = Top Navigation = */
/* ================== */

#topNav {
  float:left;
  width:100%;
  background:url("/images/navLeft.gif") repeat-x;
  height: 26px;
  line-height:normal;
  }
#topNav ul {
  margin:0;
  padding:0px;
  list-style:none;
  }
#topNav li {
  float:left;
  background:url("/images/navRight.gif") no-repeat right top;
  border: 1px solid black;
  margin:0;
  padding:0 5px 0 0;
  }
#topNav a {
  float:left;
  display:block;
  background:url("/images/navLeft.gif") no-repeat left top;
  padding:5px 7px 4px 20px;
  text-decoration:none;
  font-weight:bold;
  color:#FFF;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#topNav a {float:none;}
/* End IE5-Mac hack */
#topNav a:hover {
  color:#fff;
  }
#topNav #current {
  background-image:url("right_on.gif");
  }
#topNav #current a {
  background-image:url("left_on.gif");
  color:#333;
  padding-bottom:5px;
  }



/* ========= */
/* = Forms = */
/* ========= */


form label {
padding-right: 3px;

}

form input {
width: 180px;
}

form li {
 float: left; 
 clear: left; 
 width: 100%; 
 padding-bottom: 1em;
 list-style-type: none;	
}

li.submit-group {
	text-align: center;
}

li.submit-group input {
	width: 100px;
}