@charset "iso-8859-1";
/* put no font size in the body definition - so users can scale it as they wish */
/* Colours are:
	pale yellow #ffff99
	bright yello #ffcc33
	bright yellow top #cc9900
	background  offwhite F4F5F6
	pale grey : #e8e8e8
	grey text: #333333



**********************************************************************************/

BODY, P, UL, OL, TABLE {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#111111;
		font-size:0.9em;
		}
BODY {background-color:#ffff99; 
	margin:0px;padding:0px; text-align:center;}
#wholepage {width:950px; }
#abovecontainer {width:54em; text-align:center;
	background-color:#999999;
	margin:0.5em auto 0em auto;
	}
#pagecontent {width:auto; text-align:left;
	background-color:#FFFF99;
	margin:0em 0em 0em 200px;
	padding:1em 0em;
	min-height:500px; /* these must be bigger than leftnav */
	}
#homecontent {width:auto; text-align:left;
/*	background:#FFFF99 url(../images/front-photo.jpg) top left no-repeat; */
	background:#ffff99 url(../images/BlackAmberBlack-120x80_tile.jpg) top left repeat; 
	margin:0em;
	padding:0em;
	height:713px; min-height:713px; /* these must be bigger than leftnav */
	}
#belowcontainer {width:auto; text-align:center;
	background-color:#ffff99;
	margin:0.2em auto 1em auto;
	}
	
	
div#content {
        position: relative;
        margin: 0em auto 0.2em 0;
        padding: 0;
		text-align:left;
}
div#content p{
		text-align:left;
}

		
p {		font-family:Verdana, Arial, Helvetica, sans-serif;
		margin:0.2em auto 0.8em auto;}
h1, h2, h3, h4 {
		font-family:  "Arial", sans-serif ;
		color:#222;
		font-weight:bold;
		}
h1 { font-size:180%;}
h2 { text-align:left; font-size:160%; color:#D26900;
		margin:0.2em auto 0.1em auto;
		}
