/********************************************
   HTML ELEMENTS
********************************************/ 

/* Top Elements */
/* { margin: 0; padding: 0; } */
/* background: url(images/s_bg.gif) 50% 0px ;      */

body {
	background: url(images/gr-lion-bg.jpg) 50% 0px ;    
	font: 80%/1.4em "Trebuchet MS", Trebuchet MS, Tahoma, Trebuchet MS,  sans-serif;
	color: #111111; 
	text-align: left;
}

table.res { 
	font: 95%/1.3em "Trebuchet MS", Trebuchet MS, Trebuchet MS, Tahoma,  sans-serif;
width:99%; 
border-top:1px solid #e5eff8; 
border-right:1px solid #e5eff8; 
margin:1em auto; 
border-collapse:collapse; 
padding:0.3em 0.3em; 
}
table.resless { 
	font: 95%/1.3em "Trebuchet MS", Trebuchet MS, Trebuchet MS, Tahoma,  sans-serif;
border-top:1px solid #e5eff8; 
border-right:1px solid #e5eff8; 
margin:1em ; 
border-collapse:collapse; 
padding:0.3em 0.3em; 
} 
td.restop { 
	font: 95%/1.3em "Trebuchet MS", Trebuchet MS, Trebuchet MS, Tahoma,  sans-serif;
background: #444444 url('images/tabn.jpg') repeat-x left bottom;	
color:#f8f8f8; 
border-bottom:1px solid #e5eff8; 
border-left:1px solid #e5eff8; 
padding:0.3em 0.3em; 
text-align:left; 
} 
td.res {
	font: 95%/1.3em "Trebuchet MS", Trebuchet MS, Trebuchet MS, Tahoma,  sans-serif;
color:#666666; 
border-bottom:1px solid #e5eff8; 
border-left:1px solid #e5eff8; 
padding:0.3em 0.3em; 
text-align:left;
white-space: wrap;  
} 
td.resnw { 
	font: 95%/1.3em "Trebuchet MS", Trebuchet MS, Trebuchet MS, Tahoma,  sans-serif;
color:#666666; 
border-bottom:1px solid #e5eff8; 
border-left:1px solid #e5eff8; 
padding:0.3em 0.3em; 
text-align:left;
white-space: nowrap;  
} 
td.resg { 
	font: 95%/1.3em "Trebuchet MS", Trebuchet MS, Trebuchet MS, Tahoma,  sans-serif;
color:#666666; 
background: #f8f8f8;
border-bottom:1px solid #e5eff8; 
border-left:1px solid #e5eff8; 
padding:0.3em 0.3em; 
text-align:left;
white-space: wrap;  
} 
td.resside { 
	font: 95%/1.3em "Trebuchet MS", Trebuchet MS, Trebuchet MS, Tahoma,  sans-serif;
color:#f8f8f8; 
background: #444444 url('images/tabn.jpg') repeat-x left bottom;	
border-bottom:1px solid #e5eff8; 
border-left:1px solid #e5eff8; 
padding:.3em 1em;
width:1%; 
text-align:right;
white-space: nowrap; 
} 
td.resside2 { 
	font: 95%/1.3em "Trebuchet MS", Trebuchet MS, Trebuchet MS, Tahoma,  sans-serif;
color:#f8f8f8; 
background: #444444 url('images/tabv.jpg') repeat-x left bottom;	
border-bottom:1px solid #e5eff8; 
border-left:1px solid #e5eff8; 
padding:.3em 1em;
width:1%; 
text-align:right;
white-space: nowrap; 
} 
td.swd {
background:fbf3f6; color:404040; font-size:10pt; height:15%; vertical-align:top; text-align:center;
}
td.swe {
background:fffcfc; color:404040; font-size:10pt; height:15%; vertical-align:top; text-align:center;
}


