/* font styles */  
      .smalltext       {font-size: 8pt; font-weight: normal; font-family: Verdana, Arial, Helvetica; color:#000000;}
      .smallbold       {font-size: 8pt; font-weight: bold;   font-family: Verdana, Arial, Helvetica; color:#000000;}

      .mediumtext      {font-size:10pt; font-weight: normal; font-family: Verdana, Arial, Helvetica; color:#000000;}
      .mediumbold      {font-size:10pt; font-weight: bold;   font-family: Verdana, Arial, Helvetica; color:#000000;}
      .mediumbold_gold { font-size:10pt; font-weight: bold; font-family: Verdana, Arial, Helvetica; color:#ffcc00; }
      .mediumbold_red  { font-size:10pt; font-weight: bold; font-family: Verdana, Arial, Helvetica; color:#FF0000; }      .largetext   {font-size:14pt; font-weight: normal; font-family: Verdana, Arial, Helvetica; color:#000000;}
      .largebold       {font-size:14pt; font-weight: bold;   font-family: Verdana, Arial, Helvetica; color:#000000;}

      .xlargebold      {font-size:20pt; font-weight: bold;   font-family: Verdana, Arial, Helvetica; color:#000000;}
 
      .subtitles   {font-size:14pt; font-weight: bold;   font-family: "Arial Black";             color:#000000;  letter-spacing: 0.25em;  font-variant: small-caps;}
   
      .titlebar            {font-size:10pt; font-weight: normal; font-family: Verdana, Arial, Helvetica; color:#FFFFFF;  text-decoration: none ;}
      .titlebar A:active   {font-size:10pt; font-weight: normal; font-family: Verdana, Arial, Helvetica; color:#FFFFFF;  text-decoration: none ;}
      .titlebar A:visited  {font-size:10pt; font-weight: normal; font-family: Verdana, Arial, Helvetica; color:#FFFFFF;  text-decoration: none ;}
      .titlebar A:hover    {font-size:10pt; font-weight: normal; font-family: Verdana, Arial, Helvetica; color:#FFFF00;  text-decoration: underline ;}
      
      .titlebar2           {font-size:10pt; font-weight: normal; font-family: Verdana, Arial, Helvetica; color:#000000;  text-decoration: none ;}
      .titlebar2 A:active  {font-size:10pt; font-weight: normal; font-family: Verdana, Arial, Helvetica; color:#000000;  text-decoration: none ;}
      .titlebar2 A:visited {font-size:10pt; font-weight: normal; font-family: Verdana, Arial, Helvetica; color:#000000;  text-decoration: none ;}
      .titlebar2 A:hover   {font-size:10pt; font-weight: normal; font-family: Verdana, Arial, Helvetica; color:#990066;  text-decoration: underline ;}

.link			{color: #CC9900; font-weight: bold;   text-decoration: none;}
.link:visited	{color: #CC9900; font-weight: bold;   text-decoration: none;}
.link:active	{color: #CC9900; font-weight: bold;   text-decoration: none;}
.link:hover		div#centercss A:hover    {color: #CC9900;	font-weight: bold;   text-decoration: none;  background-color: #FFFF99;}


/* section styles  */
     /* formerly 990066 */
      div#leftcss A:active      {color: #996600; font-weight: bold;   text-decoration: none;}
      div#leftcss A:link        {color: #996600; font-weight: bold;   text-decoration: none;}
      div#leftcss A:visited     {color: #996600; font-weight: bold;   text-decoration: none;}
      div#leftcss A:hover       {color: #FFFFFF; font-weight: bold;   text-decoration: none;}

      div#centercss A:active   {color: #CC9900; font-weight: bold;   text-decoration: none;}
      div#centercss A:link     {color: #CC9900;	font-weight: bold;   text-decoration: none;}
      div#centercss A:visited  {color: #CC9900;	font-weight: bold;   text-decoration: none;}
      div#centercss A:hover    {color: #CC9900;	font-weight: bold;   text-decoration: none;  background-color: #FFFF99;}

      div#bottomcss A:active   {color: #CC9900; font-weight: normal; text-decoration: none;}
      div#bottomcss A:link     {color: #CC9900;	font-weight: normal; text-decoration: none;}
      div#bottomcss A:visited  {color: #CC9900;	font-weight: normal; text-decoration: none;}
      div#bottomcss A:hover    {color: #CC9900;	font-weight: normal; text-decoration: none;  background-color: #FFFF99;}

/*
body { background-image:url('http://www.surreyfootball.com/gifs/background_logo.png');
       background-repeat: no-repeat;
	   background-attachment: fixed;
	   background-position: top center;
	   margin:5em;
	   }
*/

/* menubar */
/* code from www.tanfa.co.uk/css/examples/menu/tutorial-h.asp#hs2 */


#menu {
       width: 100%;
       height: 28px ;
       float: left;
      }

#menu a, #menu h2, #menu ul 
      {
       font: bold 12px/16px arial, helvetica, sans-serif;
       text-indent: 5px;  
       display: block;
       margin: 0px;
       padding: 3px 0px;
       text-align: left;
     /*  border-width: 0px ;
       border-style: solid;
       border-color: ffcc00;*/
      }

#menu h2 
      {
       color: #000;
       padding: 0px;
      }

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

#menu a:hover 
      {
       color: #ff9900;
      }


                              /* positioning of drop down menus */
#menu ul
      {
       list-style: none;
       width: 97.2px;
       height: 28px ;
       float: left;
      }

#menu ul li 
      {
       
       position: relative;
       padding: 3px 2px;
       background:  url('http://www.surreyfootball.com/gifs/menubar1.jpg') top repeat-x;
      }

#menu ul ul 
      {width: 110px;
       position: absolute;
       z-index: 500;
       text-align: left;
     }
#menu ul li ul li
      {
       background:  url('http://www.surreyfootball.com/gifs/menubar1.jpg') top repeat-x;
      }

#menu ul li ul li ul li
      {
       background:  url('http://www.surreyfootball.com/gifs/menubar1light.jpg') top repeat-x;
       border-width: 0px 1px 0px 1px;
       border-style: solid;
       border-color: ffcc00;
      }

#menu ul li ul li ul li ul li
      {
       background:  url('http://www.surreyfootball.com/gifs/menubar1.jpg') top repeat-x;
       border-width: 0px 1px 0px 1px;
       border-style: solid;
       border-color: FFF776;
      }


#menu ul ul ul 
      {
       top: 5;
       left: 100%;
       text-align: left;
      }

#menu ul ul ul ul
      {
       top: 5;
       left: 100%;
       text-align: left;
      }

			 

                             /*  hiding lower levels of menu */
div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul,
div#menu ul ul ul li:hover ul ul 
      {
       display: none;
      }

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



.smallbold_red { font-size:8pt; font-weight: bold; font-family: Verdana, Arial, Helvetica; color:#FF0000; }


.floatleft {
	float: left;
	margin-right: 10px;
}


.floatright {
	float: right;
	margin-left: 10px;
}