h3 { text-align:left; font-size:120%; margin:0.1em auto 0.1em 2em;
		color:#753A00; font-weight:normal;}
		

a {color:#753A00;}
a:link {color:#753A00;}
a:visited {color:#753A00;}
a:hover {color:#ff9933;}


.aligntextleft {text-align:left;}
.aligntextmiddle {text-align:center;}
.aligntextright {text-align:right;}

.textsmaller {font-size:90%;}
.textlarge {font-size:120%;  }
.textlarger {font-size:140%;  }


.bigindent {margin-left:50px;}
.smallindent {margin-left:25px;}

.imageleft {float:left; margin-left:10px; margin-right:20px;}
.imageright {float:right; margin-right:10px; margin-left:20px;}
.imagemidheight {vertical-align:middle;}


.black {color:#000;}
.grey {color:#ffff99;}
.orange {color:#D26900;}
.brown {color:#753A00;}
.green {color:#009900;}
.blue {color:#3366CC;}
.pink {color:#6600CC;}


#abovecontainer p { font-size:80%; font-weight:normal;}
#belowcontainer p { font-size:70%; font-weight:normal; margin:0 0.5em;}
#abovecontainer a {text-decoration:none;}
hr {color: #cccccc;}


#menu_horiz {background:#ffcc33; color:#111111; text-align:center; padding:0.1em;
	border-top:5px solid #cc9900;
	border-bottom:2px solid #999966;
	font-family:"Gill Sans MT", "Arial Rounded MT Bold";
	font-size:130%;
	font-weight:normal;
	height:1.5em; min-height:1.5em;
	padding:0px;
	}
#leftnav { float:left;
	background:url(../images/back-left.jpg) top left no-repeat;
	padding-top:20px; /* padding-top moves the menu links down */
	height:450px; min-height:450px; /* height plus paddfing top = image height */
	width:190px;
}
#leftnav h1 {font-size:320%; color:#FF9933;
		font-family: "Impact";
		font-weight:bold;
	}
	
#homecontent #leftnav { float:left; text-align:center;
	padding-top:320px; /* padding-top moves the menu links down */
	padding-left:230px;
	background:none;
	width:190px;
	height:390px; min-height:390px; /* to counteract the height for #leftnav */
}
#homecontent #rightnav { float:left; text-align:center;
	padding-top:320px; /* padding-top moves the menu links down */
	padding-left:140px;
	background:none;
	width:190px;
}




.footer a:link {color:#333333;}
.footer a:visited {color:#333333;}
.footer a:hover {color:#996600;}

.footer b {text-decoration:none;}

/* Table styles */

table {border-collapse:collapse;
	background-color:#FFFFFF; border:1px solid #fc3;
}
table tr {padding:1px 3px; border:1px solid #999;}
table td {padding:1px 3px; border:1px solid #999;}
table th {padding:1px 3px; background:#fc3; }
table .greyline {border-right:1px solid #999999;}


table.fixtures {border-collapse:collapse;
	background-color:#FFFFFF; border:1px solid #fc3;
}
table.fixtures tr {padding:1px 3px; border:1px solid #999;}
table.fixtures td {padding:1px 3px; border:1px solid #999;}
table.fixtures th {padding:1px 3px; background:#fc3; }
table.fixtures .greyline {border-right:1px solid #999999;}

table.reports { width:96%;
	border:1px solid #cc9006;
}
table.reports td {
	border:1px solid #cc9006;
	padding-left:1em;
}

/* Table styles */

table.fixtures {border-collapse:collapse;
	background-color:#FFFFFF; border:1px solid #fc3;
}
table.fixtures tr {padding:1px 3px; border:1px solid #999;}
table.fixtures td {padding:1px 3px; border:1px solid #999;}
table.fixtures th {padding:1px 3px; background:#fc3; }
tr.fixtures {padding:1px 3px; background:#fc3; }
table.fixtures .greyline {border-right:1px solid #999999;}

table.webpages th {text-align:left;}
table.webpages td {text-align:left;}

.widthnarrow {width:20px;}
.widthdate {width:70px;}
.widthclub {width:200px;}
.widthscore {width:70px;}
.widthreport {width:120px;}


/* Menu bar styles */
.menubar a:link { background:#fc3; color:#111111; text-decoration: none; padding:0.5em;}
.menubar a:visited {  background:#fc3; color: #111111; text-decoration: none; padding:0.5em;}
.menubar a:hover { background:#fc3; 	 color: #666666; text-decoration: none; padding:0.5em;}

#menu_horiz #wrapper { background:#fc3; color:#111111; }
#menu_horiz ul   {background:#fc3; color:#111111; border:none; padding-left:20px; }
#menu_horiz ul  li {background:#fc3; color:#111111; border:none; margin-left:1px; }
#menu_horiz ul  li  h3 {background:#fc3; color:#111111; border:none; margin-left:31px; }

#menu_horiz ul  li a:link {  background:#fc3; color:#111111; text-decoration: none; padding:0.5em;}
#menu_horiz ul  li a:visited {  background:#fc3; color: #111111; text-decoration: none; padding:0.5em;}
#menu_horiz ul  li a:hover {	 background:#ff9; color: #666666; text-decoration: none; padding:0.5em;}
#menu_horiz ul  li a:active { background:#fc3;	 color: #666666; text-decoration: none; padding:0.5em;}

 

#menu_horiz li.active01 { background-color: #ff9933; color:#222; }
.active01 h3 { background-color: #ff9933; color:#009933; 
	font-family:Verdana, Arial, Helvetica, sans-serif; font-style:normal;}
.active02 h3 { background-color: #ff9933; color:#222; 
	font-family:Verdana, Arial, Helvetica, sans-serif; font-style:normal;}
.current h3 { background-color: #ff9933; color:#222; 
	font-family:Verdana, Arial, Helvetica, sans-serif; font-style:normal;}
	
div#menu_horiz .activeparent {
        display: inline-block;

        /* hide from ie/mac \*/
        display: block;
        /* end hide */
        
	background-color:  #ff9933; 
    }

  div#menu_horiz .current a,
    div#menu_horiz .current a:link,
    div#menu_horiz .current a:active,
    div#menu_horiz .current a:visited,
    div#menu_horiz .current a:hover,
    div#menu_horiz .current h3,
    div#menu_horiz .activeparent a,
    div#menu_horiz .activeparent a:link,
    div#menu_horiz .activeparent a:active,
    div#menu_horiz .activeparent a:visited,
    div#menu_horiz .activeparent a:hover,
    div#menu_horiz .activeparent h3
{ 	background-color: #ff9933;    }

div#menu_horiz li.active01 h3 {
        display: inline-block;
        padding: 5px 10px; 

        /* hide from ie/mac \*/
        display: block;
        /* end hide */
        text-decoration: none;
        margin: 0;
        color: #111;
        background-color: #ff9933;
    }
div#menu_horiz li.active02 h3 {
        display: inline-block;
        padding: 5px 10px; 

        /* hide from ie/mac \*/
        display: block;
        /* end hide */
        text-decoration: none;
        margin: 0;
        color: #111;
        background-color: #ff9933;
    }


/* old styles - need for backwards compat */

.large {font-size:120%;  }
.larger {font-size:140%;  }
.smaller {font-size:90%;}
.middle {vertical-align:middle;}

.leftimage {float:left; margin-left:10px; margin-right:20px;}
.rightimage {float:right; margin-right:10px; margin-left:20px;}
.imagemiddle {vertical-align:middle;}
.topphoto {text-align:right;}

p.large { font-size:120%; margin:1em 3em;}