/* CSS Document */



html, body { padding: 0; margin:0; }

*
{
padding: 0;
margin: 0;
}

body
{
background: #000000 url('../imgs/grassFinal.jpg');
padding: 12px 0px 12px 0px;
}

#plain
{
background: #000000 url('../imgs/plain.gif');
padding: 35px 0px 35px 0px;
}

body,input
{
font-size: 10pt;
font-family: arial, georgia, times new roman, serif;
color: #333333;
}

p
{
line-height: 1.2em;
margin: 1.0em 0;
text-align: left;
}



#content {padding: 1.5em 8px 0 8px; border-top:solid 1px #d3d3d3}
.3cbg {	background: #fff url('../imgs/3colbgL.gif') repeat-y top left; }
	
	.W3C #content {min-height:200px;}
	.IE #content {height:200px;}
	
	#content ul {}
	#content li {	line-height: 1.5em;	list-style-type: none;	background-repeat: no-repeat;}
	#content a {color: #B96D00;text-decoration: underline;}
	#content a:hover {text-decoration: none;color: #fff; background-color:#B96D00; }


h3 span {font-weight: normal;}


h3 {font-size: 130%; padding: 0 0 0 16px; background: url(../imgs/ballBullet.gif) no-repeat center left ; }
	.W3C h3 { margin:0; }
	.IE h3 { margin:0}

.top {margin-top:10px;}
.topBig {margin-top:20px;}
.bottom {margin-bottom:10px;}
.bottomBig {margin-bottom:20px;}

h4
{font-size: 1.2em;
padding-right: 28px;}

.contentarea
{padding-top: 1.3em;}

img
{border: 0;}

img.left
{position: relative;
float: left;
margin: 0em 1.8em 1.4em 0em;}

img.right
{position: relative;
float: right;
margin: 0em 0em 1.8em 1.8em;}

.divider1
{position: relative;
background: #fff url('../imgs/border2.gif') repeat-x;
height: 14px;
margin: 2.0em 0em 1.5em 0em;
clear: both;}

.divider2
{position: relative;
height: 1px;
border-bottom: solid 1px #eaeaea;
margin: 2.0em 0em 2.0em 0em;}



	
.leftA li  {padding: 2px 0 2px 17px;background-position: 0 .4em;}
.rightA li  {padding: 2px 17px 2px 0;background-position: center right;}

.leftAi   {padding: 2px 0 2px 17px;background-position: 0 .4em;}
.rightAi   {padding: 2px 17px 2px 0;background-position: center right;}

.blank-bullet li { background-image: none;}

.regular-bullet li { background-image: url(../imgs/bullet-green.gif);}
.download-bullet li { background-image: url(../imgs/download-icon.gif);}
.link-bullet li { background-image: url(../imgs/bullet-link.gif);}
.blank-bulleti { background-image: none;}
.regular-bulleti { background-image: url(../imgs/bullet-green.gif);}
.dateE  { background-image: url(../imgs/bullet-date.gif);}
.titleE  { background-image: url(../imgs/bullet-title.gif);}

.smallText {font-size:80%;}

#outer{z-index: 2;position: relative;
/*
	The width value below controls the overall width of the design. By default it's set to 82%
	(so it'll take up 82% of the browser window's width). You can set it to a different percentage
	value (70%, 90%, etc.) or even a pixel value (760px, 800px, etc.) to enforce a fixed width.
*/
width: 758px;
border: solid 6px #fff;
background-color: #fff;
margin: 0 auto;}

#headerlogo
{
	position: absolute;
	top: 9px;
	padding: 0;
	width: 158px;
	left: 9px;
	z-index:5;
}
#header
{
position: relative;
width: 100%;
height: 61px;
background: #2B2B2B url('../imgs/topbg.gif') repeat-x;
margin-bottom: 2px;
}

#headercontent
{
	position: absolute;
	bottom: 13px;
	padding: 0;
	width: 558px;
	left: 195px;
}

