/* Editors: DO NOT DELETE THE ATTRIBUTE TO JOS BUIVENGO. Required by the license for the font 
   http://www.fontsquirrel.com/fonts/Museo-Sans */
/* A font by Jos Buivenga (exljbris) -> http://www.exljbris.nl */

@font-face {
	font-family: 'MuseoSlab500Italic';
	src: url('/fonts/museo/museo_slab_500italic.eot');
	src: local('Museo Slab'), local('/fonts/museo/MuseoSlab-500Italic'), url('/fonts/museo/museo_slab_500italic.woff') format('woff'), url('/fonts/museo/museo_slab_500italic.ttf') format('truetype'), url('/fonts/museo/museo_slab_500italic.svg#MuseoSlab-500Italic') format('svg');
}

@font-face {
	font-family: 'MuseoSlab500';
	src: url('/fonts/museo/museo_slab_500.eot');
	src: local('Museo Slab'), local('MuseoSlab-500'), url('/fonts/museo/museo_slab_500.woff') format('woff'), url('/fonts/museo/museo_slab_500.ttf') format('truetype'), url('/fonts/museo/museo_slab_500.svg#MuseoSlab-500') format('svg');
}


/* Main Lyout */
html {overflow-y: scroll}
body, #outerborder, #container, #topmenu {width: 100%; margin: 0; padding: 0}
.headerInner, .footerInner, #nav, #globalwrap {width: 900px; margin-left: auto; margin-right: auto; float: none}
#globalwrap {padding-top: 40px; padding-bottom: 20px}
#globalwrap > #global {margin-left: 0; margin-right: 0}
#globalwrap {overflow: visible}

