@charset "UTF-8";
/* CSS Document */

body {
	margin: 0;
	padding: 0;
	background: url(../images/bg.jpg) repeat-x top center;
	font-family: "myriad pro", Arial, Helvetica, sans-serif;
	color: #5b5b5b;
}

a {
	color: #5b5b5b;
}

p {
	margin: 0;
	padding: 0;
}

h2 {
	border-bottom: 1px solid #fdc928;
}

h3 {
	margin: 0;
}

h4 {
	margin: 1.2em 0 0.6em;
	color: #cc1b2c;
	font-size: 1.2em;
}

.timetable-d select {
    padding:3px;
    margin-bottom: 5px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
    color:#888;
    border:solid 2px #d29e15;
    outline:none;
    display: inline-block;
    -webkit-appearance: menulist;
    -moz-appearance:menulist;
    appearance: menulist;
    cursor:pointer;
	width: 100%;
	font-family: "myriad pro",Arial,Helvetica,sans-serif;
	font-size: 1em;
}

input.formtext {
	padding:3px;
    margin: 0;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
    color:#888;
    border:solid 3px #075C33;
    outline:none;
    display: inline-block;
}

input.formradio{
    border: 3px solid #075C33 !important;
}

input.formsubmit{
    background: #075C33;
	cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/
	padding:5px 25px; /*add some padding to the inside of the button*/
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	color:#ffffff;
	font-size:1.1em;
	margin-top: 15px;
}


/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
/*
label { position:relative}
label:after {
    content:'<>';
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right:8px; top:2px;
    padding:0 0 2px;
    position:absolute;
    pointer-events:none;
    color: #075C33;
}
label:before {
    content:'';
    right:6px; top:0px;
    width:20px; height:20px;
    background:#f8f8f8;
    position:absolute;
    pointer-events:none;
    display:block;
}
*/

.container {
	width: 1000px;
	margin: 0 auto;
	padding: 0;
}

.left {
	float: left;
	width: 322px;
}

.newstop {
	height: 23px;
	background: url(../images/red-white.png) no-repeat top center;
}

.news {
	width: 292px;
	background: #ffffff;
	border: solid #cc1b2c 15px;
	background: url(../images/latestnews.jpg) no-repeat top center;
}

.newsblock {
	margin: 15px 10px 10px;
}

.calendar {
	background: url(../images/calendar.png) no-repeat;
	width: 42px;
	color: #ffffff;
	text-align:center;
	float: left;
	padding: 12px 3px 2px 2px;
	font-size: 2em;
	font-weight: bold;
	font-style: italic;
	height: 60px;
	margin-bottom: 10px;
}

.calendar-month {
	color: #ffffff;
	font-weight: bold;
	font-size: 18px;
	font-style: italic;
	padding: 1px 5px;
	line-height: 20px;
	height: 20px;
}

.calendar-text {
	float: left;
	font-size: 1.2em;
	padding: 5px 0 0 10px;
	width: 215px;
	line-height: 1.3em
}

.calendar a{
	text-decoration: none;
}

.calendar-text a{
	text-decoration: none;
}

.timetable {
	background: #075C33;
	width: 292px;
	padding: 15px;
	margin-top:5px;
	color: #ffffff;
	font-size: 1.2em;
	line-height: 1.2em;
}

.timetable img{ 
	float: left;
	margin-right: 15px;
}

.timetable-d {
	background: #FDC928;
	padding: 10px 10px 0 10px;
}


.timetable-d p{
	padding-bottom: 5px;
}

.right {
	float: left;
	width: 678px;
}

.clear {
	clear:both;
}

.menu {
	height: 60px;
	line-height: 60px;
	color: #ffffff;
	font-weight: lighter;
	font-size: 18px;
	text-align: center;
	background: #075C33;
	list-style: none;
}

.menu a {
	color: #ffffff;
	text-decoration: none;
}

.menu ul {
	margin: 0;
	list-style: none;
	position: relative;
	display: inline-table;
	padding: 0;
}

.menu ul ul {
	display: none;
	list-style: none;
}

.menu ul li:hover > ul {
		display: block;
}

.menu ul li {
	float: left;
	list-style: none;
	padding: 0 15px;
	border-right: 1px solid #6b6b6b;
}

.menu ul li:hover {
		background: #0f864d;
	}

.menu ul li:hover a {
			color: #fff;
		}
	
.menu ul li a {
		display: block; 
	}

