@font-face {
    font-family: 'MuseoSans-500';
    src: url('museosans_500.eot');
    src: url('museosans_500.eot?#iefix') format('embedded-opentype'),
         url('museosans_500.woff') format('woff'),
         url('museosans_500.ttf') format('truetype'),
         url('museosans_500.svg#museosans_500') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
	font-family: 'MuseoSans-500';
	width: 100%; 
	height: 100%; 
	font-weight:normal;
	margin: 0; 
	padding: 0;
	background-position: 0 0;
	background-repeat: repeat-x;
	font-size: 12px;
	background: #FFFFFF;
}

.heading {
	font-size: 14px;
}

.newsheader {
    height:75px;
}

.skip {
        position: absolute;
        top: -1000px;
        left: -1000px;
        height: 1px;
        width: 1px;
        text-align: left;
        overflow: hidden;
}

a.skip:active, 
a.skip:focus, 
a.skip:hover {
        left: 0; 
        top: 0;
        width: auto; 
        height: auto; 
        overflow: visible; 
}

.button {
   font-family: 'MuseoSans-500';
   border-top: 1px solid #2b83ba;
   background: #0088cc;
   background: -webkit-gradient(linear, left top, left bottom, from(#0088cc), to(#046ba0));
   background: -webkit-linear-gradient(top, #0088cc, #046ba0);
   background: -moz-linear-gradient(top, #0088cc, #046ba0);
   background: -ms-linear-gradient(top, #0088cc, #046ba0);
   background: -o-linear-gradient(top, #0088cc, #046ba0);
   padding: 5px 10px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 14px;
   text-decoration: none;
   vertical-align: middle;
   }
.button:hover {
   font-family: 'MuseoSans-500';
   border-top-color: #0e0f0f;
   background: #0e0f0f;
   color: #fff;
   }
.button:active {
   font-family: 'MuseoSans-500';
   border-top-color: #1b435e;
   background: #1b435e;
   }


/* --------------- COMMON  ---------------- */

.hidden {display: none;}

a {-moz-transition-duration: .11s; -webkit-transition-duration: .11s; -o-transition-duration: .11s;}
a:hover {-moz-transition-duration: .05s; -webkit-transition-duration: .05s; -o-transition-duration: .05s; transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out;}

/* --------------- NAV ---------------- */


#nav {height: 64px; background: #37003c; width: 100%; z-index: 1000; position: fixed; top: 0; min-width:980px; border-bottom: solid 8px #3fb82b}
#nav a.logo {float: left; width:234px; min-width:234px}
#nav a.logo img {width:234px; height:64px;}
#nav ul {padding: 0; margin: 0; list-style: none; font-weight: 150; margin-top: 12px;}
#nav li {  float: left; position: relative; display: block; width: auto; margin-right: 0px;}
#nav ul.main {position: relative; z-index: 1000; width: 565px; float: left; padding-left:12px; min-width:565px;}
#nav li.comhover {width: 8em;}
#nav ul.main li a {color: white; text-decoration: none; height: 28px; display: inline-block; padding: 10px 15px 0px 15px; margin-bottom: 0; text-align: center; vertical-align: left; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}	
#nav ul.main li a:visited {text-decoration: none;}
#nav ul li a .caret {border-top: 4px solid white; margin-top: 8px; margin-left: 8px;
	-webkit-transform: rotate(270deg);
       -moz-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
         -o-transform: rotate(270deg);
            transform: rotate(270deg);
               filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.9914448613738104, M12=-0.13052619222005157,M21=0.13052619222005157, M22=0.9914448613738104, sizingMethod='auto expand');
                 zoom: 1;
   -webkit-transition: all 150ms ease-in-out;
      -moz-transition: all 150ms ease-in-out;
        -o-transition: all 150ms ease-in-out;
       -ms-transition: all 150ms ease-in-out;
}

#nav ul.main li a:hover {text-decoration: none; background: #00ace1;}
#nav ul.main li a.dropdown:hover {background: #07adde;}
#nav ul.main li a.dropdown:hover .caret {
	-webkit-transform: rotate(360deg);
       -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
         -o-transform: rotate(360deg);
            transform: rotate(360deg);
               filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.9914448613738104, M12=-0.13052619222005157,M21=0.13052619222005157, M22=0.9914448613738104, sizingMethod='auto expand');
                 zoom: 1;
   -webkit-transition: all 150ms ease-in-out;
      -moz-transition: all 150ms ease-in-out;
        -o-transition: all 150ms ease-in-out;
       -ms-transition: all 150ms ease-in-out;
}
				
				
#nav ul.main li a.dropdown .caret.onarrow {
	-webkit-transform: rotate(360deg);
       -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
         -o-transform: rotate(360deg);
            transform: rotate(360deg);
               filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.9914448613738104, M12=-0.13052619222005157,M21=0.13052619222005157, M22=0.9914448613738104, sizingMethod='auto expand');
                 zoom: 1;
   -webkit-transition: all 150ms ease-in-out;
      -moz-transition: all 150ms ease-in-out;
        -o-transition: all 150ms ease-in-out;
       -ms-transition: all 150ms ease-in-out;
}
				

