/* Fonts */
@font-face {
	font-family: 'RalewayThin';
	src: url('/fonts/Raleway/raleway_thin.eot');
	src: local('Raleway'), local('Raleway-Thin'), url('/fonts/Raleway/raleway_thin.woff') format('woff'), url('/fonts/Raleway/raleway_thin.ttf') format('truetype'), url('/fonts/Raleway/raleway_thin.svg#Raleway-Thin') format('svg');
}

@font-face {
	font-family: 'DroidSerifItalic';
	src: url('/fonts/Droid-Serif/DroidSerif-Italic.eot');
	src: local('Droid Serif'), local('DroidSerif-Italic'), url('/fonts/Droid-Serif/DroidSerif-Italic.woff') format('woff'), url('/fonts/Droid-Serif/DroidSerif-Italic.ttf') format('truetype'), url('/fonts/Droid-Serif/DroidSerif-Italic.svg#DroidSerif-Italic') format('svg');
}


/* Reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, a img, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, form, input[type=text], input[type=password], fieldset, label, textarea, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: none; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; letter-spacing: inherit; font-size: 100%;}
ul, li {display: block; list-style-type: none; margin: 0; padding: 0;}
a {text-decoration: none;}
a img {border: none;}

/* Mail Layout */
html {overflow-y: scroll} 
html, body, #outerborder {height: 100%}
#outerborder {width: 960px;}
#container, #top, #globalwrap {width: auto}
#topmenu {position: static; top: auto; left: auto; right: auto; bottom: auto}
#outerborder {margin-bottom: -10px}
#container {padding: 0 20px; margin: 0}
#top {margin-left: -20px; margin-right: -20px}
#global, #global table {margin-left: 0; margin-right: 0}