.menu ul ul {
	background: #075C33; border-radius: 0px; padding: 0;
	position: absolute; top: 100%;
	margin-left: -18px;
}
	.menu ul ul li {
		float: none; 
		border-top: 1px solid #6b6b6b;
		border-bottom: 1px solid #6b6b6b;
		position: relative;
		line-height:30px;
		padding:20px 10px;
	}
		.menu ul ul li a {
			color: #fff;
		}	
			.menu ul ul li a:hover {
				background: #0f864d;
			}


.logo {
	margin-top: 0;
}

.charter {
	width: 100%;
	height: 93px;
}

#textline {
	text-align: center;
	font-weight: lighter;
	font-size: 1.2em;
}

.content {
	padding-left: 20px;
	padding-top: 20px;
}

.content a{
	color: #5b5b5b;
}

.footer {
	width: 100%;
}

.time {
	width: 322px;
	background: #075c33;
	float: left;
	color: #ffffff;
	font-weight: lighter !important;
	line-height: 3em;
	padding: 17px 0;
	text-align:center;
	font-size: 1.2em;
}

.copyright {
	width: 678px;
	float: left;
	background: #fdc928;
	font-weight: lighter;
	line-height: 1.5em;
	padding: 10px 0;
	text-align: center;
	color: #000000;
}

.copyright a{
	color: #000000;
	text-decoration: none;
}

.planner {
	background: #C8EBFB;
	padding: 0 10px 30px 10px;
	line-height: 1.5em;
}

.formdate {
	background: url(../images/calendar-icon.png) no-repeat right top;
	width: 100%;
	padding-bottom: 5px;
}

.formtime {
	background: url(../images/clock.png) no-repeat right top;
	width: 100%;
}

.home-box {
	float: left;
	width: 320px;
}

.home-box-left {
	float: left;
	width: 320px;
	margin-right: 20px;
	margin-left: -20px;
}

.home-box-mid {
	float: left;
	width: 320px;
	margin-right: 20px;
}


.home-box-1 {
	background: #fdc928;
	color: #075c33;
	font-weight: bold;
	padding: 3px 0 0 10px;
	font-size: 1.3em;
}

.home-box-2 {
	height: 115px;
	margin: 5px 0;
}

.home-box-3 {
	background: #e7e8e9;
	font-size: 1.1em;
	font-weight: lighter;
	height: 140px;
	line-height: 1.3em;
	margin-bottom: 0.6em;
	padding-left: 1em;
	padding-top: 0.5em;
}

.home-box-3 a{
	text-decoration: none;
}

.left-mobile {
	display: none;
}

.menu-mobile {
	display: none;
}

TR.table_h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #1F6CB6;
	font-weight: bold;
	border:1px #CCCCCC;
	margin:5px;
	background-image: url(images/table_head.gif);
}

TR.table_h1_1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
	border:1px #ffffff;
	margin:5px;
	background: #2c78bf;
}

TR.table_h1_2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	font-weight: bold;
	border:1px #ffffff;
	margin:5px;
	background: #fad620;
}

td {
	padding: 15px;
}

.schools li .last-update {
	font-style:italic;
	color:#999;
	font-size:0.9em;
}

.schools li:hover .last-update {
	color:#990000;
}

ul li {
	list-style: disc outside;
}

ol.numeric {
	padding-left: 20px;
}

ol.numeric li {
	list-style: decimal outside;
}
ol.numeric li ul {
	padding-left: 20px;
	padding-top: 10px;
}
ol.numeric li ul li {
	list-style: circle outside;
}

ol.roman {
	padding-left:20px;
}

ol.roman li {
	list-style: lower-roman outside;
}

.highlight {
	background: #FFF8D9;
}

.guide-box { width:200px; height:auto; min-height:260px; padding:0px; margin: 5px; float:left; display:inline; text-align: center; border:solid 1px #cccccc; }
.guide-text { border-top:solid 1px #cccccc; padding:10px; text-align:left; font-size: 0.9em; }
.guide-box img { margin:10px 0px; border:solid 1px #cccccc; }
.guide-text img { margin:0px; border:none; }

.left-text {
	text-align: left;
}

#zoomify-m {
	display: none;
}

.clear-r {
	clear: right;
	display: block;
}

.alpha-link {
	margin-right: 0.1em;
}

#alpha-list-box {
	margin-bottom: 0.3em;
}

#alpha-list-box a{
	color:#cc1b2c;
}

.stoptable {
	
}

.stoptable th{
	cursor: pointer;
}

.stoptable tr {
	background: #C8EBFB;
}

.stoptable tr td{
	padding: 5px 10px;
}

.charter-request td{
	padding: 5px;
}

.rmm {
	display: none;
}

