/* ===RESET HTML: This resets default browser html styles and is intended to remove cross browser rendering quirks=== */

*{padding:0px; margin:0px;}

h1,h2,h3,h4,h5,h6,pre,code {font-size:100%; }

p,ul {list-style:none;}

ol{list-style-position:inside}

a img {border:none;}

table {border-collapse: collapse;}

div,ul {zoom:100%;}

div:after, ul:after{content:".";display:block;height:0px!important;line-height:0px;clear:both;visibility:hidden;}

caption {margin-right:0px!important}

/* =global styles */ 

body{font-family:arial; font-size:76%;}

.nomargin {margin-bottom:0px!important}

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac */
.clearfix {display:block;}
/* End hide from IE Mac */

/*===CORE SITE STRUCTURE:===*/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font-family: Arial,sans-serif;
	font-size:76%;
	color: #333333;
	margin: 0px;
	padding: 0px;
	background-image: url(../img/body_bg.png);
	background-repeat: repeat;
	background-color: #D5D7D8;
	background-position: 50% 0px;
	margin-top:10px;
}

a{
	color: #006699;
	text-decoration: none;
}



a:link{
	color: #006699;
	text-decoration: none;
}
.underline a{
	text-decoration: underline;
}

a:visited{
	color: #006699;
	text-decoration: none;
}

a:hover{
	color: #006699;
	text-decoration: underline;
}

h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 16px;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h2{
 font-family: Arial,sans-serif;
 font-size: 14px;
 color: #00148c;
 margin: 0px;
 padding: 0px;
}

h3{
 font-family: Arial,sans-serif;
 font-size: 13px;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h4{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: normal;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

ul{
 list-style-type: square;
}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#pagebox-bg {
	width: 785px;
	width:988px;
	background-image: url(../img/pagebox_bg.png);
	background-repeat: repeat-x;
	background-color: #FFF;
	margin: 0 auto 0 auto;
	border-bottom: 1px solid #31659C;
}
#shadow-left {
	background-image: url(../img/pageshadow_left.png);
	background-repeat: repeat-y;
	background-position: left;
}
#shadow-right {
	padding: 20px 30px 15px 30px;
	background-image: url(../img/pageshadow_right.png);
	background-repeat: repeat-y;
	background-position: right;
}

#wrapper{
	margin:0px auto;

}

#head{
}

#logo{
	background-image: url(../img/bannerbg.jpg);
	background-repeat: repeat-x;
	height: 100px;
}
#right_top {
width:500px;
float:right;
}

#top_banner{
	float:right;
	margin-top: 10px;
	margin-right: 10px;
}
#navi {
    clear: both;
    float: left;
    padding: 0px 1px 1px 1px;
    margin-top:0px;
    background: #a0a0a0  0 100%;
    position: relative; /* IE 5.5 */
    
    /*width: 99%;left: -1px;*/
}

#navi ul#mainNav {
    float: left;
    border-right: 1px solid #fff;
}

#navi ul#util {
    float: right;
    border-left: 1px solid #fff;
}
.tabs .tabsWrapper{
    width: 100%;
    float: left;
    margin-top: 1px;
    display: inline;
    background: url(../img/tab_grey.png) repeat-x 0 0;
}

/*

.tabs .tabsWrapper ul {
    list-style: none;
    background: #a0a0a0;
}


.tabs .tabsWrapper ul li {
    display: inline;
    float: left;
    margin: 0 1px 0 0;
    background: #fff;
    padding:  1px 1px 0 1px;
}

.tabs .tabsWrapper ul li a:link, .tabs .tabsWrapper ul li a:visited {
    float: left;
    padding: 6px 12px;
    text-decoration: none;
    color: #333;
    background:url(../img/tab_grey.png) repeat-x 0 0;
}
.tabs .tabsWrapper ul li a:hover  {
    color: #003366;
    background-position: 0 100%;
}
*/

