* {padding:0px; margin:0px;}
h1,h2,h3,h4,h5,h6,pre,code {font-size:100%; }
p,ul {list-style:none;}
p {margin-bottom:0.9em; line-height:150%}
ol {list-style-position:inside}
a img {border:none}
table {border-collapse: collapse;}
div,ul,ol,form {zoom:1}
div:after, ul:after, form:after,ol:after {content:".";display:block;height:0px!important;line-height:0px;clear:both;visibility:hidden;}

/*===GLOBAL STYLES: ===*/
body {font:76% arial, helvetica, sans-serif; color:#000; background:#e3e3e3 url(../images/site/site_bg_red.jpg) repeat-y fixed 50% 0pt;}
body.red {background: #e3e3e3 url(../images/site/site_bg_red.jpg) repeat-y fixed 50% 0pt;}
body.pink {background: #e3e3e3 url(../images/site/site_bg_pink.jpg) repeat-y fixed 50% 0pt;}
body.orange {background: #e3e3e3 url(../images/site/site_bg_orange.jpg) repeat-y fixed 50% 0pt;}

a {color:#000}
a:hover {text-decoration:none}
a:focus{background-color:black;color:white}

.left {text-align:left;}
.right {text-align:right;}
.centre {text-align:center;}

/* h1 {color:#be0605; font-size:235%; margin:2px 0px 19px 0px; font-family:times; border-bottom: 1px solid; padding:0px 0px 9px 0px;} */
h1 {color:#be0605; font-size:300%; margin: 0px; font-family:times;}
body.red h1 {color:#be0605;}
body.pink h1 {color:#E61061;}
body.orange h1 {color:#F2940A;}

h2 {color:#222; font-size:140%; letter-spacing: 0.1em; margin:2px 0px 8px 0px;}
h3 {font-size:105%; text-spacing:5px; border-bottom: 1px solid #ccc; margin:0px 0px 8px 0px; padding:0px 0px 3px 0px;}
h4 {font-size:103%; margin:0px 0px 8px 0px; padding:0px;}

ul {margin:0px 25px 8px 0px;}
ul li {background: url('../images/site/bullet.gif') 0% 50% no-repeat; text-indent:15px; margin:5px; }
ol li {float:none; margin-bottom:3px;}

/* utility styles*/
.hdn {display:none}
.nomargin {margin-bottom:0px!important}
.note {font-style:italic; margin:3px 0px}


/*===BASIC STRUCTURE: ===*/
/*#ms-wrap {margin: 0px auto;  width:640px; background:#FFF; padding:15px 29px;}*/
#ms-wrap {margin: 0px auto; width:660px; padding:15px 0px 15px 25px;}
#ms-wrap .c1 {width:180px; margin:0px 8px 8px 0px; float:left;}
#ms-wrap .c2 {width:561px; float:right; background:pink;}


/* navigation */
#nav {background: url('../images/site/nav_bg.gif') repeat-x #be0605; color:#FFF; padding: 0px!important; margin:8px 0px 12px 0px!important; list-style:none;}
body.red #nav {background: url('../images/site/nav_bg_red.gif') repeat-x #be0605; color:#FFF; padding: 0px!important; margin:8px 0px 12px 0px!important; list-style:none;}
body.pink #nav {background: url('../images/site/nav_bg_pink.gif') repeat-x #E61061; color:#FFF; padding: 0px!important; margin:8px 0px 12px 0px!important; list-style:none;}
body.orange #nav {background: url('../images/site/nav_bg_orange.gif') repeat-x #F2940A; color:#FFF; padding: 0px!important; margin:8px 0px 12px 0px!important; list-style:none;}
#nav ul {margin:0px; padding:0px; list-style:none;}
#nav ul li {float:left; text-transform:uppercase; background:none; border-left:1px solid #FFF; margin:0px; padding:3px 0px; text-indent:0px;}
#nav ul li:first-child {border-left:0px;}
#nav ul li a{display:block; font-weight:bold; color:white; text-decoration:none; padding:0px 10px; _display:inline-block;}
#nav ul li.on {position:relative; margin-bottom:-3px}
#nav ul li.on a, #nav ul li a:hover{}
#nav ul li:first-child.on a {border-left:none; padding-left:12px}  
#nav ul li.nav-more {position:static!important; }
#nav ul li.nav-more a{background-image:none; color:#FFF;} 
#nav ul li.nav-more-on a,#nav ul li.nav-more-on a:hover {color:#fff; _display:block;}
#nav ul li.nav-more div {display:none; width:180px;  position:absolute; padding:0px 0px 4px 0px; _background:none;margin-left:1px;@margin-left:0px;margin-top:0px}
#nav ul li.nav-more div span{display:block;width:180px;background:#be0605;border-top:0}
body.red #nav ul li.nav-more div span{display:block;width:180px;background:#be0605;border-top:0}
body.pink #nav ul li.nav-more div span{display:block;width:180px;background:#A00540;border-top:0}
body.orange #nav ul li.nav-more div span{display:block;width:180px;background:#8c5401;border-top:0}
#nav ul li.nav-more div span ul {padding:5px 0px 1px 0px; border-bottom:1px solid #000!important; background:none;}
#nav ul li.nav-more div span *{padding:0px;margin:0px;border:none!important;float:none;font-weight:normal}
#nav ul li.nav-more div span a{padding:4px 0px 4px 11px;background:none;font-size:93%}
#nav ul li.nav-more div span a:hover{padding:4px 0px 4px 11px;background-color:white;color:black;} 


/* story listing */
.listing div {margin-bottom:10px; border-bottom:1px solid #ccc;}
.listing div img {float:left; margin:0px 10px 10px 0px; border:1px solid #666;}
.listing div h2 {font-size:115%; letter-spacing: 0em; margin:0px 0px 3px 0px}
.listing div h2 a {text-decoration:none; }
.listing div h2 a:HOVER {text-decoration:underline; color:#be0605;}
body.red .listing div h2 a:HOVER {text-decoration:underline; color:#be0605;}
body.pink .listing div h2 a:HOVER {text-decoration:underline; color:#E61061;}
body.orange .listing div h2 a:HOVER {text-decoration:underline; color:#F2940A;}

/* story layout */
.sub-col {float:right; margin: 3px 0px 14px 14px;}
.sub-col img {border:1px solid #333;}
.sub-col p {background:#333; color:#FFF; padding:3px 5px; font-size:90%;}


/* fixture layout */
#matches table td {padding:2px 6px; border-bottom:1px solid #EFEFEF;}
#matches table td.mComp {width:100px; font-weight:normal;}
#matches table td.mDate {width:30px; font-weight:normal;}
#matches table td.mTeam {font-weight:bold;}
#matches table td.mScore {width:60px; background:#EFEFEF; text-align:center; font-weight:bold;}
#matches table td.mMonth {background:#777; color:#FFF; font-weight:bold;}
#matches table td.mVenue {font-style:normal; font-size:90%}
#matches table td.mVenue b {color:#999; font-weight:normal}


/* squad */
#squads .squad {margin-bottom:10px;}
#squads .squad .match-dets {background:#EFEFEF; padding:8px; margin-bottom:10px;}
#squads .squad .match-dets p {margin:0px;}
#squads .squad ul {margin:0px 10px 10px 10px;}
#squads .squad ul li {float:left; width:30%; padding:0px}
#squads .squad ul h4 {clear:both; display:block; float:none;}
#squads .squad {border:1px solid #EFEFEF;}

/* Stats */
#stats div.goals h4 {width:130px; float:left; border-bottom:0px; font-size:12px; line-height:25px; margin:0px; padding:0px}
#stats div.goals {margin-bottom:10px;}
#stats div.motm h4 {width:130px; float:left; border-bottom:0px; font-size:12px; line-height:25px; margin:0px; padding:0px}
#stats div.motm {margin-bottom:10px;}

#footer {background:#EFEFEF; padding:10px; margin-top:20px;}
#footer .sponsors {border-bottom:1px solid #CF0C14; padding-bottom:10px; margin-bottom:10px;}
body.pink #footer .sponsors {border-bottom:1px solid #E61061;}
body.orange #footer .sponsors {border-bottom:1px solid #F2940A;}
#footer .bookmarks {float:right; width:40px;}
#footer .terms {width:570; font-size:90%; float:left;}