#nav li ul {margin: 0 auto; padding: 0; display: none; margin-left: 0px;}
#nav li ul div.clubwrap {width: 526px; background: white; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.13); -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.13); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.13); margin-top: 14px; font-size:12px}

#nav li ul div.teamwrap {width: 170px; background: white; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.13); -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.13); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.13); margin-top: 14px; font-size:12px}

#nav li ul div.leaguewrap {width: 526px; background: white; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.13); -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.13); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.13); /*padding: 30px;*/ text-align: center; margin-top: 14px;}
#nav li ul div.leaguewrap2 {width: 526px; background: white; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.13); -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.13); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.13); /*padding: 30px;*/ text-align: center; margin-top:0px;}
#nav li ul div.myeyewrap {width: 426px; background: white; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.13); -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.13); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.13); /*padding: 30px;*/ margin-top: 14px; padding:20px; font-size:12px;}
#nav li ul div.featurewrap {width: 600px; background: white; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.13); -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.13); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.13); /*padding: 30px;*/ margin-top: 14px; padding:20px;}
#nav li ul div.featurewrap li a {background:#dfdfdf; color:#777777; margin-bottom:2px; margin-right:10px; }
#nav li ul div.featurewrap li:hover a {background:#07adde; color:white;}
#nav li ul div.featurewrap li:nth-child(odd) {background: #fafafa; width:100%;}


#nav div.clubwrap li a {color: white; text-decoration: none; height: 22px; display: inline-block; padding: 5px 17px 0px 17px; margin-bottom: 0; text-align: center; vertical-align: left; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}	

#nav div.teamwrap li a {color: white; text-decoration: none; height: 22px; display: inline-block; padding: 5px 17px 0px 17px; margin-bottom: 0; text-align: center; vertical-align: left; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}  


#nav li ul div.myeyewrap {width: 526px; background: white; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.13); -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.13); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.13); margin-top: 14px; font-size:12px}

#myeyewrap a {color: white; text-decoration: none; display: inline-block; padding: 5px 5px 5px 5px; margin-bottom: 0; text-align: left; vertical-align: left; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}

#nav div.myeyewrap li a {display: inline; color: #777777; text-decoration: none; height: 24px; display: inline-block; padding: 5px 15px 0px 15px; margin-bottom: 0; text-align: center; vertical-align: left; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#nav li ul div.myeyewrap li {background: #fafafa; float:left; display:inline;}
#nav li ul div.myeyewrap li a {background:#ededed; margin-left:2px; margin-right:2px; margin-bottom:2px; margin-top:2px; padding-bottom:0px; padding-top:4px; padding-left:12px; padding-right:12px; text-decoration: none; color: #777777;}
#nav li ul div.myeyewrap li:hover a { color: #ffffff; }
#nav div.myeyewrap a {background:#0088cc; color:#ededed; margin-left:2px; margin-right:2px; margin-bottom:2px; margin-top:2px; padding-bottom:0px; padding-top:4px; padding-left:12px; padding-right:12px;}


#nav li ul div.clubwrap li {margin-left: 2px; margin-right: 0; padding: 10px;}
#nav li ul div.clubwrap li:nth-child(odd) {background: #fafafa;}
#nav li ul div.clubwrap li:hover { }
#nav li ul div.clubwrap li:hover a {  text-decoration: none;}
#nav li ul div.clubwrap li a {  text-decoration: none; color: #777777;  }
#nav li ul div.clubwrap li p {color: #0c0c0c; font-size: 14px;  }
#nav li ul div.clubwrap li {width:152px;}

#nav li ul div.teamwrap li {margin-left: 2px; margin-right: 0; padding: 10px;}
#nav li ul div.teamwrap li:nth-child(odd) {background: #fafafa;}
#nav li ul div.teamwrap li:hover { }
#nav li ul div.teamwrap li:hover a {  text-decoration: none; }
#nav li ul div.teamwrap li a {  text-decoration: none; color: #777777;  }
#nav li ul div.teamwrap li p {color: #0c0c0c; font-size: 14px;  }
#nav li ul div.teamwrap li {width:152px;}