/* links */
a, a:visited {
	text-decoration: underline;
	color: #8f0000; 
	background: inherit;
}
a:hover {
	color: #000000;
	background: inherit;
	text-decoration: underline;
}
.box { text-decoration:none; border:1px solid #000000; background-color:#cccccc; padding-left:5px; padding-right:5px; text-align:center; color: #008000; font-style:normal; font-variant:normal; font-weight:normal; font-size:10px; font-family:'Trebuchet MS', Trebuchet MS, Sans-serif;} 
A.box:Visited {color: #008000;text-decoration:none;} 
A.box:Active {color: #008000;text-decoration:none;} 
A.box:Link {color: #008000;text-decoration:none;} 
A.box:Hover {background-color:#ffffcc; color:#ff0000; border:1px solid #000000; text-decoration:none;}

A.sidelink:Visited {color:#ffffff;text-decoration:underline;} 
A.sidelink:Active {color:#ffffff;text-decoration:underline;} 
A.sidelink:Link {color:#ffffff;text-decoration:underline;} 
A.sidelink:Hover {color:#ff0000; text-decoration:underline;}

A.box2button { 
	margin: 0; 
	padding:1px 1px;
	border: 1px solid #CCCCCC; 
	background: #eeeeee url('images/s_bg.gif') repeat-x center 0px;	
	color: #8f0000; font-style:normal; font-variant:normal; font-weight:normal; font-size:10px; font-family:'Trebuchet MS', Trebuchet MS, Sans-serif; padding-left:6px; padding-right:6px; padding-top:2px; padding-bottom:2px;
	text-decoration:none;
}
A.box2button:hover {cursor: hand; border:solid 1px #CCCCCC; background:#eeeeee; color:#800000; text-decoration:underline;}



A.boxbutton {
 	margin: 0; 
	padding:1px 1px;
	border: 1px solid #CCCCCC; 
	background: #eeeeee url('images/s_bg.gif') repeat-x center 0px;	
	color: #800000; font-style:normal; font-variant:normal; font-weight:normal; font-size:10px; font-family:'Trebuchet MS', Trebuchet MS, Sans-serif; padding-left:6px; padding-right:6px; padding-top:2px; padding-bottom:2px;
		text-decoration:none;}

A.boxbutton:hover {cursor: hand; border:solid 1px #CCCCCC; background:#eeeeee; color:#800000; text-decoration:underline;}



/* headers */
h1, h2 {
	font-family: 'Trebuchet MS', Trebuchet MS, Tahoma, Sans-serif;
	font-weight: normal; 		
}
h1 {
	font-size: 100%;	
}

h2 {
	font-size: 100%;
}
h3 {
	font-family: 'Trebuchet MS', Sans-serif;
	font-weight: normal; 		
	font-size: 100%;
	color: #993333;
}

/* images */
img {
	border: 0px solid #CCC;
}
img.float-right {
  margin: 5px 0px 10px 10px;  
}
img.float-left {
  margin: 5px 10px 10px 0px;
}

h1, h2, h3, p {
	padding: 10px;		
	margin: 0;
}
ul, ol {
	margin: 5px 20px;
	padding: 0 20px;
	color: #88ac0b;	
}
ul span, ol span {
	color: #666666;
}
hr {
 border-top: 0px dashed #dddddd;
}
code {
  margin: 1px 0;
  padding: 1px;
  text-align: left;
  display: block;
  overflow: auto;  
  font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace ;
  /* white-space: pre; */
  background: #fafafa;
  border: 1px solid #f2f2f2;  
}
acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}
blockquote {
	margin: 10px;
 	border: 1px solid #f2f2f2; 
  	background: #FAFAFA url('images/quote.gif') no-repeat 5px 5px;; padding-left:28px; padding-right:0; padding-top:0; padding-bottom:0    
}

/* form elements */
form {
	color: #336666;
	margin:4px; padding: 10px; 
	border: 1px solid #f2f2f2; 
	background-color: #fcfcfc; 
}
form.nobk {
	margin:0px; padding: 2px;
	border: 0px solid #cccccc; 
	background-color: ; 
}
label {
	font: 90%/1.5em "Trebuchet MS", Trebuchet MS, Trebuchet MS, Tahoma,  sans-serif;
	font-weight:normal;
	margin:2px ;
}
input {
	padding:2px;
	background-color: ;
	border:1px solid #eee;
	font: normal 1em 'Trebuchet MS', Trebuchet MS, sans-serif;
	color:#000000;
}
textarea {
	width:500px;
	padding:2px;
	font-family: 'Trebuchet MS', Trebuchet MS, sans-serif;
	border:1px solid #eee;
	height:100px;
	display:block;
	color:#777;
}
input.button { 
	margin: 2; 
	background: #1f1f1f url('images/headerbg.gif') repeat-x center 0px;	
	color: #202020; font-style:normal; font-variant:normal; font-weight:normal; font-size:10px; font-family:'Trebuchet MS', Trebuchet MS, Sans-serif; padding-left:6px; padding-right:6px; padding-top:2px; padding-bottom:2px}

input.button:hover {cursor: pointer; background:#aaaaaa; color:#FFFFCC;}

input.box2btn { 
	margin: 0; 
	padding:0px 0px;
	border: 1px solid #CCCCCC; 
	background:  url('images/headerbg.gif') repeat-x center 0px;	
	color: #800000; font-style:normal; font-variant:normal; font-weight:normal; font-size:10px; font-family:'Trebuchet MS', Trebuchet MS, Sans-serif; padding-left:6px; padding-right:6px; padding-top:2px; padding-bottom:2px;
	text-decoration:underline;
}
input.box2btn:hover {cursor: hand; border:solid 1px #CCCCCC; background:#020202; color:#ffffcc; text-decoration:underline;}



/* search */
form.searchx {
	margin: 4; padding: 10px 10px;
	background: #fcfcfc;
	border: 1px solid #eee; 
}	
form.searchx input.textbox {
	margin: 4; padding: 1px 2px;
	width: 120px;
	background: ;
	color: #333333; 
}
form.searchx input.button {
	margin: 4; 
	font: normaler 10px 'Trebuchet MS', Trebuchet MS, Sans-serif; 
	border: 1px solid #eeeeee; 
	padding: 2px 6px; 
	background:  no-repeat center 2px 4px;	
	color: #008000;
}

/********************************************
   LAYOUT
********************************************/ 
#wrap {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
		background-color: #ffffff;
}
#content-wrap {
	width: 978px;
	clear: both;
	padding: 0; 
	margin: 0 auto;
	background-color: #ffffff;
}
#header {
	width: 1000px;
	position: relative;
	height: 120px;
	background: url('images/ssoccer-field.jpg') no-repeat left top;
	padding: 0;
	font-size: 10px;
	color: #FFF
}
#header2 {
	width: 1000px;
	position: relative;
	height: 120px;
	padding: 0;
	font-size: 10px;
}
#header h1#logo-text {
	position: absolute;
	margin: 0; padding: 0;
	font: normaler 3.3em  'Trebuchet MS', Trebuchet MS, Sans-serif;
	letter-spacing: -2px;
	color: #FFCC0B;
	text-transform: none;
	
	/* change the values of top and left to adjust the position of the logo*/
	top: 29px; left: 100px;	
}
#header h2#slogan {
	position: absolute;
	margin: 0; padding: 0;
	font: normal 1.4em 'Trebuchet MS', Trebuchet MS, Sans-serif;
	text-transform: none;
	color: #FFC;
	
	/* change the values of top and left to adjust the position of the slogan*/
	top: 72px; left: 140px;		
}

/* Menu */
#menu {
	clear: both;	
	margin: 0; background: #ffffff url('images/menublackg.jpg') repeat-y right top;	
	height: 22px; font-style:normal; font-variant:normal; font-weight:normal; line-height:22px; font-size:10px; font-family:'Trebuchet MS', Trebuchet MS, Trebuchet MS, Tahoma, Sans-serif; padding-left:0; padding-right:30px; padding-top:0; padding-bottom:0


}
#menu ul {
	float: right;
	list-style: none;
	margin:0; padding: 0;
}
#menu ul li {
	display: inline;
}
#menu ul li a {
	display: block;
	float: left;
	padding: 0 8px;
	color: #ffcc0b;	
	text-decoration: underline;
	border-left: 1px dotted #808080;
}
#menu ul li a:hover {
	background-color: #800000;
	color: #ffcc0b;	
}
#menu ul li#current a {	
	background-color: #ffffff ;
	color: #000000;

}

/* Main Column */
#main {
	color: #206020;
	float: right;
	width: 71%;
	padding: 7px; 
		background: #ffffff;
	}
