/* *** Generated by www.csscreator.com *** */

*
{
 margin:0;
padding:0;
}

html, body{ 
 text-align:center; 
 font: 13px verdana, "trebuchet MS", arial, helvetica, sans-serif;
 line-height:18px;
 background-color:#DDDDDD;
} 

fieldset{
margin-left:40px; 
width:500px;
}

h1{
margin:10px 15px;
font: 30px "trebuchet MS", arial, helvetica, sans-serif;
}

h2{
margin:10px 15px;
font: 22px "trebuchet MS", arial, helvetica, sans-serif;
}


p{
padding:10px 28px;
line-height:19px;
text-align:justify;
}

.center{
text-align:center;
}
 
#pagewidth{ 
 margin-top:10px;
 width:760px; 
 text-align:left; 
 min-width: 500px;margin-left:auto; 
 margin-right:auto; 
 border-style: solid;
 border-color: #000;
 border-width: 1px;
  
} 


#scoreboard{
margin-left:105px;
width:388px;
height:235px;
background-image: url(images/Scoreboard2.jpg); 
background-repeat: no-repeat; 
text-align:center;
}

#scoreboardlogo{
margin-top:7px;
margin-left:-6px;
}

#scoreboardtable{
margin-top:2px;
margin-left:20px;
width:360px;
font: bold 11px verdana,arial, helvetica, sans-serif;
color: #BBBBBB;
text-align:left;
}
#scoreboardtable tr{
height:40px;
}
#scoreboardtable td{
padding:0px 10px;

}

#scoreboarddate{
margin-top:20px; 
font: bold 13px  arial, verdana,helvetica, sans-serif;
color: #DDDDDD;

text-align:center;
}

 
img#pic {
		margin: 10px 30px 0px 30px;
		border-style:solid;
		border-width:1px 1px 1px 1px;
		border-top-color:  #000;
		border-left-color: yellow;
		border-right-color: red;
		border-bottom-color:  red;
		width:200px
		}

	img#ppic {
		margin: 10px 0px 0 60px;
		 border-style:solid;
		 border-width:1px 2px 2px 1px;
		 height:200px;
		border-top-color:  #000;
		border-left-color: yellow;
		border-right-color: red;
		border-bottom-color:  red;
		}

#header{ 
 height:100px; 
 width:100%;
margin:0;
padding:0; 
 background-color:#000000; 
 } 

#clublogo{
 clear:both;
}

#clubheader{
 float:left;
 left:0px;
 top:0px;
  clear:both;
}
 
#leftcol{
 width:150px; 
 float:left; 
 position:relative; 
 margin-left:-150px; 
 margin-right:1px;
 }



#outer{ 
 border:solid white 0px; 
  /*/*/ border-left-width: 150px ;  /* left column width. NN4 hack to hide borders */ 
border-left-color:#ccc;   /* left column colour */ 
border-left-style: solid;
background-color: #FFFFFF; /* center column colour */ 
width: auto; 
 } 
 
#footer{
 text-align:center;
 height:30px; 
 width:100%; 
 background-color:#fff; 
 color:#000;
} 
 
#inner{margin:0; width:100%;}
 
#maincol{ 
 float: left; 
 width: 100%; 
 margin: 0 -8px 0 -2px; 
 background-color:#fff;
 }

img.border{
border: solid #000 1px;
}

#imgright{
float:right;
margin: 0px 10px;
}

.imgright{
float:right;
margin: 10px 100px 10px 10px;
border-style:solid;
border-width:1px 2px 2px 1px;
border-color:#AAA;
}

#teambuttons{
float:right;
margin: 0px 60px;
}

#teambuttons a{
border-style:solid;
border-width:0px;
}

#teambuttons img{
margin: 0px 20px;
}

#imgleft{
float:left;
margin: 10px
}

 
#outer>#inner { border-bottom: 1px solid #FFFFFF;  }
 
.clr{clear:both;}
 
.content{padding:5px;} /*padding for content */ 
 
