/*defaults*/
html{min-height: 100%;}
body 	{
	color:#000;
	margin:10px 0;
	padding:0;
	font-family:"Trebuchet MS", verdana, arial, "Times New Roman", serif;
	font-size:13px;
	text-align:center;
	background-color: #000;
	
	margin-top: 20px;
	
}

background-image: url(..img/soccorball_greybg.jpg);
	background-repeat: repeat-y;
  	background-position: left;



li, td, b{font-size:13px; padding:0 10px 10px 0; text-align:justify; clear: right}
#content b	{font-size:13px; text-align:justify; clear: right}
p		{font-size:13px; padding:0 10px 10px 10px; text-align:justify; clear: right}
a		{
	color:#333333;
	text-decoration:underline;
}
a:hover	{
	color:#FFFF00;
	text-decoration:none;
}


/*structural elements*/
#container	{
	margin:0px auto;
	width:900px;
	text-align:left;
	background-color: #000000;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
#imgleft		{float:left; padding:0 20px 0 0; width:140px;}
#logo		{ padding:15px 30px 20px 0px; }
#navigation	{
	text-align:center;
	font-weight:bold;
	background-color:#FFFF00;
	width:100%;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #000000;
	border-bottom-color: #000000;
}
#header		{
	background-position:center;
	width:100%;
	height:160px;
	margin-bottom:4px;
	background-color: #000;
	background-image: url(../img/header_blackbgwhiteyellow.jpg);
	background-repeat: no-repeat;
}
#content	{
	float:left;
	width:524px;
	padding:0;
	margin-left:2px;
	margin-right:2px;
	margin-top:3px;
	margin-bottom:3px;
	line-height:130%;
	border:1px solid #000;
	background-color: #FFFFFF;
}
#news_right		{float:right; width:185px; padding:0; margin:0;}
#news_left		{float:left; width:185px; padding:0; margin:0;}
.newsitem2	{
	padding:10px;
	border-left:1px solid #000;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	margin-top:3px;
	margin-bottom:2px;
	color:#fff;
	background-color: #000000;
}
.newsitem	{
	padding:10px;
	border-left:1px solid #000;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	margin-top:3px;
	color:#000000;
	margin-bottom:2px;
	background-color: #FFFF00;
}
.newsitem a	{color:#ce6636; }
.newsitem a:hover	{
	color:#ce6636;
}
.newsitem2 a	{
	color:#000000;
}
.newsitem2 a:hover	{
	color:#FFFF00;
}
.newsitem2 p, .newsitem p {text-align:left;}

.newsitemleft	{
	padding:10px;
	margin-top:3px;
	margin-bottom:2px;
	color:#000000;
	background-color: #FFFF00;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #000;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #000000;
}
.newsitem2left	{
	padding:10px;
	border-right:1px solid #000;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	margin-top:3px;
	margin-bottom:2px;
	color:#fff;
	background-color: #000000;
}
.newsitemleft a	{
	color:#ce6636;
}
.newsitemleft a:hover	{
	color:#ce6636;
}
.newsitem2left a	{color:#fff; }
.newsitem2left a:hover	{
	color:#FFFF00;
}
.newsitem2left p, .newsitemleft p {text-align:left;}

#footer		{
	background-color:#FFFF00;
	clear:both;
	font-size:12px;
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
	width:100%;
	margin-bottom:3px;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #000000;
	border-bottom-color: #000000;
}
#marquee		{
	background-color:#000000;
	font-size:13px;
	text-align:center;
	width:100%;
	color: #FFFF00;
}

/*headings*/
.newsitem h1	{
	color:#000000;
	margin:0 0 10px 0;
	padding:0;
	font-size:16px;
	font-weight:bold;
}
.newsitem2 h1	{
	color:#000000;
	margin:0;
	padding:0;
	font-size:16px;
	font-weight:bold;
}

.newsitemleft h1	{
	color:#000000;
	margin:0 0 10px 0;
	padding:0;
	font-size:16px;
	font-weight:bold;
}
.newsitem2left h1	{
	color:#000000;
	margin:0;
	padding:0;
	font-size:16px;
	font-weight:bold;
}

#content h1		{
	font-size:16px;
	font-weight:bold;
	margin:0;
	padding-left:10px;
	padding-top:10px;
	color:#000000
}
#content h2		{
	font-size:14px;
	font-weight:bold;
	line-height:130%;
	margin:0;
	padding:10px;
	color:#000000;
}
#content ul, #content li	{ list-style: square; margin-left:25px; padding:5px; }

/*navigation*/
#navigation ul 		{margin:0; padding:6px; }
#navigation li 		{margin:0; padding:0; list-style:none; display:inline; }
#navigation a		{
	color:#000000;
	padding:0 7px 0 7px;
	text-decoration:none;
}
#navigation a:hover	{
	color:#ce6636;
}
#navigation a#current	{color:#ce6636; }

#footer ul 		{margin:0; padding:0; }
#footer li 		{
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
	color:#000000;
}
#footer a		{
	color:#000000;
	font-weight:normal;
	padding:0;
	text-decoration:none;
}
#footer a:hover	{
	color:#ce6636;
	text-decoration:none;
}

.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display:inline-block; }
* html .clearfix {height:1%; }
.clearfix {display:block; }

/* block quote */
blockquote {
	display: block;
	color: #fff;
	font-weight: bold;
	padding: 10px;
	background-color:#000000;
	border: 1px solid #000;
	margin-bottom:10px
}
blockquote a		{
	color:#FFFF00;
}
blockquote a:hover	{color:#ffffff; }

/*images*/
img{border: 0px solid #000; margin:4px;}
.thumb{
	border: 1px solid #000;
	background-color:#000000;
}
#map{
	border: 1px solid #000;
	margin:1px;
	background-color: #FFFFFF;
}


#personalprofile {
	width: 482px;
	background-color: #000;
	color: #fff;
	padding: 5px;
	margin: 10px;
	display: block;
	clear: both;
	float: left;
	border:1px solid #ffff00
}

#personalprofile #imageprofile {
	background-color: #FFFFFF;
	height: 110px;
	width: 110px;
	padding: 0px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
#imageprofile2 {
	background-color: #FFFFFF;
	width: 140px;
	padding: 0px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

 #playerinfo2 {
	float: left;
	height: auto;
	/*width: 325px;*/
	margin-right: 5px;
	margin-left: 5px;
	font-size: 12px;
	color: #000;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #fff;
}

#personalprofile #playername {
	font-variant: small-caps;
	color: #fff;
	float: left;
	height: auto;
	width: auto;
	font-size: 18px;
	font-weight: bold;
	padding-top: 2px;
	padding-right: 6px;
	padding-bottom: 2px;
	padding-left: 5px;
}

#personalprofile #playerinfo {
	float: left;
	height: auto;
	/*width: 350px;*/
	margin-right: 5px;
	margin-left: 5px;
	font-size: 12px;
	color: #fff;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #ffff00;
}


/* Form*/

#container input
{ border:1px solid #ddddd8;  /*Change Form Field Border Colour Here*/
 line-height:16px; height:16px; padding:2px; font-size:13px

}
input#submit
{ border:1px solid #000;  /*Change Form Button Border Colour Here*/
  background-color:#ddddd8; /*Change Form Button Background Colour Here*/
  color:#000; /*Change Form Button Text Colour Here*/
 padding:2px; height:25px; font-size:13px

}
textarea
{border:1px solid #ddddd8; font-size:13px /*Change TextArea Border Colour Here*/

}