/* Main Styles */
body, .header, .footer, #topmenu {background: #fafaf4;}
#container, #nav li ul, #nav li ul li, #nav li ul li a {background: #c6deaf}
a img {border: none}
#topmenu {border-bottom: 1px solid #cdb0dd}
.footer {border-top: 1px solid #cdb0dd}

/* Main Text Styles */
#body, #container {color: #5a575b; font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif; font-size: 12px; line-height: 1.3}
#container p {margin: 0.5em 0}
#container li {margin: 0.2em 0}
strong {color: #9a63c4;}
a.button {background: url(/images/resources/chorley/button.png) no-repeat 0 50%; padding-left: 13px; margin-right: 10px}

/* Header */
.header a, .header img {display: block}
.header img {margin-left: auto; margin-right: auto; padding: 20px}
.header a.name {position: absolute; left: 0;}
.header a.name img {padding-left: 0}

/* Footer */
.footerInner {position: relative}
.footer {padding-bottom: 20px; padding-top: 20px}
.footer .logo {position: absolute; right: 10px; bottom: 0}
.footer .logo a, .footer .logo a:hover {border-bottom: none}
.footer {font-style: normal; font-size: 11px}
.footer address {font-style: normal}
.footer h2 {margin-bottom: 0.74em; font-size: 16px}
.footer a, .footer a:hover {color: #9a63c4; border-bottom: 1px solid #9a63c4; text-decoration: none}
.footer .address {float: left; width: 27em}
.footer ul li {display: block; list-style-type: none}
.footer .menu ul li a {color: #5a575b; border-bottom: none; border-bottom: 1px solid transparent}
.footer .menu ul li a:hover {color: #9a63c4; border-bottom: 1px solid #9a63c4;}

/* Login */
.headerInner {position: relative}
.header .login {position: absolute; right:0; bottom: 0; height: 6em;}
.header .login input[type=text], .header .login input[type=password] {float: left; display: block; background: #b392c6; color: white; border: none; height: auto; padding:10px; width: 10em}
.header .login input[type=text]:focus, .header .login input[type=password]:focus {background: #975dc3}
.header .login input[type=checkbox] {float: left}
.header .login input[type=submit] {float: right; margin-left: 10px}
.header .login span {clear: both; display: block; float: left; padding-left: 10px; padding-top: 5px}
.header .login p.toplogin {position: absolute; right: 0; bottom: -3.2em; width: 24em; font-size: 11px}
.header .login p.toplogin a {color: #9a63c4; border-bottom: 1px solid #9a63c4; text-decoration: none; display: inline}

/* Nav */
#topmenu {position: static}
#nav {position: relative; top: 4px; left: -15px}
#nav a {color: #6a6b6c; text-transform: capitalize; padding: 5px 15px 10px 15px}
#nav a {font-family: MuseoSlab500, Verdana; font-size: 13px}
#nav li li {margin-bottom: 0}


/* Change to show current */
#nav li {background: url(/images/resources/chorley/current_menu.png) no-repeat 0 -100px}
#nav li:hover {background-position: 50% 100%}
#nav li li:hover {background-position: 0 -100px}
#nav li:hover ul a {color: #5a575b;}
#nav li a:hover, #nav li:hover a, #nav li ul a:hover {color: #a0b988; text-decoration: none} 
#nav li ul {width: auto;}
#nav li ul li {float: left; clear: none}
#nav li ul li {margin: 0; padding-right: 0}
#nav li:hover ul {display: block; left: auto; z-index: 1000}

/* Header */
h1, h2, h3, h4, h5 {font-family: MuseoSlab500, Verdana; font-weight: normal; line-height: 1; margin-left: 0; padding-left: 0}
#global h1, #global h2, #global h3, #global h4, #global h5 {margin-left:0; margin-right: 0; padding-left: 0}
h1 {font-size: 34px; margin-bottom: 1em}
h1 span {display: block; }
h1 span span {border-bottom: 1px solid #9e68c5; display: inline; padding-bottom: 3px}
h3, h4, #global h4 {font-size: 18px; margin-top: 1em; margin-bottom: 0.2em}
h3 {font-size: 20px}


/* Columns */
.col {width: 260px; margin-right: 30px; float: left; font-size: 12px}
.col a  {color: #9a63c4; border-bottom: 1px solid #9a63c4; text-decoration: none}
.col table {width: 100%}
.col table td:nth-child(2) {color: #9e68c5}

/* Wideco */
.colWide {width: 400px; margin-right: 30px; float: left; font-size: 12px}
.colWide a  {color: #9a63c4; border-bottom: none; text-decoration: none}
.colWide a:hover {text-decoration: underline}

/* Map */
#map_container {margin-bottom: 10px !important}
.mapLeft {width: 340px; float: left}
.mapRight {width: 540px; float: right}

/* Highlight */
 .highlight {font-size: 16px; font-family: MuseoSlab500, Verdana;}

/* Table */
#globalwrap table td {padding: 3px 5px}
#globalwrap table td:first-child {padding-left: 0}
#globalwrap table th, #globalwrap table thead td {padding: 4px 3px}
#global table {margin: 10px 0; position: relative; left: -7px}
#global table td, #global table th {padding: 4px 7px}

table {border-collapse: collapse}
table thead td, table thead th {font-weight: bold; border-bottom: 1px solid #9e68c5; border-left: none; border-right: none}

#global .front table td {padding:2px}
#global .front table td img {display: block}
.course table {float: left; width: 50%}
.course table a {color: #9e68c5; display: block}
table thead td, table thead th {vertical-align: bottom}
.course table td:nth-child(3), .course table th:nth-child(3) {color: #f9f547}
.course table td:nth-child(4), .course table th:nth-child(4) {color: #f25424}
.course table strong {color: inherit}
.course table a {font-weight: bold}
table.global {margin: 10px 0}

/* Form */
fieldset {margin: 10px 0; padding: 10px; width: auto; border: 1px solid #9e68c5}

#rounds {margin: 20px 0 !important}
div.chartbox {background: #fafaf4; padding: 7px; border: 1px solid #9e68c5}
.chartbox h3 {margin-top: 0; padding-top: 0; font-size: 14px}
#rounds table {background: transparent !important; }
#statistics {min-height: 200px}
/* Gallery */
#gallery a {left: 0}

#global .tickercontainer {height: auto}
#global .newsticker h4 {margin: 7px 0 10px 0}

.adminWrapper {padding: 20px}
#container .adminWrapper .tabsWrapper li {margin-top: 0; margin-bottom: 0}