#headercontent h1
{
font-weight: normal;
color: #fff;
font-size: 1.4em;
text-align:right;
}

#headercontent h1 sup
{
color: #777;
}

#headercontent h2
{
font-size: 1.0em;
font-weight: normal;
color: #aaa;
text-align:right;
}



#headerpic
{
position: relative;
height: 109px;
background: #fff url('../imgs/hdrpic.jpg') no-repeat top left;
margin-bottom: 2px;
}

#menu
{
position: relative;
background: #37a000 url('../imgs/menubg.gif') repeat-x top left;
height: 3.5em;
padding: 0 0 0 5px;
margin-bottom: 2px;


}

#menu ul
{
position: absolute;
top: 1.1em;


}

#menu  li
{
position: relative;
display: inline;
}

#menu  a
{
padding: 0.4em 0.6em 0.8em 0.7em;
color: #fff;
text-decoration: none;
}

#menu  a:hover
{
text-decoration: underline;
background: #37a000 url('../imgs/menuactive.gif') repeat-x top left;
}

#menu  a.active
{
background: #37a000 url('../imgs/menuactive.gif') repeat-x top left;
}

#menubottom
{
background: #fff url('../imgs/border1.gif') repeat-x;
height: 14px;

}



#footer
{
/*position: relative;

clear: both;*/
padding-top: 5.0em;
background: #fff url('../imgs/border2.gif') repeat-x top left;
font-size: 0.8em;
}
#footer a
{
color: #B96D00;
text-decoration: underline;
}

#footer a:hover
{
text-decoration: none;color: #fff; background-color:#B96D00;
}

#footer .left
{
position: absolute;
left: 2.0em;
bottom: 1.2em;
}

#footer .right
{
position: absolute;
right: 2.0em;
bottom: 1.2em;
}

/* OTHER CONTENT */

/* 3Colum */
#left3 {	float:left;	width:180px; margin:0; padding:0;}
#right3 {float:right; width:190px; margin:0; padding:0;}
#middle3 {margin:0 190px 0 180px;}
.column-in3 {margin:0; padding: 0 15px;}

/* 3Colum even */
#left3e {	float:left;	width:225px; margin:0; padding:0;}
#right3e {float:right; width:225px; margin:0; padding:0;}
#middle3e {margin:0 225px;}
.column-in3e {margin:0; padding: 0 10px;}

/* 2Colum L */
#left2L {	float:left;	width:180px; margin:0; padding:0;}
#middle2L {margin:0 0 0 180px;}
.column-in2L {margin:0; padding: 0 0 0 20px;}

/* 2Colum R */
#left2R {	float:right;	width:180px; margin:0; padding:0;}
#middle2R {margin:0 180px 0 0 ;}
.column-in2R {margin:0; padding: 0 20px 0 0;}

/* 2Colum L w*/
#left2Lw {	float:left;	width:275px; margin:0; padding:0;}
#middle2Lw {margin:0  0 0 275px;}
.column-in2Lw {margin:0; padding: 0  0 0 20px;}

/* 2Colum L w2*/
#left2Lw2 {	float:right;	width:210px; margin:0; padding:0;}
#middle2Lw2 {margin:0 210px 0 0 ;}
.column-in2Lw2 {margin:0; padding: 0  20px 0 0;}

/* 2Colum Even */
#left2E {	float:left;	width:350px; margin:0; padding:0;}
#middle2E {margin:0 0 0 350px;}
.column-in2E {margin:0; padding: 0 0 0 20px;}

/* Standard */

.cleaner {clear:both; height:1px; font-size:1px; border:none; margin:0; padding:0; background:transparent;}



/* Gallery 2 */
#thumbs a:hover {/*text-decoration: none; background-color:none;*/ }
#thumbs
{
	padding: 0;
	
}