#mainNav li:hover, #mainNav li.hover {
    position:static;
}
#mainNav, #mainNav ul {
 	list-style: none;
    background: #a0a0a0;
	/* all lists */	
	padding: 0;
	list-style: none;
	line-height: 1;
	z-index: 100000;
}
#mainNav a {
	display: block;

}
#mainNav li { 
	display: inline;
    float: left;
    margin: 0 1px 0 0;
    background: #fff;
    padding:  1px 1px 0 1px;
	/* all list items */
	float: left;

	width: auto; /* width needed or else Opera goes nuts */
	list-style: none;
}
#mainNav li a{
	width: auto ;
	padding: 0px 9px 2px 9px;
	text-align: center;
	color: #ffffff;
	
	/*float: left;*/
    padding: 6px 12px;
    text-decoration: none;
    color: #333;
    background:url(../img/tab_grey.png) repeat-x 0 0;
}
#mainNav li a:hover {
	color: #003366;
    background-position: 0 100%;
}	
#mainNav li ul {
	/* second-level lists background-color:#000066;*/
	position: absolute;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	padding: 0px;
	/*background: #a0a0a0;
	padding:  2px 1px 1px 1px;*/
}
#mainNav li ul li {
	margin:0px;
	float: none;
	/*padding:1px;*/
	display: block;
	background: #a0a0a0;
	z-index:1000;
}
#mainNav li ul li a {
	width: 8em;
	text-align: left;
	display: block;
    text-decoration: none;
    color: #333;
    background:url(../img/tab_grey.png) repeat-x 0 0;
	border-bottom: 1px solid #a0a0a0;
	border-top: 1px solid #ffffff;
	z-index:1000;
}
#mainNav li ul li a:hover {
	color: #003366;
    background-position: 0 100%;
	z-index:1000;
}
#mainNavli:hover ul ul, #mainNav li.sfhover ul ul { left: -999em; }
#mainNav li:hover ul, #mainNav li li:hover ul, #mainNav li.sfhover ul, #mainNav li li.sfhover ul {
	/* lists nested under hovered list items */	
	left: auto;
}
#mainNav li ul ul { 
/* third-and-above-level lists */
margin: -1em 0 0 8em;
}

.tickerbox{
	height:20px;
	color:#fff;
	margin-right:10px;
	/*background-image: url(../img/topmenu_bg.png);
	background-repeat: repeat-x;
	border-left:1px solid #a0a0a0;
	border-right:1px solid #a0a0a0;float:right;*/
	clear:both;
	width:420px;
	float:right;
}

.tickerbox ul {position:relative;}

.tickerbox li {
width:100%;
list-style:none;
list-style-position:inside;
position:absolute;
top:3px;left:3px;
padding:0px;
overflow:hidden;
color:#fff;
}

.tickerbox li a, .tickerbox li a:visited, .tickerbox li a:hover{
color:#fff!important;
}

#drop-down {
padding-top:5px;
color:#006699;
float:right;
padding-right:2px;
}

/* =forms */

select *, input, button{font-family:verdana;}

select, input, button {font-family:verdana;font-size:80%; margin:0px;}

select option {font-size:100%; margin:0px 3px 0px 3px}

button {height:2.2em; padding:1px 3px 2px 3px; margin-right:2px; text-transform:uppercase; vertical-align:middle;color:#000033!important}

label {font-family:verdana;font-size:80%;margin-right:10px;margin-left:1px; vertical-align:middle;font-weight: bold;}

input {padding:2px 3px 1px 3px;margin-right:2px;vertical-align:middle;}

. {
color: #00148c;
font-weight:bold;
border-bottom:1px #666666 dotted;
background-color:#EFEFEF;
}

#content{
	background-image: url(../img/pagebox_bg.png);
	background-repeat: repeat-x;
	height:auto;
	padding-top: 20px;
}

#panel {
border:1px #CCCCCC solid;
margin-bottom:5px;
padding:5px;
float:left;
width:720px;
/*display:none;*/
}

#col3 #left{
float: left;
width: 180px;
margin-right:10px;
}
#col2 #left{
float: left;
width: 180px;
margin-right:10px;
}

/*#left h2{
font-weight: bold;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #c0ccd3;
padding-bottom: 2px;
margin-bottom: 5px;
}*/

#left h2{
font-weight: bold;
border-width: 1px;
border-style: solid;
border-color: #a9a9a9;
padding: 2px;
margin-bottom: 3px;
color: #00148c;
background-image: url(../img/bar-bg-lightblue.jpg);
background-repeat:repeat-x;
height: 17px;
}

#left div{
border:1px #a9a9a9 solid;
margin-bottom:10px;
}
#left div div{
border:0px;
margin-bottom:0px;
margin:2px;
}

 .stat-tbl {margin-bottom:4px; margin-top: 0px; padding-top:0px;}