#main h1 {
	margin-top: 1px;
	color: #000000;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	background: #ffffff url('images/pline1fadea2f.jpg') no-repeat left center; font-style:normal; font-variant:normal; font-weight:normal; font-size:150%; font-family:Trebuchet MS, Trebuchet MS, Sans-serif; padding-left:15px; padding-right:0; padding-top:10px; padding-bottom:10px

}
#mainz {
	float: right;
	width: 71%;
	padding: 7px;
}

#mainz h1 {
	margin-top: 1px;
	color: #000000;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	background: #ffffff  url('images/grass_footerfade.jpg') repeat-x right right; font-style:normal; font-variant:normal; font-weight:normal; font-size:140%; font-family:Trebuchet MS, Trebuchet MS, Sans-serif; padding-left:15px; padding-right:10; padding-top:10px; padding-bottom:10px

}

.post-footer {
	background-color: #FAFAFA;
	padding: 5px; margin: 20px 10px 0 10px;
	border: 1px solid #f2f2f2;
	font-size: 90%;	
}
.post-footer .date {
	background: url('images/calendar_icon2.gif') no-repeat left center;
	padding-left: 20px; margin-left:5px; margin-right:10px; margin-top:0; margin-bottom:0
}
.post-footer .comments {
	background: url('images/comment.gif') no-repeat left center;
	padding-left: 20px; margin-left:5px; margin-right:10px; margin-top:0; margin-bottom:0
}
.post-footer .readmore {
	background: url('images/page.gif') no-repeat left center;
	padding-left: 20px; margin-left:5px; margin-right:10px; margin-top:0; margin-bottom:0
}