#thumbs .thumb_row
{
	width:720px;
	padding: 5px 0;
	display: block;

}


#thumbs .thumb
{float: left; font-family: verdana, arial, hevetica, sans-serif;	font-size: 9px;	line-height: 130%;	background:white;	border:4px solid #f6f6f6;}
	.W3C #thumbs .thumb { width: 154px; margin:0 8px; }
	.IE56 #thumbs .thumb { width: 154px; margin:0 7px;}

#thumbs .border1 {border:1px solid #ccc;padding: 0px 4px 10px 4px;}

#thumbs .thumb_img {text-align: center;	padding-top: 7px;}
	.W3C #thumbs .thumb_img { width: 145px; min-height: 90px;}
	.IE56 #thumbs .thumb_img { width: 140px; height: 85px;}

#thumbs  li.price{	text-align:center;	padding: 0;}

.menuNav {text-align:center; width:720px;}
.W3C .menuNav {  min-height: 40px;}
.IE56 .menuNav {  height: 40px;}


/* GALLERY extra  Form */


.highslide {
    cursor: url(http://thirtysomethingsoccer.com/js/highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide img {
	border: 2px solid gray;
}
.highslide:hover img {
	border: 2px solid white;
}

.highslide-image {
	border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: white;
	font-style: 'MS Sans Serif';
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
    /*
    padding-left: 22px;
    background-image: url(http://thirtysomethingsoccer.com/style/highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    */
}

a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

/* GALLERY END  Form */

/* Submit Form */


form {margin:12px 0 0 0; padding:0;}
input, select, textarea {font-family: Arial, Geneva, Verdana, Helvetica, sans-serif; }




.formStyle input, .formStyle textarea{
	background: #f0f0f0;
	border: 1px solid #39a600;
	border-top: 3px solid #39a600;
	overflow:auto;
}
.formStyle  input:hover, .formStyle  textarea:hover {
	background: #F0FDE2;
	border-top: 3px solid #b1e77a
}
.formStyle  input:focus, .formStyle  textarea:focus {
	background: #FCFFEC;
	border-top: 3px solid #b1e77a
}

.formStyle  radio { background: none; border: 0; }
/*.formStyle .KT_tngtable table {width:99%;}
.formStyle .KT_tngtable table tr {height:118px;}*/
.formStyle .KT_buttons input
{
color: #fff;
background-color: #39a600;
border: 2px outset #39a600;
padding:1px;
}

#directory, #training {
	width:738px;
	font-size: 90%;
	
}
#directory th, #training th  {padding:5px 2px;text-align:left; font-weight:bold; border-bottom:2px solid #555555;}
#directory td, #training td  {padding:5px 2px; border-bottom:1px solid #555555;}
	#directory .c1 {width:18%; font-weight:bold;}
	#directory .c2 {width:18%;}
	#directory .c3 {width:34%;}
	#directory .c4 {width:15%;}
	#directory .c5 {width:15%;}
	#directory .positiontitle {font-weight:bold; color:#37a000;}
	
	#training .c1 {width:23%; font-weight:bold;}
	#training .c2 {width:16%;}
	#training .c3 {width:18%;}
	#training .c4 {width:18%;}
	#training .c5 {width:9%;}
	#training .cp {width:16%;}
	#training .positiontitle {font-weight:bold; color:#37a000;}
.weather img {float:left; padding-right:5px;}

#printForm th  {padding:5px 0;text-align:left; font-weight:bold; border-bottom:1px solid #555555;width: 28%; vertical-align:top; }
 #printForm td  {padding:5px 0; border-bottom:1px solid #555555; width:70%;}
 #printForm td p {margin: 0  0 0.5em  0.5em;}
#printForm td .pspace {margin:0.5em 0 0.5em  0.5em;}



.clist {background-color:#E6E6E6; padding:5px 10px; border:solid #ccc 1px;	 margin:12px; 	}
.clistb {font-weight:bold}