* {
	-webkit-print-color-adjust: exact;
}
html {height: 100%}
body {background: #fff; font-family: arial, sans-serif; margin: 0; padding: 0; font-size: 100%; background: url(../images/background-repeat.jpg) repeat-x top center; font-family: "proxima-nova-n1", "proxima-nova", arial, sans-serif; font-weight: 100; height: 101%;}

/*{font-family: "proxima-nova-n1", "proxima-nova", arial, sans-serif; font-weight: 100; }*/
/*{font-family: "proxima-nova-n6", "proxima-nova", arial, sans-serif; font-weight: 600; }*/

.mobile-header-wrap, .top.mobile {display: none!important;}

.wrap { background: url(../images/background.jpg) no-repeat top center}
.content, .contenttopinner {width: 980px; margin: 0px auto; padding: 0}
.clear {clear: both; height: 0}
a {color: #eb0627; text-decoration: none}
a:hover {text-decoration: underline}
h1, h2, h3, h4, h5, h6 {font-weight: normal}
h1, h2, h3, h4, h5, h6, p, ul, li {margin: 0; padding: 0}
img {margin: 0; padding: 0; border: none}
p {color: #000}
.left, .right, .col1, .col2, .col3, .col4 {display: block; float: left}
img {display: block}

img.seecmsimageleft {float: left; display: block; margin: 0 10px 2px 0;}
img.seecmsimageright {float: right; display: block; margin: 0 0 2px 10px;}
img.seecmsimagedefault { display: inline; margin: 0 0 2px 0;}
img.seecmsimagecenter { display: block; margin: 0 auto 2px auto;}

.main {width: 1000px; margin: 0 auto;}
.header {position: relative; min-height: 141px; padding: 0 10px;}
.header .logo {width: 204px; height: 313px; position: absolute;  top: 0; left: 40px; display: block; background: url(../images/logo-back.png) no-repeat top left; padding: 26px 30px 0 30px; text-align: center; z-index: 2000;}
.header .logo a { color: #3a3a3a;}
.header .logo a#logo {width: 184px; height: 242px; background: url(../images/logo.png) no-repeat top left; display: block; margin: 0 auto 16px auto; background-size: 100%;}

.news h2 a {color: #807f83!important}
.header .col1 {width: 438px; padding: 15px 0 0 316px;}
.header .col2 {width: 226px; padding: 22px 0 0 0;}
.login {text-align: right;}
.login {display: none;}
.login a {color: #eb0627; font-weight: 600;}
.translate {height: 30px;}
.translate a, .translate a img {display: inline-block;}
.phone p {color: #eb0628; font-size: 225%; font-family: "proxima-nova-n4", "proxima-nova", arial, sans-serif; font-weight: 400;}
.phone p span {color: #807f83;}
.phone a {color: #eb0628;}

.search {border-top: 1px solid #817f84; background: #fff; margin: 12px 0 17px 0;}
.search p {height: 25px;}
.search input {border: none; background: #fff; color: #817f84; float: left; margin: 0; padding: 0; display: block; height: 25px;}
.search input#search {width: 182px; padding: 0 8px; height: 25px; line-height: 25px; }
.search input#searchgo {background: url(../images/search-go.gif) no-repeat top left; width: 28px; cursor: pointer}
.search {margin-top: 32px }

.nav {border-top: 1px solid #c0c0c2; padding: 14px 0 14px 316px;}
.nav ul {padding: 0; margin: 0;}
.nav li {text-transform: uppercase; list-style: none; padding: 0 7px; margin: 0; float: left; font-size: 125%; border-left: 1px solid #303030;line-height: 100%; font-family: "proxima-nova-extra-condensed", arial, sans-serif; font-weight: 700}
.nav li:first-child {border-left: none; padding-left: 0;}
.nav li a {color: #303030; font-family: "proxima-nova-extra-condensed", "Arial Narrow", arial, sans-serif;}
.nav li.selected a {color: #eb0627;}

.top {width: 980px; margin: 0 auto;}
.banner {width: 752px; height: 278px; float: left; display: block; position: relative; z-index: 10; margin: 0 2px 0 0;}
.banner .overlay {width: 752px; height: 278px; display: block; background: url(../images/banner-overlay.png) no-repeat top left; position: absolute; top: 0; left: 0; z-index: 10000;}
.bannerimages {float: right; width: 455px;}


.banneralert {position: absolute; bottom: 14px; left: 40px; width: auto; z-index: 20000; min-width: 245px;}
.banneralert p {color: #fff; font-size: 100%; padding: 0;}
.banneralert img {}
.banneralert .col1, .banneralert .col2 {float: left; display: block;}
.banneralert .col1 {width: 35px;}
.banneralert .col2 {}

.alert {background: url(../images/alert-back.png) top left; padding: 10px; }

.breadcrumb {font-size: 80%; padding: 9px 0 30px 0; }
.breadcrumb p {color: #d3d3d4; font-weight: 600; font-size: 80%;}
.breadcrumb a {color: #fff;}
.breadcrumb span {color: #fff}

.bannertitle {background: url(../images/title-back.jpg) no-repeat top left; width: 664px; padding: 0 0 0 316px; height: 138px; display: block;}
.title p {color: #fff; font-size: 400%;}
.quicklinks {float: left; width: 226px;}
.quicklinks a {display: block; background-image: url(../images/cog.png); background-position: 12px 14px; background-repeat: no-repeat; width: 164px; padding: 0 0 0 62px; height: 68px; line-height: 68px; color: #fff; margin: 0 0 2px 0; font-size: 130%;}
.quicklinks a#link1 {background-color: #89ba06;}
.quicklinks a#link2 {background-color: #00b2ed;}
.quicklinks a#link3 {background-color: #e30084;}
.quicklinks a#link4 {background-color: #721184;}

.content .col1 {width: 215px; margin: 40px 0 0 30px; background: url(../images/snav-back.png) no-repeat top left; padding: 0px 20px 0 29px; }
.content .col2 {width: 408px; padding: 13px 30px 0 22px;}
.content .col2wide {float: left; width: 664px; padding: 13px 0 0 22px;}
.content .col3 {width: 226px; padding: 19px 0 0 0;}
.content .col3 .quicklinks {margin-top: 2px;}
.content .col2 h2, .content .col3 h2, .content .col2wide h2, .contenthome .col1 h2 {font-size: 120%; color: #eb0627; font-weight: 600; padding: 0 0 10px 0;}
.content .col2 h3, .content .col3 h3, .content .col2wide h3{font-size: 120%; color: #595959; font-weight: 600; padding: 0 0 10px 0;}

.content {width: 990px; padding: 13px 0 0 10px; margin: 0 auto;}
.contenthome .col1 {padding: 0 30px 0 40px; width: 328px; margin: 0; background: none; min-height: 10px;}
.contenthome .col2 {width: 537px; margin: 0; padding: 25px 27px 0 27px; background: url(../images/news-back.png) no-repeat top left;}
.content p, .content h1, .content li {color: #585858;}
.content h1 {font-size: 300%; font-weight: 100; padding: 0 0 10px 0; margin: 0;}
.content p, .content li {font-weight: 400; padding: 0 0 10px 0;}
.content ul {padding: 0; margin: 0 0 5px 17px;}
.content li {padding: 0 0 5px 0;}
.contenthome .col2 h2 {color: #817f84; font-size: 110%; font-weight: 600; padding: 0 0 30px 0;}
.contenthome .col2 a#rss {color: #817f84; float: right; margin-top: 4px;}
.contenthome .col2 .news {width: 312px; padding: 0 15px 0 0; float: left;}
.contenthome .col2 .news h2 {float: left;}
.contenthome .col2 .twitter h2 {background: url(../images/twitter.png) no-repeat top right;}
.contenthome .col2 .twitter h2 a {color: #817f84;}

.contentwide .col2 {width: 665px; padding: 13px 0 0 22px;}

.snav ul {padding: 29px 0 0 0; margin: 0;}
.snav li {padding: 3px 0 3px 40px; margin: 0 0 8px 0; list-style: none; background: url(../images/snav-li.gif) no-repeat top left; font-size: 120%; font-weight: 600;}
.snav li a {color: #807f83;}
.snav li.selected { background: url(../images/snav-li-sel.gif) no-repeat top left;}
.snav li.selected a { color: #eb0628;}
.snav ul ul {padding: 10px 0 0 0;}
.snav ul li.selected ul li {background: none!important; padding: 0 0 0 14px; font-size: 90%;}
.snav ul li.selected ul li a {color: #807f83;}
.snav ul li.selected ul li.selected a {color: #eb0628;}

.news h2, .twitter h2 {padding: 0 0 10px 0!important;}
.newsimage, .newsImg {width: 94px; float: left; display: block; padding: 0 12px 3px 0;}
.newstext, .newsText {width: 204px; float: left;}
.newsstory {padding: 0 0 22px 0;}
.contenthome .col2 .newsstory h2, .content .col2 .newsText h2 {padding: 0!important; font-size: 90%; color: #eb0627; font-weight: 600; margin-top: -3px; line-height: 120%; float: none;}
.contenthome .col2 .newsstory p, .contenthome .col2 .twitter p, .newsText p {padding: 0; font-size: 90%; line-height: 120%;}
.contenthome .col2 .newsstory p.date, .contenthome .col2 .twitter p.date, .newsText p.date {color: #a8a8a8;}

.twitter {width: 195px; padding-left: 15px; }
.twitter h3 {font-size: 90%; padding: 0 0 10px 0;}
.twitter h3 a {color: #00b1ec;}
.twitter a {color: #00b1ec;}
.twitter .tweet {margin: -3px 0 15px 0;}

.archive {padding-top: 29px;}
.archive h2 {font-size: 120%; color: #595959; font-weight: 600; padding: 0 0 10px 0;}
.archive a {font-size: 90%;}

.footertop {margin: 40px 0 0 0; display: block; width: 990px; padding: 0 0 0 10px; background: url(../images/footer-top.jpg) no-repeat top right; height: 130px;}

.footer {padding: 25px 0;}
.footer .col1 {width: 328px; padding: 14px 30px 0 40px;}
.footer .col2 {width: 591px; padding: 0; position: relative;}
.footer p {font-size: 90%;}

.footer .col1 p {color: #eb0627;}
.footer .col1 p a {color: #595959;}
.footer .col2 p{text-align: right;}
.footer .col2 p img {display: inline;}
.footerinner {padding: 20px 0 0 0;}
.footerinner p {text-align: right; padding: 0; color: #585858;}
.footerinner p a {color: #585858;}
.footerinner p.links, .footerinner p.links a {color: #eb0627; padding: 0 0 10px 0;}

table {width: 100%; margin: 0 0 10px 0;}
table th {background: #eb0627; color: #fff; text-align: left; vertical-align: top; padding: 2px 4px;}
table td {background: #f2f2f2; color: #585858; text-align: left; vertical-align: top; padding: 2px 4px;}
table tr.odd {background: #e7e7e7;}

p img {display: inline-block;}
.searchresult {border-top: 1px solid #ccc; padding: 10px 0 0 0; margin: 0 0 10px 0;}

.form input, .form textarea {width: 386px; padding: 3px 10px; border: 1px solid #817f84; color: #585858; font-family: "proxima-nova-n4", "proxima-nova", arial, sans-serif; font-weight: 400}
.form input[type="submit"] {width: 100px; color: #fff; background: #817f84; border: none; cursor: pointer; display: block; padding: 5px 10px; font-size: 110%;}

.googlemap {width: 226px; height: 226px; display: block; margin: 0;}


.news {position: relative; overflow: hidden; height: 598px;}
#newswrap {height: 532px; margin: 0 0 10px 0; }
#newsscroll {height: 532px; position: absolute; display: block; width: 310px;}
.news a.more { margin: 0 0 0 106px;}
#newsscroll ul, #newsscroll li {margin: 0; padding: 0; list-style: none}
.simply-scroll-container { position: relative;} 
.simply-scroll-list { overflow: hidden; margin: 0; padding: 0; list-style: none;}
.simply-scroll-clip {height: 532px; position: relative; overflow: hidden;}

.photogallery {width: 680px; margin-left: -11px;}
.gallerythumb { width: 155px; margin: 0 0 10px 11px; float: left; display: block;}
.gallerythumb a { width: 155px; float: left; display: block;}
.gallerythumb a span {display: block; height: 100px; line-height: 100px; vertical-align: middle; width: 100px;}

.popup {display: none;}
.popup a.slideshow {float: left; margin: 0px 10px 10px 10px;}

.staffzone, .pupilszone {float: left; font-size: 94%; font-weight: bold;}
.staffzone {margin-right: 40px;}

.col2 .importantnotice p {font-size: 90%; padding-bottom: 5px; margin: 0;}
.col2 .steve .steveinner .importantnotice h2 {padding-bottom: 10px; background: none;}
.col2 .importantnotice {background: url(../images/noticewrap.png) repeat-x bottom right; width: 100%; margin-bottom: 20px; padding: 0 12px 10px 12px}

.col2 .steve {float: left; width: 200px; margin: -11px 0 0 0;}
.col2 .steve .steveinner {margin: 0; padding: 11px 0 0 0 }

a.db {position: absolute; top: 8px; left: -45px;}

.grid {margin-left: -20px;}
.grid .griditem {float: left; width: 208px; margin: 0 0 20px 20px; min-height: 290px;}
.grid .griditem .image {height: 140px; overflow: hidden; margin: 0 0 10px 0; background: #fff; display: table; width: 100%;} 
.grid .griditem .imageinner {display: table-cell; text-align: center; vertical-align: middle; height: 140px; width: 100%;}
.grid .griditem .imageinner a {display: block; padding: 20px;}
.grid .griditem .text {/*height: 100px;*/}
.grid .griditem img {width: 100%; margin: 0 auto; display: block; height: 140px; max-width: 100%; width: auto;}
.grid .griditem h2 {padding: 10px; color: #fff; background: #eb0627; margin: 0 0 10px 0; font-size: 90%;}
.grid .griditem h2 a {color: #fff;}

table tr td.white {background: #fff!important;}

.searchresult h3 img {float: left; margin: 0 10px 0 0;}

.googlemap {margin: 0 0 20px 0; width: 100%;}

p.seeformerrors {color: red;}

.sportsnewsfeed .newsText {width: 558px;}

.inpagegallery {position: relative;}
.inpagegallery h3 {position: absolute; bottom: 0; left: 10px; color: #fff!important; font-weight: 700; font-size: 110%!important; line-height: 90%;}
.inpagegallery h3 span {font-size: 80%!important; font-weight: 400;}

.translate.mobile {display: none;}