/* CSS Document */

/* -- General settings */
body,
html {
	margin: 0;
	padding: 0;
	/*background-image:url(../images/bg.gif);*/
	background-color:#D7D7D7;
	background-repeat:repeat;
	color:#000;
	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:86%;
	}

a {	color:#CC6633;	text-decoration:none; }

a:hover { color:#CC3300; text-decoration:underline; }

p {	margin:0 20px 5px 20px;		line-height:1.5em;}

h1 { 
	text-align:center;
	color:#999999;
	padding:0;
	margin:0;
	font-size:0.01%;
 }

h2 {
	color:#999999;
	font-family:"Trebuchet MS",sans-serif;
	font-size:2em;
	margin-top:0px;
	border-bottom:1px dotted #CCCCCC;
	padding-left:4px;
	}
	
h3 { margin-left:10px;	margin-right:10px; }
	
img { border:none; }
	
#banner {
	text-align:center;
	color:#000000;
	/*background-image:url(../images/banner3.jpg);*/
	height: 192px;
	width: 740px;
	padding-bottom:1px;
	}
	
/*  -- TOP NAVIGATION -- */

#navContainer {

	text-align:left;
  	height: 3em;
  	padding: 3px 0;
	font-weight:bold;
	width:740px;
	
	}

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height:1;
	height:3em;
	}

#nav li:hover, #nav li.sfhover {
	background-color:#666666;
	}
	
	
#nav a {
	display: block;
	width: 8em;
	color:#FFFFFF;
	padding:1.5em 2em 0.5em 0 ;
	text-align:right;
	}

#nav li { /* all list items */
	float: left;
	width: 10em; /* width needed or else Opera goes nuts */
	margin:0 4px 0 0;
	padding:0;
	background-image:url(../images/button-left.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 10em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	background:#009966;
	height:auto;
	background-image:url(../images/button-left.gif);
	background-position:bottom left;
	background-repeat:no-repeat;

	}

#nav li li {
	text-align:centre;
	padding: 0;
	background-image:none;
	margin:0;
	}
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	}

#wrap {
	background-color:#fff;
	margin: 0 auto;
	width:740px;
	border-left:5px solid #FFF;
	border-right:5px solid #FFF;
	}

/* --- SIDEBAR NAVIGATION --- */

#sidebar {
	float:right;
	width:200px;
	margin:10px 0px 0 0;
	}
	
#sidebar h3 {
	height:1.4em;
	font-size:1.2em;
	padding:0 5px;
	margin:0 0 2px 0;
	}

#sidebar p{
	margin:0 0 10px 0;
	padding:5px 2px;
	font-size:0.8em;
	}
	
#sidebar a {
	font-weight:bold;
	font-size:0.9em;
	}

#sidebar div {
	margin-bottom:10px;
	}
	
	
/* --- FULL DETAIL PAGES --- */


#full {
	margin:0 10px;
	
	}

#full img {
	display:block;
	margin: 10px auto;
	padding:10px;
	border:1px solid #CCCCCC;

	}
	

/*  --- HOME PAGE  --  */


/*  --- ROOM HIRE --- */

#hire {
	height:150px;
	width:518px;
	margin-bottom:10px;
	}
	
#hire a {
	display: block;
	width: 518px;
	line-height: 150px;
	min-height: 150px;
	font-size:0.01%;
	text-decoration: none;
    background-repeat:no-repeat;
    background-position: 0px 0px;
	}

#hire a.computer { background-image:url(../images/rooms/it.jpg); }
#hire a.largetraining { background-image:url(../images/rooms/large.jpg); }
#hire a.smalltraining { background-image:url(../images/rooms/small.jpg); }
#hire a.hall { background-image:url(../images/rooms/hall.jpg); }
#hire a.combinedtraining { background-image:url(../images/rooms/combined.jpg); }


#hire a:hover {
	background-position:0 -150px;
	}

/* --- news box --- 

#news {
	margin: 10px 0;
	clear:both;
	float:left;
	background-color:#E9DEEE;
	border: 2px solid #9E86A8;



	}

#news h2{
	height:1.4em;
	font-size:1.2em;
	background-color:#9E86A8;
	padding:0px 5px;
	margin:0;
	border:none;

	}

#news h2 a {
	color:#FFFFFF;
	}
	
#news p {
	padding:0px;
	margin:10px 5px;
	font-size:1em;
	

	
	}

#news p a {
	font-weight:bold;
	color:#006699;
	font-size:0.9em;
	margin-bottom: 5px;
	}

#news p a:hover {
	color:#336699;
	border-bottom:1px solid #CC0000;
	}

	}
#news img {
	float:left;
	margin:0 10px 0 5px;
	border:4px solid #fff;
	}*/
.date {

	color:#999999;
	}
/* -- calendar -- */

#cal label {
	float:none;
	}
	
	
#main {
clear:both;
	float:left;
	border-right:1px dotted #CCCCCC;
	width:525px;
	margin: 10px 0;
	padding-right:5px;
	}

#calendarmain {	
	clear:both;
	width:100%;
	margin: 10px 0;
	padding-right:5px;
	}


/* --- FORM LAYOUTS ----*/

form p{
	clear:left;
	margin: 0;
	padding:5px 0;
	}

	