/* Coloumns */
.left, .middle, .right {width: 293px; float: left; margin-bottom: 30px}
.left, .middle {margin-right: 20px;}
.two {float: none; width: 606px; margin-right: 20px; height: 170px}
.rightUp {margin-top: -170px; }
.clear {clear: both}
.full {position: relative; margin-top: -10px; margin-left: -20px; margin-bottom: 0}
.footer .left, .footer .middle, .footer .right, #top .left, #top .middle, #top .right {margin-bottom: 0}
#map_container {margin-bottom: 15px; top: 0; padding-bottom: 10px; float: none !important; margin-bottom: 5px !important}
.notitle {padding-top: 43px}
.left p img, .middle p img, .right p img {display: block; padding-top: 5px; border-top: 1px solid #d2d1d1}
.rightUp p img {border-top: none; padding-top: 0}

/* Header */
.header {height: 189px;}
.header {background: url(/images/resources/ashtoninmakerfield/header.png)}
.header .homeLink {height: 100%; width: 100%; }
.header .homeLink a {display: block; height: 100%; width: 100%}
.header .left, .header .middle, .header .right {height: 100%}
.header .left {padding-left: 20px}
.header .right {background: #404040; padding-left: 10px; padding-right: 10px}

/* Header fonts */
div#top .toplogin, div#top .afterlogin {font-family: Georgia, serif; font-style: italic; letter-spacing: 0.04em}
div#top .afterlogin {color: #d8d8d8}

/* Header Login */
div#top .toplogin {width: 100%; padding-left:0; padding-right: 0}
div#top .toplogin {padding-top: 10px; text-align: left}
div#top p.toplogin {text-align:left}
div#top .toplogin {background: transparent; color: #f9b433;}
div#top input[type=text], div#top input[type=password] {font-family: inherit; background: transparent; color: #f9b433; border-bottom: 1px solid #f9b433; padding-bottom: 3px}
div#top .toplogin a {padding-left: 5px}
div#top .toplogin input[type=text], div#top .toplogin input[type=password] {float: left; clear: left; width: 55%; margin-right: 13px; margin-bottom: 5px}
div#top input[type=checkbox] {margin: 0}
#horizontal_login {margin-left: 0; position: relative; top: 5px}

/* Course Status */
#top .afterlogin {clear: left; position: absolute; top:7em; width: 293px}
#top .competitions {margin-top: 1em}

/* Mail Colours  / Fonts */
body {background: #4e644a}
#outerborder {background: #ffffff}
#container {font-family: Arial, sans-serif; font-size: 12px; line-height: 1.3;}
#globalwrap a, #gloablwrap a:visited, #globalwrap a:hover {color: #d79b28}
div.global {margin-left:0; margin-right: 0}

/* nave */
#topmenu {width: 100%}
#topmenu {background: #92a054}
#nav a {font-size: 11px; letter-spacing: 1px}
#nav a {padding: 12px 25px; padding: 12px 20px}
#nav a:hover, #nav li:hover a {background-color: #ffffff; color: #4d4d4d; text-decoration: none; background-position: 100% -77px}
#nav a.moredown {padding-right: 29px; background: url(images/resources/ashtoninmakerfield/down.png) no-repeat; background-position: 100% 16px}


/* Sub Nav */
#nav li ul li a {color: #4d4d4d; font-family: Georgia, serif; font-style: italic}
#nav li ul li a {text-transform: capitalize}
#nav li ul {background: url(/images/resources/ashtoninmakerfield/92.png); padding-bottom: 1.5em; width: 19em }
#nav li ul li a, #nav li ul li {padding: 0; margin: 0}
#nav li ul li a, #nav li ul li {display: block; float: none; width: auto; clear: left}
#nav li ul li a {display: block; border-bottom: 1px solid #d2dea0; float: left}
#nav li ul li {padding-left: 12px}
#nav li ul li a {padding: 7px 0}
#nav li ul li a:hover, #nav li:hover ul li a {background: transparent}
#nav li ul {z-index: 1000}

/* Footer */
.footer {clear: both}
.footer {border-top: 1px solid #d2d1d1;}
.footer .right {text-align: right}
.footer .right a {position: relative; right: -5px}
.footer, .footer a {color: #4d4d4d; font-family: Georgia, serif; font-style: italic}
.footer li {width: 49%; float: left; margin: 0; padding: 0;}
.footer {padding: 10px 0; margin-top: 30px}


/* Forms */
fieldset {border: 1px solid #d2d1d1; padding: 10px}
form label {padding-right: 10px; padding-top: 3px}
form input[type=text], form input[type=password], form input[type=textfield], form[type=textbox] {margin-top: 4px; padding: 3px}

/* Header */
h1, #globalwrap h3 {font-family: "Helvetica Neue", Georgia, Arial; serif; font-size: 34px; font-style: italic; color: #dfa332; font-weight: 100;  clear: left}
.full h1 {padding: 10px; background: url(images/resources/ashtoninmakerfield/welcome_screen.pngiA)}
.full h1 {position: absolute; bottom: 0; left: 0; font-size:55px; line-height: 0.9}
.two h1 {line-height: 0.9}
h2 {font-family: Georgia, serif; font-style: italic}
h2 {border-bottom: 1px solid #d2d1d1; padding-bottom: 4px; font-size: 14px; padding-top: 0; margin-bottom: 10px; clear: left; margin-top: 10px}
.front h2 {margin-bottom: -7px; padding-bottom:0; border-bottom: none}
#globalwrap .chartbox h3 {font-size: 15px; margin: 5px 10px}
#globalwrap .left h3, #globalwrap .middle h3, #globalwrap .right h3 {font-size: 14px; font-family: Georgia, serif; margin-bottom: -5px; margin-top: -5px}
a:hover h3 {text-decoration: underline}

/* Tables */
table {width: 100%; margin-left: 0 !important}
table thead td, table thead th, table th {font-family: Georgia, serif; font-size: 16px; color: #dfa332; padding: 5px 0; border-bottom: 1px solid #d2d1d1}
#global table {border-spacing: 20px 10px; margin-left: -20px; margin-right: -15px}
#global table { *border-collapse: expression('separate', cellSpacing = '20px');}
#global table#hcaprecord {border-spacing: 0}
#global table#hcaprecord { *border-collapse: expression('separate', cellSpacing = '0');}

/* Text */
#globalwrap p {margin: 10px 0}
#globalwrap .highlight, #globalwrap .highlight a, #globalwrap .highlight a:hover, #globalwrap p.bodycopybold {color: #91a054}
#globalwrap ol > li {display: list-item; list-style-type: decimal}
#globalwrap ol {margin-left: 0}
#globalwrap li p {margin-top: 0; margin-bottom:0;}
#globalwrap ol ul {margin-top: 10px; margin-bottom: 10px}
#global table ul, #global table ul li {margin-left: 0; padding-left: 0}
#global table ul {margin-bottom: 10px}
#global .social {clear: left}
#global .social table {table-layout: fixed}
#global .social table td {width: 293px}
/* Form */
#globalwrap input[type=text], #globalwrap input[type=password] {border: 1px solid #d2d1d1}

/* Gallery */
#globalwrap .galleryWrapper .galNav {width: 56px; height: 36px}
#globalwrap .galleryWrapper .galNav .fakelink {text-indent: -999em; width: 28px; height: 36px}
.galleryWrapper .galNav .fakelink {background-color: #4e644a; background-image: url(/images/resources/ashtoninmakerfield/arrows.png)}
.galleryWrapper .galNav .next {background-position: -28px 0}
.galleryWrapper .galNav .next:hover {background-position: -28px -36px}
.galleryWrapper .galNav .previous {background-position: 0 0}
.galleryWrapper .galNav .previous:hover {background-position: 0 -36px}