#header .content{padding-bottom:0;} /*padding bottom 0 to remove space in IE5 Mac*/ 
 

 
 /*printer styles*/ 
@media print{ 
/*hide the left column when printing*/
#leftcol{display:none;} 
#outer{border-left:0;} 
}


/* MENU STYLES*/ 
#menu {
width: 140px;
background: #eee;
margin:5px 0px 10px 0px;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
}

#menu a{
font: bold 12px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 3px;
}

#menu a {
color: #000;
background: #efefef;
text-decoration: none;
}

#menu a:hover {
color: #a00;
background: #fff;
}

#menu li {position: relative;}

#menu ul ul {
position: absolute;
top: 0;
left: 100%;
width: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul 
{display: none;}

div#menu ul li:hover ul, div#menu li:hover ul
{
display: block;
}




/* END OF MENU STYLES */ 

/* LEAGUE TABLE STYLES*/ 

#tablestitle{
margin-top:5px;
margin-bottom:5px;
text-align:center;
color:#404040;
font: bold 11px arial, helvetica, sans-serif;
}

#leagueheader{
margin-bottom:5px;
text-align:center;
color:#404040;
font: bold 11px arial, helvetica, sans-serif;
}
#leaguefooter{
margin-bottom:10px;
text-align:center;
color:#404040;
font: 10px arial, helvetica, sans-serif;
}


#league{
margin-top:3px;
font: 11px arial, helvetica, sans-serif;
width:136px;
background:#F0EDDA;
}

#league th{
font: bold 11px/16px arial, helvetica, sans-serif;
color:#fff;
background:#404040;
padding:0px 2px;
border-width:0px;

}


#league td{

background:#FFFFC0;
padding: 0px 2px;
}

.left{	
	padding: 0px 2px;
	text-align:left
	}

td.r {
	text-align:left;
	color:#f00;
	padding: 0px 2px;
	
	}

/*END OF LEAGUE TABLE STYLES*/ 


/* RESULTS, FIXTURES & SCORERS STYLES */

#resultstable{
font: 13px verdana,"trebuchet MS", arial, helvetica, sans-serif;
width:530px; 
text-align:center;
border-style:solid;
border-width:1px 0px;
margin-bottom:30px; 
}

.date{
width:120px;
text-align:right;
}
.home{
width:180px;
}

.fixturesvs{
width:100px;
}

#scorers td,th{
border-style:solid;
border-width: 0px;

text-align:center;
width:200px;
}

#scorers td.left{
text-align:left;
}

#scorers th{
width:150px;
}

.lightyellow{

background-color:#FFFFF5;
}
.lightgray{

background-color:#F8F8F8;
}

/* END OF RESULTS STYLES */

#clubdetails{
margin-top:0px;
width:126px;

padding:4px;
color:#404040;
font: 11px arial, helvetica, sans-serif;

}


#message{ 
 font: 12px Tahoma, verdana, "trebuchet MS", arial, helvetica, sans-serif;
} 



/* EVENTS PAGE STYLES */

.events
{
margin-left:40px;

}

.eventstable
{
width:500px;
border-style:solid;
border-width:1px;
margin-bottom:40px;
}

.eventstitle
{
background:#404040;
color:#F0EDDA;
font: bold 12px "trebuchet MS", arial, helvetica, sans-serif;
padding :0px 3px;
}

.eventslocation
{
padding :0px 5px;
background:#404040;
color:#F0EDDA;
text-align:right;
font: bold 12px "trebuchet MS", arial, helvetica, sans-serif;
}


.eventsdesc td
{
padding :0px 5px 5px 5px;
vertical-align:top;
text-align: justify;
background-color:#FFFFC0;
height:50px;
}

.eventscost
{
padding :0px 3px;
background-color:#FFFFC0;
font: 12px "trebuchet MS", arial, helvetica, sans-serif;
text-align:right;
}

.eventsdate
{
padding :0px 3px;
background-color:#FFFFC0;
font: 12px "trebuchet MS", arial, helvetica, sans-serif;
text-align:left;
}


