/* Default Stylesheet */
/*-- version control record of page: style.css 
//<!-- author: Richard Wickham 
//<!-- first published: Feb 2005 -->
//<!-- updated: 08/05/2005 --> */ 

.skp {
	display:none; /* Don't display skipped text */
}



body {
	background-color: #EEE;
	font-family: sans-serif;
	text-align: left;
}

textarea {
	width: 100%;
	height: 200px;
}

.container {
	width: 95%;
	margin: 0 auto 0 auto; /* Positioning hack */
	padding: 0;
/*	border: solid;*/
}

.header {
	/* Our header, with "Bathford" and an image */
	width: 100%;
	height: 100px;
	padding: 0;
	margin: 0;
	vertical-align: middle;
	background-image: url(images/bathfordviewfromrailway.jpg);
	background-position: center right;
	background-repeat: no-repeat;
	background-color: #ddd;
	/* display: table-cell; */ /* Needed for alignment of our <h1> */
}

.header h1 {
	margin: 0;
	padding: 0;
}

.date {
	/* Just has the date */
	text-align: right;
	margin: 0 auto 0 auto;
	padding: 0;
	width: 100%;
/*	border-top: solid;*/
}

.date p {
	/* To align the date properly */
	padding: 0;
	margin: 0;
}

/* turned off for now .toplinks, .bottom {	width: 100%;
	margin: 0 auto 0 auto;	padding: 0;*/
/*	border-top: solid;*/
/*} */

.toplinks {
	margin: 0;
	border-bottom: 1px solid #778;
	font: bold 12px Verdana, sans-serif;
}

.toplinks ul {
	margin: 0 0 3px 0;
}

.toplinks li, .bottom li {
	list-style-type: none;
	display: inline;
	margin: 0 ;
}

.toplinks li a {
	padding: 3px 0.5em;
	margin: 0 0 0 3px;
	border: 1px solid #778;
	border-bottom: none;
	background: #DDE;
	text-decoration: none;
}

.toplinks li a:link {
	color: #448;
}

.toplinks li a:visited {
	color: #667;
}


.toplinks li:hover {
	color: #000;
	background-color: #AAE;
	font: bold 12px Verdana, sans-serif;
	border-color: #227;
}

.toplinks li a#current {
	background: white;
	border-bottom: 1px solid white;
}



/*left links navigation rollover and indented list options*/

/*remove bullets, Remove padding and margins */

.leftlinks ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/* float navigation on left*/
/* nb must specify width*/

.leftlinks {
	float: left;
	width: 10em;
}


.leftlinks li {
	margin: 0;
}

.leftlinks p {
	text-align: center;
}

.leftlinks img {
	border: 0;
}

/*convert to a block */

.leftlinks li a

{


display: block;
color: #FFF;
/*background-color: #036;- Dark Blue*/
background-color: #3366cc;
width: 10em;
padding: 3px 12px 3px 8px;
text-decoration: none;
border-bottom: 1px solid #fff;
font-weight: bold;
}


/* add rollover colour*/

.leftlinks a:hover
{
/*background-color: #369; - Medium Blue*/
background-color: #3399FF;
color: #FFF;
}

/*duplicate of block for indented list*/

.leftlinks li li a

{
display: block;


color: #FFF;
/*   colour for indents  */
/*background-color: #69C;- Light Blue */
background-color: #3333FF;
width: 10em;
/*   indent  */
padding: 3px 3px 3px 17px;
text-decoration: none;
border-bottom: 1px solid #fff;
font-weight: normal;
}




.maincontent {
margin: 5px 5px 5px 220px;
vertical-align: top;
}

.maincontent ul {

	list-style-type: none;
	padding: 0;
	margin: 0;
}

.bottom {
	/* clear forces it below floated text*/
	clear: both;
	padding: .5em;
	margin: 0px auto 0px auto;
	text-align: center;
}

.bottom ul {
	margin: 0;
}



.popup
{
COLOR: #9F141A;
CURSOR: help;
TEXT-DECORATION: none
}

a.nav {
display:block;
background-color:blue;
text-decoration:none;
color:white;
padding:2px 5px;
width:4em;
float:left;
}
a.nav:hover {
background-color:white;
color:blue;
}

table {
	padding: 0;
	width: 95%;
	border-width: 0 0 1px 1px;
	border-style: solid;
	border-spacing: 0;
	border-collapse: collapse;
        border-color: #000
}

td, th {
	border-width: 1px 1px 0 0;
	border-style: solid;
	margin: 0;
	padding: 4px;
	vertical-align: top;
}

#timetableday {
	width: 25%;
}

#subject {
	/* Goes onto a newline, but nothing we can do about that */
	width: 100%;
}