* {margin: 0; padding: 0;}
body {
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	line-height: 1.7em;
	color: #555;
	text-align: center;
	}
#wrapper { text-align: left;
			margin: 10px auto 0 auto;
			padding-top: 97px;
			width: 684px;}
#header { position: absolute;
		 top: 12px; 
		 background: url(../images/header.gif) 0 0 no-repeat;
		 width: 684px; height: 105px;
		 text-indent: -5000px;
		 }
#content { background-color: #eaf7fc; padding: 20px; padding-top: 6em; border-left: 149px solid #b9d9e6; }
.welsh #content {border-color: #1f3685}
.clear {clear: both}
.prop {float: left;
		width: 1px;
		display: block;
		height: 400px;}

#footer {background: #fff url(../images/footer-gradient.gif) 0 0 repeat-x;
		padding: 1px 10px;}

img.left {float: left;
			margin: 5px 5px 5px 0;}
			
img.right {float: right;
			margin: 5px 0px 5px 5px;}
		 

p {margin: 10px 0;
	font-size: 1.2em;}
a:active { text-decoration:none; color: #fff
; background-color: #159ac4; }
a:link {
	text-decoration:none;
	color: #159ac4
}
a:visited {
	text-decoration:none;
	color: #159ac4
}
a:hover {
	text-decoration:underline;
	color: #000080
}

h1 { text-align: center; 
	font-size: 2.5em; 
	font-weight: bold; 
	color: #1f3685; 
	line-height: 1.3em;
	margin: 0 10px 10px 10px; }
h2 {text-align: center; 
	font-size: 2em; 
	font-weight: normal; 
	color: #4752ab;
	margin: 10px 0;}
h3 {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #159ac4
}
h4 { color: #1f3685; font-size: 14px; font-weight: bold; text-align: left; }
td {
	font-family: arial, helvetica;
	font-size: 1em;
	color: Black;
	vertical-align : top;
}
th {font-family: arial, helvetica; text-align: center; font-size: 10px; color: #EEEEEE}

i {font-family: arial, helvetica; font-size: 10px; font-style: italic; color: #EEEEEE}

ul { color: #19a8c8; font-size: 1.2em; 
	margin: 10px 50px;}
li { color: #3b3b3b; margin: 10px 0; }


/* Quotations */
q, cite {color: #159ac9;
		margin: 30px ;
		 display: block; 
		 font-family: Georgia, "Times New Roman", Times, serif;
		 font-size: 1.5em;
		 line-height: 1.5em;}
q:before, q:after
				  {color: #159ac4;
					font-size: 2em;}					
q p {margin: -20px 0 20px 0; padding: 0 20px 0px 50px;}
cite {text-align: right;
				font-weight: bold;
							margin:0px 40px 30px 40px;}

/* Floated Side Column and Central Panel */
.side-col, .panel
			{width: 200px;
			float: right;
			background: #fff;
			margin: 0 0 10px 10px;
			border: 1px outset #fff;}
.side-col h2, .panel h2
				{background: #159ac4;
				padding: 10px;
				margin: 0;
				color: #fff;
				font-size: 1.6em;
				font-weight: bold;}
.side-col p, .side-col h3, .side-col h4, 
.panel p, .panel h3, .panel h4 
			{margin: 10px;}
.side-col h3, .panel h3  
				{color: #159ac4;
				text-align: center;}
.side-col h4, .panel h4
				 {font-size: 1.1em;
				 margin: 0 10px;
			  	text-align: right;}
.side-col .date, .panel .date 
				{font-style: italic;
				 font-size: 1em;
				 color: #888;
			  margin: 20px 10px 0 10px;
				 text-align: right;}			  

/* Central Panel - Same as side-col, but centred and takes up whole screen */
.panel {float: none;
		position: relative;
		margin: 10px;
		width: auto;}

/* Main Menu */
#menu {position: absolute;
		top:100px; 
		margin-left: -170px;
		border-top: 5em solid #eaf7fc;
		width: 150px;
		}
#menu ul {	list-style-type: none; 
			list-style-position: inherit;
			margin: -3px 0 0 0px;
			font-size: 1.4em;
			font-weight: bold;
			border-top:2px #777 solid; }
#menu ul li { margin: 0 2px;
			 }
#menu ul li a { display: block; padding: 10px 5px 10px 30px; background: url(../images/menuarrow2.gif) no-repeat 0 10px; }			
#menu ul li a:hover { background: url(../images/menuarrow1.gif) no-repeat 2px 10px; }			
#menu a {color: #58599b;  }
.welsh #menu li a {color: #159ac4; background-image: url(../images/wenuarrow2.gif)}
#menu a:hover { color: #020281; text-decoration: none; }
.welsh #menu li a:hover { color: #b9d9e6; text-decoration: none; background-image: url(../images/wenuarrow1.gif);}

#menu a#lang {	position: absolute;
				top:-2.5em; left: 0;
				width: 140px;
				text-align: center;
				font-size: 1.5em;
				line-height: 2em;
				font-weight: bold}
#menu div {margin: 5px;
			top: 20px;
			position: relative;
			font-size: 1.2em;
			text-align: center;
			font-weight: bold;}
.welsh #menu div {color: #fff}			

/* Tabbed Info Menu */
#infomenu {background: #fff;
			position: absolute;
			top:109px;
			width: 534px;
			margin-left: -20px;
			padding-top: 10px;
			background: #fff url(../images/menu-gradient.gif) 0 100% repeat-x;
			border-bottom: 2px solid #888;}
#infomenu ul { list-style-type: none; text-align: right; display: block; margin: 0 10px; list-style-image: none; }
#infomenu ul li {display: block; 
				float: right;
				margin: 0 -1px 0px 0;}
#infomenu ul li a {	margin: 0 0 -1px 0; padding: 5px 10px;
					display: block;
					border: 1px solid #999;}

.home #infomenu ul li#home-nav a,
.about #infomenu ul li#about-nav a,
.contact #infomenu ul li#contact-nav a,
.find #infomenu ul li#find-nav a,
.links #infomenu ul li#links-nav a
 {background: #eaf7fc; 
 font-weight: bold;
  border: 2px solid #666; 
  border-bottom: 1px solid #eaf7fc;
  margin-bottom: -2px; 
  color: #000080}
#infomenu ul li a:hover { 	text-decoration: none; 
							border-bottom: 1px solid #999; 
							border-top-width: 1px; 
							border-right-width: 1px; 
							border-left-width: 1px; }					
							
/* Styling Forms */
fieldset {
  padding: 2em 1em;
  border: 0; border-top: 2px solid #59f;
  background: #fff;
  }
label {
  float:left;
  width:25%;
  margin-right:0.5em;
  padding-top:0.2em;
  text-align:right;
  font-weight:bold;
  }
input, select, textarea {border: 1px solid #666; margin: 1px;}


/* Styling in definition lists - i.e. list of links */							
dl { margin: 10px;
	 font-size: 1.2em;}
dt {position: relative;
	margin: 0; padding: 10px 0 0 0;
	display: block;}
dt strong{display: block;
			font-size: 1.2em;	
			font-weight: bold;}	
dd {position: relative;
	margin:  0; padding: 0 0 20px 0;
	display: block;}		 

/* Timetable */	
.timetable {border: 1px solid #777; font-size: 1em; margin: 10px 0; }
.timetable .row, .timetable td {
				 border-bottom: 1px solid #58f;
				 padding: 0; margin: 0;}
/* Day of the Week*/
.timetable .day 
								{font-size: 1.5em;
								 padding: 3em 4px;
								 font-weight: bold;} 
.timetable td {width: 103px;
				 margin: 0;
				 padding: 10px;
				 text-align: center;}

.timetable b, .timetable strong {display: block}
.timetable b {color: #4752ab; font-weight: normal;}

/* Row of Times  */
.row.time{
					font-weight: bold;
					font-size: 0.9em;
					margin: 0;} 
					
/* Alternate Row colours*/					
.timetable .row
{background: #afdff1;}

/* For Colin's De-bugging */
.debug {position: relative;
	 	margin: 0 auto;	 	
	 	width: 600px;
	 	padding: 0.3em;
	 	z-index: 2000;
	 	background: #fff;
	 	font-size: 1.1em;
	 	font-family: Arial;
	 	display: block;
	 	text-align: center;
	 	border: 1px solid #ccc 
}