form p label {
	float:left;
	width: 100px;
	padding-left:10px;
	font: bold 1em Verdana, Arial, Helvetica, sans-serif;
	}	


/* --- FOOTER STUFF --- */	
#footer {
	background: #fff;
	clear:both;
	margin-top:10px;
	border-top: 1px dotted #cccccc;
	padding: 0;

	
	}

#footer img {
	vertical-align:top;
	}	
	
/* --- CALENDAR --- */

#calendar {
	empty-cells:hide;
	width: 100%;
	border:2px solid #CCCCCC;
	margin:0 auto;
	
	}
	
#calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}
	
#calendar a {
	display:block;
	/*background-color:#006666;*/
	color:#CC3300;
	}


#calendar td {
	padding:2px 0;
	font-size:1em;
	height:3em;
	text-align:center;
	background-color:#CCCCCC;
	}
	
#calendar td.weekend {
	background-color:#999999;
	}

#calendar td.blank {
	background-color:#F8F8F4;
	}

/* --WEEK VIEW -- */

#weekview {
	width:650px;
	background-color:#CCCCCC;
	padding:0;
	margin:0 auto;
	border:5px solid #3b6fa0;
	background-image:url(../images/calendarback2.gif);
	background-repeat:repeat-y;
	}

#weekview p.time {
	float:left;
	margin:0;
	width:48px;
	border-left:2px solid #669999;
	text-align:center;	
	}
#days {
clear:left;
	border-top:2px solid #3b6fa0;
	margin-bottom:3px;
	width:100%;
	
	}
#weekview .days {
	clear:left;
	border-top:2px solid #3b6fa0;
	margin-bottom:3px;
	width:100%;
	}

#weekview p.day {
	width:50px;
	float:left;
	padding:0;
	margin:0;
	text-align:center;
	font-weight:bold;
	}

#weekview p.timeblock {
	font-size:9px;
	font-family:verdana;
	padding:2px;
	background-color:#fff;
	border:1px solid #669999;
	margin:3px 0 0 0;
	}
	
	
/*  ---- CLASSES  ------ */

.url {
	font-size:1em;
	color:#999999;
	}

.url:hover {
	color:#CC0000;
	border-bottom:none;
	}
	
.title {
margin-top:5px;
font-weight:600;
background:#D3D185;
background-color:#FFFFFF;
}

.tablecolor {
	background-color:#EEEEEE;
	}

/* --- COLOUR CLASSES --- */


.hometitle { background-color:#89A347;  color:#FFFFFF;}
.home { background-color:#DBE6BF; border:2px solid #89A347; }
.homeheading { border-bottom:2px solid #89A347; }

.whatsontitle {	background-color:#3B6FA0; color:#FFFFFF;}
.whatson { background-color:#C9CFD4; border:2px solid #3B6FA0; }
.servicesbox { border:2px solid #C9CFD4;border-left:5px solid #C9CFD4; padding: 5px; margin-left:120px; margin-bottom:40px;}
.servicesheading { border-bottom:2px solid #3B6FA0; color:#000000; }


.roomtitle { background-color:#B1C3D4;  color:#FFFFFF;}
.room {	background-color:#E9F0F7; border:2px solid #B1C3D4; }
.facilitiesheading { border-bottom:2px solid #B1C3D4; }
	
.newstitle { color:#FFFFFF; background-color:#9E86A8; }
.news {	background-color:#E9DEEE; border:2px solid #9E86A8;	}
.newslink {	color:#006699; }
.newsbox { border:2px solid #E9DEEE;border-left:5px solid #E9DEEE; padding: 5px; margin-left:120px;}
.newsheading { border-bottom:2px solid #9E86A8; clear:left; }


.linkstitle { background-color:#DD6F58; color:#FFFFFF; }
.links { background-color:#E4C9C4; border:2px solid #DD6F58; }
.linksletter { border-bottom:2px solid #DD6F58; }
.linkbox { border:2px solid #E4C9C4;border-left:5px solid #E4C9C4; padding: 5px; margin-left:120px;}
.alignright { margin-left: 100px; }

.abouttitle { background-color:#EEC753; color:#FFFFFF; }
.about { background-color:#F8EABE; border: 2px solid #EEC753; }
.aboutbox { border:2px solid #F8EABE;border-left:5px solid #F8EABE; padding: 5px; margin-left:120px; margin-bottom:60px;}
.aboutheading { border-bottom:2px solid #EEC753; }


.admin { background-color:#CCCC33; }

.intouchtitle { color:#FFFFFF; background-color:#89A347; }
a.intouchtitle:hover {}
.intouch { background-color:#C9EFAF; border:2px solid #8DDE58; }



.leftfloat {
	float:left;
	margin:0 10px;
	}	
	
.rightfloat {
	float:right;
	margin:0 10px;
	border-left:10px solid #ffffff;
	}

.frontfloat{
	float:left;
	}

.frontfloat:hover {
	background-color:#89A347;
	}
acronym {border-bottom: 1px #333 dotted; cursor:help; font-style:normal}


.accesskey {
	text-decoration:underline;
	}	
	
.contactTop {
	padding:0;
	margin:0;
	text-align:right;
	border-bottom:1px dotted #CCCCCC;
	

	}