#nav li ul div.leaguewrap li {display: inline-block; float: left; width: 135px; margin-left: 0; margin-right: 0; padding: 20px;}
#nav li ul div.leaguewrap2 li {display: inline-block; float: left; width: 135px; margin-left: 0; margin-right: 0; padding: 20px;}
#nav li ul li:nth-child(odd) {background: #fafafa;}
#nav li ul div.leaguewrap li:hover {background: #ebeaea; cursor: pointer;}
#nav li ul div.leaguewrap2 li:hover {background: #ebeaea; cursor: pointer;}
#nav li ul div.leaguewrap li:hover a {background: #565252 url(../img/league-button.png) no-repeat center center!important;}
#nav li ul div.leaguewrap2 li:hover a {background: #565252 url(../img/league-button.png) no-repeat center center!important;}
#nav li ul li p {color: #777777; font-size: 14px;}
#nav li ul li img {padding-bottom: 10px;}
#nav li ul div.leaguewrap li a {background: #33bbe3 url(../img/league-button.png) no-repeat center center; border-radius: 0!important; width: 65%; padding: 4.5% 3% 4.5% 3%; height: 22px; font-size: 16px; color: white; text-shadow: 0 1px 1px rgba(0,0,0,0.35); -moz-transition-duration: .18s; -webkit-transition-duration: .18s; -o-transition-duration: .18s; border-radius: 0; font-size: 0px; overflow: hidden; text-indent: 9999px;}	
#nav li ul div.leaguewrap2 li a {background: #33bbe3 url(../img/league-button.png) no-repeat center center; border-radius: 0!important; width: 65%; padding: 4.5% 3% 4.5% 3%; height: 22px; font-size: 16px; color: white; text-shadow: 0 1px 1px rgba(0,0,0,0.35); -moz-transition-duration: .18s; -webkit-transition-duration: .18s; -o-transition-duration: .18s; border-radius: 0; font-size: 0px; overflow: hidden; text-indent: 9999px;}	

#nav li>ul { top: auto; left: auto;}
#nav li:hover ul, li.over ul { display: block;}


#nav .searchboxes {float: right; width: 216px; font-weight: 100; margin-right:20px; min-width:216px}
#nav .searchboxes input#searcher {margin-top: 12px; color: white; width: 170px; text-decoration: none; background: #565252; height: 38px; display: inline-block; padding: 0px 40px 0px 12px; margin-bottom: 0; text-align: left; vertical-align: middle; cursor: pointer; border: none; opacity:.41; filter:alpha(opacity=41); filter: alpha(opacity=41); margin-right: -40px;}
#nav .searchboxes input#searcher:focus {opacity:1; filter:alpha(opacity=100); filter: alpha(opacity=100);}
#nav .searchboxes input[type="submit"] {display: inline-block; height: 13px; width: 17px; margin-top: 8px; margin-left: 5px; margin-right: 0px; vertical-align: text-top; background: url("../img/search.png") no-repeat center center; border: none; display: inline-block; text-indent: -9999px;}


/* ------------- HOME -------------- */


body.home {background: white;}
#homebody {background: #ffffff; width: 100%; height: 76%; position: absolute; top: 24px; display: block;}
#homebody #homebodytxt {width: 45%; margin-left: auto; margin-right: auto; margin-top: 15%; border: 1px dashed green;}
#homebody #homebodytxt ul li {display: none;}
#homebody #homebodytxt ul li p {line-height: 1.25em; font-size: 28px; color: rgba(120,120,120,1); font-weight: 100; text-align: left;}

.bgwidth { width: 100%; }
.bgheight { height: 100%; }


@media screen and ( max-width: 680px ) {

#nav ul.main {width: 250px;}
#nav .searchboxes {width: auto; float: none; display: none;}

#nav li.comhover {width: 82px;}
#nav li ul div.leaguewrap {margin-top: 0; background: none; width: auto; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0);
-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0);
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0);}

#nav ul li a .caret {display: none;}
#nav ul.main li a {font-size: 12px; padding: 8px 4px 0px 4px;}
#nav ul.main li ul {margin-left: -10px; padding-left: 0;}
#nav ul.main li ul li {padding: 0; background: none!important; margin: 0; display: block!important; float: none;}
#nav ul.main li ul li img {height: 23px; display: none;}
#nav ul.main li ul li p {display: none;}
#nav ul.main li ul li a {background-image: none; font-size: 10px; text-indent: 0; padding: 8px 15px 0px 15px;}

#secondarynav {display: none;}


@media screen and ( min-width: 681px ) and (max-width: 900px) { }

#nav .searchboxes {width: auto; float: none; display: none;}

#secondarynav {display: none;}

#wrapper {width: 100%;}

.myeyecontent { padding:20px; color:#777777; height:auto; }