body     {text-align:center; margin-top: 20px; font-family: Arial, Helvetica, Sans-serif; background-color: #f4f4f2; background-image: url('images/sun_bg_f4.png'); background-repeat: no-repeat; background-position: top center}
h1, h2, h3, h4, h5, h6, #navbar {font-family: 'Century Gothic'; font-weight:bold}
h1,h2,h3,h4,h5,h6 {margin: 0 0 5px 0; color:#FFA621}
p,ul,ol,dl {margin: 0 0 1em 0}
ul,ol {padding-left: 1em; margin-left:0}
dl {padding-left: 0.6em; margin-left:0}
dd, dt, li {padding:0; margin:0}
dt {color: #ffA621; font-family: 'Century Gothic'; font-weight:bold; font-size:1.1em}
dd ul {padding-left: 0.5em; margin-left:0; color: #404040; font-size:0.95em}
hr {color: #c0c0c0; background-color:#c0c0c0; border:0; height:4px; width:80%; text-align:center; margin: 2em auto;}

#wrapper {width:963px; text-align:left; margin: 0 auto}

#logo {float:left; width:125px; height:142px; background-image: url('images/logo.png'); background-repeat: no-repeat}
#title {height:48px; padding-top: 16px; margin-bottom:-2px}
#signin {height:21px; text-align:right; font-size:80%; color: #808080;}
#signin a {color:#FFA621; padding: 0 1px}
#signin a:hover {background-color:#FFA621; color:#ffffff; text-decoration:none;}
#signin form {display:inline}
#signin input{padding:0 2px; margin:1px; vertical-align:middle}
#signin input[type=text] {background-color:#ffffff; background-image:url('images/signin_bg.gif'); background-position: 0 0; background-repeat:no-repeat; border:1px solid #d8d8d8; color:#c8c8c8}
#signin input[type=password] {background-color:#ffffff; background-image:url('images/signin_bg.gif'); background-position: -150px 0; background-repeat:no-repeat; border:1px solid #d8d8d8; color:#c8c8c8}
#signin input[type=text]:focus, #signin input[type=password]:focus {border-color:#FFA621; background-color:#FFEDDC; color: #FFA621; background-image:none;}

#navbar {font-family: 'Century Gothic', Arial, sans-serif; font-weight:bold; background-image: url('images/navbg_rightend.jpg'); background-repeat:no-repeat; background-position: top right; height:58px; margin-left: 50px; margin-bottom: 10px;}
#navbar_top {height:30px; background-image: url('images/navbg_top.png'); background-color:#202020; margin-right: 10px; margin-top:1px; background-repeat:repeat-x; color: #ffffff}
#navbar_bott {height:28px; background-image: url('images/navbg_bott.png'); background-color: #FFA621; margin-right: 10px;  background-repeat:repeat-x; color: #ffffff}
#navbar a {display:block; float:left; text-align:center; background-image: none; background-position: top center; background-repeat:repeat-x; color: #ffffff; text-decoration: none}
#navbar_top   a {width:99px; height:22px; padding: 4px;}
#navbar_bott a {width:99px; height:22px; padding:4px; padding-top: 2px; }
#navbar_top a:hover {color:#FFA621}
#navbar_bott a:hover {color:#000000}
#navbar_top a.youarehere {background-color:#FFA621; background-image: url('images/navbg_top_orange.png'); color:#ffffff}

#content {clear:left; padding-left: 3px;}
#content a {color:#FFA621; padding: 0 1px}
#content a:hover {background-color:#FFA621; color:#ffffff; text-decoration:none;}
#content a img {border-width:0;}
#content a:hover img {background-color:transparent}
#content a.image {padding: 0;}
#content a.image:hover {background-color:transparent !important;}


.rbox {margin: 0 0 10px 10px; float:left; overflow: hidden;}
.rbox .bh,.rbox .bf ,.rbox .box {margin: 0}
.rbox .bh  {display:block; height: 11px; background-repeat:no-repeat; background-position:0% 0%}
.rbox .bf  {display:block; height: 11px; background-repeat:no-repeat; background-position:0% 100%}
.rbox .box {padding: 0 10px; background-color:#ffffff; border-color: #FFA621; border-style: solid; border-width: 0 2px}
/*._900 {width:890px}
._900 .bh, ._900 .bf {background-image: url('images/boxes/2box890.png')}*/
._800 {width:950px}
._800 .bh, ._800 .bf {background-image: url('images/boxes/boxtopwide_w8.png')}
._700 {width:830px}
._700 .bh, ._700 .bf {background-image: url('images/boxes/boxtopwide_w7.png')}
._600 {width:710px}
._600 .bh, ._600 .bf {background-image: url('images/boxes/boxtopwide_w6.png')}
._500 {width:590px}
._500 .bh, ._500 .bf {background-image: url('images/boxes/boxtopwide_w5.png')}
._400 {width:470px}
._400 .bh, ._400 .bf {background-image: url('images/boxes/boxtopwide_w4.png')}
._300 {width:350px}
._300 .bh, ._300 .bf {background-image: url('images/boxes/boxtopwide_w3.png')}
._200 {width:230px}
._200 .bh, ._200 .bf {background-image: url('images/boxes/boxtopwide_w2.png')}
._100 {width:110px}
._100 .bh, ._100 .bf {background-image: url('images/boxes/boxtopwide_w1.png')}

/* Triple column thing as used on league summary page */
._800_242 {width:950px}
._800_242 .bh, ._800_242 .bf {background-image: url('images/boxes/boxtopwide_w2_w4_w2.png')}
._800_242 .box {padding:0; background-image: url('images/boxes/bgwide_w2_w4_w2.png'); background-position: center center; background-repeat: repeat-y;}

/* Triple column thing as used on league choice page */
._800_332 {width:950px}
._800_332 .bh, ._800_332 .bf {background-image: url('images/boxes/boxtopwide_w3_w3_w2.png')}
._800_332 .box {padding:0; background-image: url('images/boxes/bgwide_w3_w3_w2.png'); background-position: center center; background-repeat: repeat-y;}

/* Double column thing */
._800_53, ._800_44 {width:950px;}
._800_53 .bh,  ._800_53 .bf {background-image: url('images/boxes/boxtopwide_w5_w3.png')}
._800_44 .bh,  ._800_44 .bf {background-image: url('images/boxes/boxtopwide_w4_w4.png')}
._800_53 .box, ._800_44 .box  {padding:0; background-position: center center; background-repeat: repeat-y;}
._800_53 .box {background-image: url('images/boxes/bgwide_w5_w3.png');}
._800_44 .box {background-image: url('images/boxes/bgwide_w4_w4.png');}

.subbox {float:left; margin-top: 0; margin-bottom: 10px}

.box ._5 {width: 570px; margin-right: 14px; margin-left: 10px;}
.box ._3 {width: 330px; margin-right: 14px; margin-left: 10px;}
.box ._3a {width: 330px; margin-right: 0;    margin-left: 14px;}

.box ._4   {width: 450px; margin-right: 14px; margin-left: 10px;}
.box ._4a {width: 450px; margin-right: 0;    margin-left: 14px;}

.box ._2   {width: 210px; margin-right: 20px; margin-left: 10px; font-size:80%;}
.box ._4   {width: 450px; margin-right: 14px; margin-left: 10px;}
.box ._2a {width: 210px; margin-right: 0;    margin-left: 14px; font-size:80%;}
.box ._2b {width: 200px; margin-right: 0;    margin-left: 24px;}

/* Black header box */
._800_black {width:950px; color:white}
._800_black .bh, ._800_black .bf {background-image: url('images/boxes/boxtopwide_b8.png')}
._800_black .box {background-color: #101010; text-align:center}

._100, ._200, ._300 {font-size:80%}
 ._400.graphic {height:166px; width: 446px; padding:12px}
 ._200.graphic {height:166px; width: 206px; padding:12px}
 ._100.square {min-height:  68px}
 ._200.square {min-height: 168px}
 ._300.square {min-height: 268px}
 
 .weather {text-align:left}
 .weather .contents {text-align:center}
 .weather h4 {color: #ffA621; font-family: 'Century Gothic'; font-weight:bold; font-size:1.1em}
 .weather .conditions {color: #404040; font-family: 'Century Gothic'; font-weight:bold; font-size:1.5em; text-align:center; margin-bottom:1em}
 .weather table {width:100%}
 .weather th {color: #ffA621; background:none; font-family: 'Century Gothic'; font-weight:bold; font-size:1.1em}
 .weather td {color: #404040; font-family: 'Century Gothic'; font-weight:bold; font-size:1.5em; text-align:center; border:0}
 .weather td .ordinal{color:#808080; font-size:50%; vertical-align:top; font-family: 'Century Gothic';}

table, th, td {border-width:0; border-collapse: collapse; margin:0}
th {background-image: url('images/tablebg.jpg'); color: white; font-weight:bold; font-family: 'Century Gothic'; padding: 0 2px}
td {border-bottom: 1px solid #c0c0c0; padding: 0 2px}

table.fixtures tr.firstofweek td {padding-top: 1em}
table.centredfixture td {border-bottom-width: 0;}
 
#ajaxticker1{ background-color: #ffffff; }
#ajaxticker1 div{ background-color: #ffffff /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/ }
.tickerheadline {font-size:125%; font-weight:bold; color:#ffa620; margin: 0 5px}

#footer {clear:both; padding: 0 14px; color: #a0a0a0; font-size: 80%}
#footer a {color:#a0a0a0; padding: 0 1px}
#footer a:hover {background-color:#a0a0a0; color:#ffffff !important; text-decoration:none;}
#footer .links {color: #FFA621}
#footer .links a {color:#FFA621}
#footer .links a:hover {background-color:#FFA621;}

#footerads a {margin: 0 8px; padding:0; background-color:white; vertical-align:baseline}
#footerads img {width:170px; height:48px; margin: 0 8px; border:1px solid #c0c0c0}
#footerads a img {margin:0; border:1px solid #c0c0c0}

textarea {font-family:sans-serif}
#content label {display:block; clear:left; float:left; width: 120px; font-size:90%; color: #808080; text-align:right; margin-top:0.2em; padding-right:5px; min-height:5px;}
#content input[type=text], #content select, #content textarea {margin: 1px; padding: 1px; float:left; width: 300px; background-color:#ffffff; border:1px solid #FFA621;}
#content select {width: 304px; padding: 1px}
#content input[type=text]:focus, input[type=password]:focus, select:focus, textarea:focus {background-color:#FFEDDC}
#content input[type=submit] {background-color:white; height:32px; border-width:0; font-family: 'Century Gothic', Arial, sans-serif; font-size:125%; font-weight:bold; color: #ffa621; padding-right:33px; background-image: url('images/arrowbutton30.png'); background-position: center right; background-repeat: no-repeat}
#content input[type=submit]:hover {background-color:#FFEDDC}
#content form div.date   {border:1px solid #FFA621; display:inline; padding: 1px 2px; width:6em;}
#content form div.multi {border:1px solid #FFA621; display:inline; padding: 1px 2px}
#content form div.date   input[type=text] {border-width:0; padding: 1px; float:none; background-color:transparent; width:1.2em}
#content form div.multi input[type=text] {border-width:0; padding: 1px; float:none; background-color:transparent; width:1.2em}

#content .comment {border-bottom: 2px solid #c0c0c0; margin-bottom: 1.2em; background-color: #f0f0f0}
#content .admin     {border-bottom-color: #FFA621; background-color: #FFE8D0}
#content .comment .commentheader {background-image:url('images/commentheader.png'); background-repeat:no-repeat; background-color:#c0c0c0}
#content .admin     .commentheader {background-color:#FFA621}
#content .comment .commentheadleft {float:left; text-align:left; font-size:125%; padding: 6px 0 4px 15px; font-weight:bold; color: #404040; width:60%; font-family: 'Century Gothic', Tahoma, Arial, sans-serif}
#content .comment .commentheadleft input {border: 1px solid white; font-size:125%; font-weight:bold; color: #ffffff; background-color:transparent; width:100%; font-family: 'Century Gothic', Tahoma, Arial, sans-serif}
#content .comment .commentheadright {float:right; text-align:right; font-size:80%; color: #808080; width:30%; padding: 2px 5px 2px 0}
#content .admin     .commentheadleft {color: #ffffff}
#content .admin     .commentheadright {color: #ffffff}
#content .comment .commentcomment {padding: 3px}
#content .comment .commentcomment textarea {float:none; width:99%; height:50px}
#content .comment .commentcomment div.submit {text-align:right}
#content .comment .commentcomment input[type=submit] {background-color:#f0f0f0}
#content .admin     .commentcomment input[type=submit] {background-color:#FFE8D0}
#content .comment .commentcomment input[type=submit]:hover {text-align:right; background-color:#ffffff}
#content .loungelist li, #content .loungelist dd, #content div.banter {list-style:none; margin-bottom: 1em; border-bottom: 1px solid #c0c0c0}
#content .loungelist h6, #content .banter h6 {margin: 0 2em; font-weight:normal; font-size:75%; color:#808080; text-align:right;}

h1 input, h1 select, h1 textarea {float:none !important; font-size: 80% !important; font-family: 'Century Gothic', Tahoma, Arial, sans-serif; font-weight:bold; display:inline !important; width: 3em !important}