.stat-tbl caption{display:none;}
.stat-tbl td {padding:3px 4px 5px 5px; border-top:1px dotted #B2C0C8;}
.stat-tbl th {
	padding:3px 4px 5px 5px;
	padding-top:3px;
	text-align:left;
	border-bottom:2px solid #CCCCCC;
}
.even td {background-color:#F3F4F4;}
.selected td {background-color:#d9e3ef;}/*#E7E3E7*/
.hover td {background-color:#E7E3E7;}/*#E7E3E7*/

.external{font-size:12px;}
.league-tbl .head1 {
	padding:1px 2px 2px 2px;
	text-align:left;
	border: none;
	border-bottom:2px solid #CCCCCC;
	font-weight: bold;
}
.league-tbl td {padding:3px 4px 5px 5px; border-top:1px dotted #B2C0C8;text-align:left;}


#right .stat-tbl{font-size:87%;}
#right .stat-tbl .head1 {
	padding:1px 2px 2px 2px;
	text-align:left;
	border-bottom:2px solid #CCCCCC;
	font-weight: bold;
}
#right .stat-tbl td {padding:1px 2px 2px 2px; text-align:center;}


#container-3 b {color: #1d46af;}


.list-style
{
margin-bottom: 2px;
clear: both;
}

ul
{
list-style-type: none;
list-style-image: none;
list-style-position: outside;
}
.list-style li
{
font-family: verdana;
font-size: 85%;
float: left;
padding-left: 0px;
margin-right: 0.7em;
background-color: transparent;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
line-height: 14px;
background-position: 0% 0%;
}

.icon
{
background-color: transparent;
background-image: url(../img/bullet.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 0% 0%;
padding-left: 15px;
}

.newsletter {
background-color:#EFEFEF;
padding:1px;
text-align: center;
}


#col3 #middle{
	float: left;
	width:500px;
}
#col2 #middle{
	float: left;
	width: 730px;
}

#middle #top {
	height:35px;
	background-image: url(../img/box-top-500.jpg);
	background-repeat: no-repeat;
	background-position: top;	
}

.Won {
color: #339900;
}
.Lost {
color: #ff0000;
}
.Drawn {
color:#333333;
}

#story #top {
background-image: url(../img/box-top-500-bullet.jpg);
}

#story #icon {
float:left;
padding:3px;
margin: 0px 5px 5px 0px;
}

#image-box {
float:left;
padding:2px;
margin: 0px 5px 5px 0px;
border: solid 1px #999999;
}

#image-box p {
  padding:0px;
  margin:0px;
  text-align: center;
  font-style: italic;
  font-size: smaller;
  clear:both;
}

#story p{
padding:5px 0 5px 0;
}



#story-info{
color:#666666;
padding-bottom:3px;
font-size:90%;
}


#story-info a{
background-image:url(../img/ico-email.png);
padding-right:18px;
background-position:right;
background-repeat:no-repeat;
}

#center{
	border-left: 1px #a9a9a9 solid;
	border-right: 1px #a9a9a9 solid;
}
#middle #bottom {
	background-image: url(../img/box-btm-500.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
#preview #top h2{
	padding-top: 12px;
	padding-left: 37px;
	color: #00148c;
}

#top h2{
	color: #00148c;
	padding-top: 12px;
	padding-left: 12px;
}

h2.promo-head {
font-family: trebuchet,"lucida grande",arial,sans-serif;
font-weight: bold;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #c0ccd3;
padding-bottom: 2px;
margin-bottom: 5px;
color: #1d46af;
}

h3.datehead {
font-family: trebuchet,"lucida grande",arial,sans-serif;
font-weight: bold;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #c0ccd3;
padding-bottom: 0px;
margin-bottom: 0px;
margin-top: 10px;
color: #003399;
text-shadow:#999999;
}

#middle #center img {
padding:0px;
margin:0px;
margin-left:10px;
float:left;
margin-bottom:0px; border: 0px;
}

#middle #center p {
margin-left:10px;
padding-top:5px;
padding-right: 10px;
}

#col3 #right{
float: left;
width: 227px;
margin-left:10px;
background-image:url(../img/watermark.jpg);
background-position: bottom right;
background-repeat:no-repeat;

}
#col2 #right{
display:none;
}

#right #promo {
border:1px #CCC solid;
margin-bottom: 10px;
}

#footer{
	background-image: url(../img/pagebox_bg.png);
	background-repeat: repeat-x;
	color: #666666;
	padding-top: 10px;
	text-align:center;
}