/* Sidebar */	
#sidebar {
	float: left;
	width: 27%;
	padding: 0; margin: 0;	
	border:1px solid #efefef;
		background: #ffffff;
}	
#sidebar h1 {
	margin-top: 1px;
	color: #fff;
	background: #EEF0F1 url('images/tabv.jpg') repeat-x left bottom;	
	border: 0px solid #cccccc; font-style:normal; font-variant:normal; font-weight:bold; font-size:1em; font-family:Trebuchet MS, Sans-serif, Trebuchet MS; padding-left:10px; padding-right:0; padding-top:5px; padding-bottom:5px
}
#sidebar h2 {
	margin-top: 1px;
	color: #fff;
	background: #EEF0F1 url('images/tabn.jpg') repeat-x left bottom;	
	border: 0px solid #cccccc; font-style:normal; font-variant:normal; font-weight:bold; font-size:1em; font-family:Trebuchet MS, Sans-serif, Trebuchet MS; padding-left:10px; padding-right:0; padding-top:5px; padding-bottom:5px
}
#sidebar h3 {
	margin-top: 1px;
	color: #fff;
	background: #EEF0F1 url('images/tabg.jpg') repeat-x left bottom;	
	border: 0px solid #cccccc; font-style:normal; font-variant:normal; font-weight:bold; font-size:1em; font-family:Trebuchet MS, Sans-serif, Trebuchet MS; padding-left:10px; padding-right:0; padding-top:5px; padding-bottom:5px
}

#sidebar .left-box {
	border-top: 1px solid #eeeeee; 
	margin: 0 0 0px 0;	
	background-color: ;

}
#sidebar .left-boxpitch {
	border-top: 1px solid #eeeeee; 
	margin: 0 0 0px 0;	
	background:  url('images/sm_pitch.jpg') no-repeat center center;	

}
#sidebar .left-boxpitchcancelled {
	border-top: 1px solid #eeeeee; 
	margin: 0 0 0px 0;	
	background:  url('images/cancelled.gif') no-repeat center center;	

}

#sidebar ul.sidemenu {
	list-style: none;
	text-align: left;
	margin: 1px 0 1px 0; padding: 0;
	text-decoration: none;
		background-color: ;
		
}
#sidebar ul.sidemenu li {
	border-bottom: 1px solid #f0f0f0;
	background: url('images/small_soccer_ball.gif') no-repeat 3px 3px;	
	margin: 0 1px; padding-left:25px; padding-right:0; padding-top:0px; padding-bottom:1px	

}
#sidebar ul.sidemenu li:hover {
	border-bottom: 1px solid #f0f0f0;
	background: #fcfcfe url('images/small_soccer_ball.gif') no-repeat 5px 3px;	
	margin: 0 1px; padding-left:25px; padding-right:0; padding-top:0px; padding-bottom:1px	

}
#sidebar ul.sidemenu a {
	font-weight: normaler;
	text-decoration: underline;	
	background-image: url('none');

}


/* Footer */	
#footer {
	color: #666666;
	background: #ffffff url('imagesxxxxx/footerwideW.jpg') no-repeat center top;
	clear: both;
	width: 974px;
	height: 45px;
	text-align: center;	
	font-size: 90%
}
#footer a { text-decoration: none; }

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes */
.clear { clear: both; }
.gray { color: #CCC; }
.red { color: #F00; }
.black { color:#000000; }
.yellow { color:#ffcc0b; }
.green { color:#488c00; }
.highlite { background-color: #fafcf0; 	border: 1px solid #EFF0F1; }