.itemwrapper
{
float:left;
margin:12px 22px;
}

.itemoutline
{
border-style:solid;
border-width:1px 1px 0px 1px;
background-color:#FFFFF5;
width:130px;
height:145px;
padding:4px;
}

.itemphoto
{
border-style:solid;
border-width:1px;
border-color:#000000;
}

.itemdesc
{
font: 12px verdana, "trebuchet MS", arial, helvetica, sans-serif;
width:136px;
border-style:solid;
border-width:0px 1px 0px 1px;
background-color:#E9E9E9;
text-align:center;
font-weight:bold;
padding:2px; 
}

.itemcost
{
font: 10px verdana, "trebuchet MS", arial, helvetica, sans-serif;
width:136px;
border-style:solid;
border-width:0px 1px 1px 1px;
background-color:#E9E9E9;
text-align:right;

padding:2px; 
}


#vote
{
padding :0px 3px;
font: 11px "trebuchet MS", arial, helvetica, sans-serif;
text-align:left;
}

#legend{
margin-left:155px;
text-align:center;
width:280px;
height:200px;
background-image: url(legends/club_legend_template.jpg); 
background-repeat: no-repeat; 
}

.legendgallery{
text-align:center;
float:left;
margin:12px 5px;
width:280px;
height:200px;
background-image: url(legends/club_legend_template.jpg); 
background-repeat: no-repeat; 
}


.contenttable{
padding-left:40px;
}

.contenttable th{
text-align:left;
}



.question_block{
text-align:right;
width:500px;
margin:0px auto 15px auto;
}

.question{
padding:5px;
color:#000;
background-color:#FFFFC0;
font: bold 12px ;
border-style:solid;
border-width:1px 1px 2px 1px;
border-color:#000 #000 #F00 #000;
}

.answers{
text-align:left;
border-style:solid;
border-width:1px 1px 1px 1px;
border-color:#666 #000 #000 #000;
padding:5px;
}

.category{
font: bold 9px verdana;
padding:0px 5px;
width:100px;
background-color:#404040;
text-align:right;
color:#fff;
}


#register_form{
font: 12px; 
background-image: url(images/bg.jpg);
width:380px;
margin:0px 0px 0px 60px;
padding:10px 10px;
border-style: solid;
border-width:1px 2px 2px 1px;
border-color: #999 #000 #000 #999;
}


.quiz_league{
font: normal 10px arial;
margin:20px 10px 15px 50px;
width:250px; 
border:1px solid #000;
text-align:center;

}

.quiz_league th{
background-color:#404040;
color:#fff;
font:bold 11px arial;
}

.quiz_league td{
background:#FFFFC0;
padding:0px 2px;
}

.quiz_player{
width:200px;
text-align:left;
}

.quiz_time{
text-align:right;
}

.quiz_login_button{
margin:0px 0px 0px 90px;
}

.quiz_league_daily{
float:left;
width:300px;
margin:0px 0px 0px 0px;

}

#quiz_counter{
font: normal 10px arial;
color: #333;
text-align:right;
}


.quiz_ads_a1 {
border:0px solid #000;
margin:0px 120px 0px 50px;
float:left;
}

.quiz_ads_a2 {
border:0px solid #000;
margin:0px 0px 0px 0px;
}

.quiz_ads_b {
border:0px solid #000;
margin:30px 0px 0px 50px;
}

.quiz_hall_top{
background-image:url('images/scoreboard_top.jpg');
background-repeat: no-repeat;
height:56px;
padding:3px 157px;
}

.quiz_hall_bottom{
background-image:url('images/scoreboard_bottom.jpg');
background-repeat: no-repeat;
height:34px;
}


.quiz_hall_mid{
background-image:url('images/scoreboard_middle.jpg');
background-repeat: repeat-y;
color:#999;
padding:0px 23px;
font:bold 11px "verdana";
}

.quiz_hall_of_fame{
margin:10px 95px;

}

.white{
color:#FFF;
}

</style>