#crumb {
	color:#999999;
	padding-bottom:5px;
	font-size: 90%;
	float:right;
}
#crumb a{
	color:#999999;
}
#crumb a:hover{
	color:#666666;
}

#filter {
	border:1px solid #CCCCCC;
	background-image:url(../img/tab_grey.png);
	background-position:bottom;
	background-repeat:repeat-x;
	text-align:center;
	padding: 4px;
	margin-bottom:5px;
}

.bord-box {
border:1px solid #CCCCCC;
padding:3px;
margin-bottom:5px;
background-color:#F4F4F4;
}

#middle .stat-tbl td {border:1px solid #d7d7d7 ;padding:1px; text-align:center;}
#middle .stat-tbl {padding:0px;margin-top:10px; width:100%;}

#middle .stat-tbl .head1 {
background-image: url(../img/topbg.jpg); 
background-repeat:repeat-x;
color:#000000;
font-weight:bold;
text-align:left;
}

#middle .stat-tbl .head2 {
background-color: #C6C3C6;
background-repeat:repeat-x;
color:#666666;
font-weight:bold;
text-align:left;
}

.results-box {
border:1px solid #CCCCCC;
padding:3px;
margin-bottom:5px;
background-color:#F4F4F4;
width:150px;
float: left;
}


#teamheader #top{
	background-image: url(../img/box-top-team.jpg);
	background-repeat: no-repeat;
	background-position: top;
	height:10px;
}
#teamheader #bottom {
	background-image: url(../img/box-btm-500.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

#clubinfomenu
{
list-style-position:inside;
list-style-type:none;
float:left;
margin-top:5px;
}

#clubinfomenu li
{
float:left;
}

#clubinfomenu ul li a
{
text-decoration: none;
}

.leftbrd {
border-right:1px dotted #B2C0C8;
}

.story-box {
	border:1px solid #CCCCCC;
	padding:3px;
	margin-bottom:5px;
	background-color:#F4F4F4;
	width : 98%;
	float: left;
}
.story-box p{
	font-size: 98%;
	
}

.story-box img {
	padding-right:5px; float: left;	
}
.wrap0, .wrap1, .wrap2, .wrap3 {
  display:inline-table;
  /* \*/display:block;/**/
}


ul.feeds {
	list-style: url(../img/bg_list.gif);
	margin-top:5px; margin-bottom:5px;
	margin-left:10px;
	padding: 0px 0px 5px 10px;
}

#inner li {
	text-align:left;
	padding: 0px 0px 2px 0px;
}

.feed-box {
	border:1px solid #CCCCCC;
	padding:3px;
	margin-bottom:5px;
	background-color:#F4F4F4;
	width : 98%;
	float: left;
}
.feed-box li{
	border-top:1px solid #CCCCCC;
	padding:3px;
}
.story-box p{
	font-size: 94%;
}

/* ---------->>> jtip <<<---------------------------------------------------------------*/

#JT_arrow_left{
	background-image: url(../img/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	background-image: url(../img/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #CCCCCC;
	background-color: #fff;
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
}

.JT_loader{
	background-image: url(../img/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p{
margin:3px 0;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}

.jTip{
cursor:help;
}

#headtohead p {
	margin: 0px;
	padding: 0px;
	font-size: 90%;
}


.imgcont {
	width: 102px;
	float: left;
	height: 72px;
	margin: 5px 5px 5px 5px;
	padding:3px;
}
.imgcont img {
	border: solid 1px #999999;
	padding: 3px;
}

.bord-box img {
border: solid 1px #999999;
padding: 3px;
background-color:#FFFFFF;
margin: 0px 5px 5px 0px;
}


#pagelinks {width:100%; clear:both; text-align:center;}
#pagelinks a {text-decoration:underline; padding:3px;}
#pagelinks .onpage {color:#333; text-decoration:none; font-weight:bold;}

.alert {
font-family: verdana;
font-size: 80%;
background-color: #f8879b;
background-image: url(../img/alert.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 6px 3px;
border: 1px solid #cc0000;
color: #280001;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 6px;
padding-left: 24px;
clear: both;
margin-bottom: 7px;
}

.success {
font-family: verdana;
font-size: 80%;
background-color: #66FF66;
background-image: url(../img/success.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 6px 3px;
border: 1px solid #009900;
color: #280001;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 6px;
padding-left: 24px;
clear: both;
margin-bottom: 7px;
}