/* CSS Document */
html, *, li {padding:0; margin:0;}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, label, ul, ol, dl, fieldset, address {margin:0; padding: 0; padding-bottom: 10px;}
dd, blockquote {margin-left: 40px;}
fieldset {padding:10px; }

hr{
   display: none;
}

#skip{
   position: absolute;
   text-indent: -9999px;
   list-style: none;
}

body {height:100%; margin: 0; padding: 0 0 25px; color: #000;  background: #FFFFFF url(/fff-net/images/background.gif) repeat-x; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-align: center;}

#container {width: 778px; background: #FFFFFF url(/fff-net/images/container-bkgd.gif) repeat-y; margin: 95px auto 25px; position: relative; text-align: left;}

#header {width: 778px; height: 51px; background: #E9F4F9 url(/fff-net/images/header-bkgd.gif) no-repeat;}
#logo {position: absolute; left: 239px; top: -77px;}
#logo a {display: block; width: 300px; height: 121px; background: url(/fff-net/images/FFF_logo_header_web.gif) no-repeat;}
#logo span {display: none;}

#menu {width: 772px; margin: 0 3px; border-bottom: 3px double #026287; height: 27px; overflow: hidden; background-color: #F7FBFD;}
#menu ul {margin: 6px auto 0; width: 480px; text-align: center;}
#menu li {float: left; margin: 0; padding: 0; display: inline; padding: 0 10px 0 25px;}
#menu li.bb {background: url(/fff-net/images/basketball-bullet.gif) left no-repeat;}
#menu li.sb {background: url(/fff-net/images/soccerball-bullet.gif) left no-repeat;}
#menu a {color: #026287; font-weight: bold; text-decoration: none;}
#menu a:hover {color: #E43A0C;}


/* Navigation
---------------------------------------------------------------------
*/

#nav{
   position: absolute;
   top: 100px;
   left: 15px;
   width: 150px;
   font-size: 12px;
}

#nav h1 {font-family: Arial, Helvetica, sans-serif; color: #E43A0C; margin-left: 15px; font-size: 18px; font-weight: normal; text-transform: uppercase;}

#nav li{
	line-height: 22px;
	list-style: none;
	color: #026287;
}

#nav li a{
   display: block;
   width: 120px;
   padding: 8px 15px;
   color: #026287;
   text-transform: uppercase;
   text-decoration: none;
}

#nav li a:hover, #nav li.current a{
   background-color: #026287;
   color: #FFFFFF;
   font-weight: bold;
}

#nav li li{
   border-top: 1px solid #FFF;
   border-bottom: 0;
}

#nav li li a{
   width: 105px;
   padding-left: 30px;
   background: #CCC;
   color: #000;
}

#nav li li li{
   font-size: 100%;
}

#nav li li li a{
   width: 90px;
   padding-left: 45px;
   background: #E6E6E6;
   color: #000;
}

/* =Content
---------------------------------------------------------------------
*/
#content {padding: 15px 0 0 0; margin: 0 10px 10px 210px; width: 490px; font-size: 16px; font-family: "Tw Cen MT", Tahoma, Arial, Helvetica, sans-serif; display: block;}

#content a {color: #E43A0C;}

#content h1 {font-family: "Tw Cen MT", Tahoma, Arial, Helvetica, sans-serif; color: #026287; font-size: 22px; font-weight: normal;}
#content h2 {font-family: "Tw Cen MT", Tahoma, Arial, Helvetica, sans-serif; color: #E43A0C; font-size: 20px; font-weight: normal;}


#content h3{
   font-size: 115%;
}

#content h4{
   font-size: 100%;
}

#content h5{
   font-size: 85%;
}

#content h6{
   font-size: 70%;
}

#content p,
#content ul,
#content ol{
   margin-bottom: 1em;
   color: #333;
   line-height: 1.5;

}

#content ul,
#content ol{
   margin-left: 3em;
}


#news {width: 225px; float: right; margin: 0 0 15px 15px; background: url(/fff-net/images/news-bkgd.gif) repeat-y;}
#news a {font-family: Arial, Helvetica, sans-serif; font-size: 14px;}
#news div.title {width: 225px; height: 34px; background: url(/fff-net/images/news-top.gif) no-repeat; text-align: center; text-transform: uppercase; font-weight: bold; font-size: 20px; color: #FFFFFF; padding-top: 7px;}
#news ul {color: #E43A0C; margin: 10px 0 10px 65px; font-weight: bold;}
#news div.footer {width: 205px; height: 10px; background: url(/fff-net/images/news-bottom.gif) bottom no-repeat; text-align: center; color: #026287; padding: 0 10px 10px; font-size: 14px; line-height: 14px;}
#news div.footer strong {text-transform: uppercase;}

/* =Footer
---------------------------------------------------------------------
*/
#footer {clear: both; width: 778px; background: #FFFFFF url(/fff-net/images/footer-bkgd.gif) no-repeat; height: 41px; color: #FFFFFF; font-size: 11px; position: relative;}
#footer a {color: #FFFFFF; text-decoration: none;}
#footer a:hover {text-decoration: underline;}
#footer #links{position: absolute; text-align: left; top: 13px; left: 23px;}
#footer #copyright{position: absolute; text-align: right; top: 13px; right: 23px;}