/* mobile css */

body    { 
	font:8pt verdana; 
	background: #3399cc;
	margin:0;
	padding: 5px;
        }
        

	

#container {

	width:320px;
        height: 7000px;
	border:3px 3px 3px 3px solid #000000;
	margin-left:auto;
	margin-right:auto;
	background: #ffffff;
        }


#header {
        
        background; #ffffff;
	width:320px;
        height:60px;
	padding: 1px #000000;
        border: 2px 1px 1px 1px #ffffff;
        }

#navbar {
         background:url('green.gif') #669933;
         width:320px;
         height: 20px;
         text-align: center;
         padding: 0px 0px;
         border-bottom: 1px solid #000000;
         }

#navbar li {
         float:left;
         background: url('green4.gif') #669933;
         width:80px;
         height: 19px;
         border: 1px solid #000000;
         
         }

#navbar a:link, #navbar a:visited {
         font: bold 0.8em Arial, Helvetica, sans-serif;
         text-transform: uppercase;
         color: #ffffff;
         text-decoration: none;
         display: block;
         padding: 2px 0px 0px 0px;
         }
#navbar a:hover {
         color: #000000;
         background: url('green3.jpg') #111111;
         }


         }
#rightcol {
         width: 320px;
         background: #ffffff;
         
         
         }
#rightcol p {

         padding:3px 18px 3px 18px;
	 margin:10px 5px 10px 5px;
         }
         


#rightcol h2 {
         font: bold 1.4em verdana;
         text-transform: uppercase;
         text-align: center;
         color: #ffffff;
         background: #990000;
         padding: 5px 5px 5px 5px;
         margin: 20px -5px -5px -0px;
         }
#rightcol h3 {
         padding:5px 5px 5px 5px;
         margin: 10px 10px 10px 10px;
         }

#rightcol ul {
        list-style-type: none;
        width: 300px;
        height: 30px;
        color: #000000;
        font: 0.8em Arial, Helvetica, sans-serif;
        margin: 2px 0px 0px 2px;
        }

#rightcol  li a:link, #rightcol a:visited {
        text-decoration: none;
        text-transform: uppercase;
        font-weight: none;
        display: block;
        padding: 3px 12px 3px 8px;
        background-color: #87CC6A;
        color: #000000;
        border-top: 1px solid #dddddd;
        border-right: 1px solid #333333;
        border-bottom: 1px solid #333333;
        border-left: 1px solid #dddddd;
        }

#rightcol li a:hover {
        background-color: #619E47;
        color: #ffffff;
        border-top: 1px solid #333333;
        border-right: 1px solid #dddddd;
        border-bottom: 1px solid #dddddd;
        border-left: 1px solid #333333;
        }
          

#league  {
         
         font-size: 0.7em ;
         border-collapse: collapse;
         background: #ffffff;
         margin: 10px 5px 5px 5px;
         
         }

#league h4 {
         font: bold 1.0em verdana;
         text-transform: uppercase;
         text-align: center;
         color: #ffffff;
         background: #990000;
         padding: 4px 5px 5px 5px;
         margin: -5px -5px -5px -5px;
         }

#match   {
         
         font-size: 0.50em ;
         border-collapse: collapse;
         background: #ffffff;
         margin: 10px 5px 5px 5px;
         }

#match h4 {
	 font: bold 1.0em verdana;
         color: #ffffff;
         background: #006699;
         padding: 5px 5px 5px 5px;
         margin: -5px -5px -5px -5px;
         } 
#match h5 { 
	 font: bold 1.0em verdana;
         color: #ffffff;
         background: #006699;
         padding:12px 5px 5px 5px;
         margin: -9px -5px -5px -5px;
         } 

#soccer  {
         
         }

.boxout {
         float: left;
         width: 250px;
         margin: 10px 0px 10px 5px;
         
         background: #ffffff;
         padding: 5px 0px 5px 0px;
         
         }

.boxout h2 {
         font: bold 1.2em verdana;
         text-transform: uppercase;
         text-align: center;
         color: #ffffff;
         background: url('boxout.gif') no-repeat #990000;
         padding: 5px 0px 5px 0px;
         margin: -5px 0px 0 0px;
         }

.boxout p {
         font-size: 1.0em;
         color: #112255;
         } 

.boxout li {
	 font-size: 0.8em;
         color: #000000;
         margin: 5px 5px 5px -10px;
         }


#footer  {
         width:320px;
         
        
         }