/*************************************** Timetables colour adjustment *************************************/
.line-bot {
	border-bottom:2px solid #000000
}
.r960 {
	background: #E21422;
	color: #FFFFFF;
}
.r960-line {
	border-bottom:1px solid #E21422
}
.exp-line-960 {
	width:100%;
	border-bottom:2px solid #E21422;
	padding:2px 0px 0px 0px;
}
.highlight-r960 {
	background: #FBD7C6;
}
.r961 {
	background: #5FA932;
	color: #FFFFFF;
}
.r961-line {
	border-bottom:1px solid #5FA932
}
.exp-line-961 {
	width:100%;
	border-bottom:2px solid #5FA932;
	padding:2px 0px 0px 0px;
}
.highlight-r961 {
	background: #E1EED4;
}
.r963 {
	background: #9D4815;
	color: #FFFFFF;
}
.r963-line {
	border-bottom:1px solid #9D4815
}
.exp-line-963 {
	width:100%;
	border-bottom:2px solid #9D4815;
	padding:2px 0px 0px 0px;
}
.highlight-r963 {
	background: #EFD8C2;
}
.r962 {
	background: #009DE9;
	color: #FFFFFF;
}
.inactive {
	background:#ddd!important;
	color:#fff;
}
.inactive2 a {
	color:#999;
}
.r962-line {
	border-bottom:1px solid #009DE9
}
.exp-line-962 {
	width:100%;
	border-bottom:2px solid #009DE9;
	padding:2px 0px 0px 0px;
}
.highlight-r962 {
	background: #CDEBFB;
}
.r964 {
	background: #f49ac1;
	color: #FFFFFF;
}
.r964-line {
	border-bottom:1px solid #f49ac1
}
.exp-line-964 {
	width:100%;
	border-bottom:2px solid #f49ac1;
	padding:2px 0px 0px 0px;
}
.highlight-r964 {
	background: #fce8f1;
}
.r965 {
	background: #202078;
	color: #FFFFFF;
}
.r965-line {
	border-bottom:1px solid #202078
}
.exp-line-965 {
	width:100%;
	border-bottom:2px solid #202078;
	padding:2px 0px 0px 0px;
}
.highlight-r965 {
	background: #C8C6E2;
}
.r966 {
	background: #912C87;
	color: #FFFFFF;
}
.r966-line {
	border-bottom:1px solid #912C87
}
.exp-line-966 {
	width:100%;
	border-bottom:2px solid #912C87;
	padding:2px 0px 0px 0px;
}
.highlight-r966 {
	background: #E8D5E8;
}
/*************************************** End Timetable colour adjustment *************************************/

.center-text {
	text-align:center;
	font-size:1.3em;
}

.center-text-foot {
	text-align:center;
	font-size:1.0em;
}



/*-------------------------------------------------------------------------mobile--------------------------------------------------------------------------*/

@media only screen and (max-width: 767px) {
	

body {
	background: none;
}

.container {
	width: 100%;
	margin: 0;
	padding: 0;
}


.left {
	display: none;
}


.left-mobile {
	display: inherit;
	width: 100%;
}

.menu {
	display: none;
}

.menu-mobile {
	display: inherit;
	background: #075c33;
	padding: 6px;
	color: #ffffff;
}

.menu-mobile a{
	color: #ffffff;
	text-decoration: none;
}

.menu-mobile select {
    padding:3px;
    margin-bottom: 5px;
	background: #075c33;
    color:#ffffff;
    border:0;
    outline:none;
    display: inline-block;
    -webkit-appearance: menulist;
    -moz-appearance:menulist;
    appearance: menulist;
    cursor:pointer;
	width: 100%;
	font-size: 1em;
}

.right {
	width: 100%;
}

.logo { 
	margin-top: 5px;

}

.textline {
	width: 100%;
}

.time {
	display: none;
}

.footer {
	width: 100%;
}

.copyright {
	width: 100%;
	font-size: 0.7em;
}

.timetable {
 	width: auto;
}

.home-box-3 {
	padding: 0.5em 0.5em 0.5em 1em;
	height: auto;
}

.content {
	padding: 10px;
}

#myContainer {
	display: none;
}

#zoomify-m {
	display: inherit;
}

.newstop-m {
	height: 23px;
	background: url(../images/red-white.png) repeat-x top center;
	width: 100%;
}

.news-m {
	background: #ffffff;
	border: solid #cc1b2c 15px;
	background: url(../images/latestnews.jpg) no-repeat top center;
}

.home-box {
	margin:0 auto;
	float: none;
	width: 320px;
}

.home-box-left {
	margin:0 auto;
	float: none;
	width: 320px;
}

.home-box-mid {
	margin:0 auto;
	float: none;
	width: 320px;
}

.width100 img{
	width: 100%;
}

.charter {
	display: none;
}
	
}