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

* {
	margin: 0px;
	padding: 0px;
}
#main-nav li {
	display:inline;
}

h2 {font-weight:normal;}
body { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:70%;
	color:#333;
	line-height:1.6em;
	font-weight:normal;
	 }
img {
	border:none;
}
a, a:link, a:active, a:focus { 
	color: #0099CC;
	text-decoration:none;
	}
ul { padding:15px 0px 0px 25px; list-style:disc; }
li {}
#header-x {
	height: 152px;
	width: 100%;
	background-image: url(../images/site-layout/header-x.png);
	background-repeat: repeat-x;
	background-position: bottom;
}
#header {
	height: 152px;
	width: 930px;
	margin-right: auto;
	margin-left: auto;
	font-family: Arial, Helvetica, sans-serif;
	color: #8e8e8e;
}
#top-nav {
	height: 14px;
	width: 930px;
	font-size: 11px;
	text-align: right;
	padding-top: 20px;
	padding-bottom: 5px;
}
#top-nav a {
	color: #8e8e8e;
	text-decoration: none;
	margin-left: 10px;
	margin-right: 5px;
}
#top-nav a:hover {
	color: #666666;
}
#header-left {
	float: left;
	height: 89px;
	width: 330px;
}
#header-right {
	float: right;
	height: 89px;
	width: 600px;
}
#main-nav {
	height: 38px;
	width: 600px;
	line-height:1em;
	background-image: url(../images/site-layout/nav.png);
}
#header-end {
	height: 43px;
	width: 600px;
}
#header-contact {
	float: left;
	height: 23px;
	width: 386px;
	font-size: 13px;
	padding-top: 20px;
}
#search {
	float: right;
	height: 33px;
	width: 214px;
	margin-top: 10px;
}
.search-input {
	float:left;
	width: 174px;
	color: #999999;
	height: 14px;
	padding: 3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	margin:0 3px 0px 0px;
}
#content-x {
	height: 186px;
	width: 100%;
	background-image: url(../images/site-layout/blue-x.gif);
	background-repeat: repeat-x;
}
#content2-x {
	height: 186px;
	width: 100%;
	background-image: url(../images/site-layout/con-bg.png);
	background-repeat: repeat-x;
}
#content2-img {
	height: 186px;
	width: 100%;
	background:#000;
	background-repeat: no-repeat;
	background-position: center;
}
#mid-text-h {
	font-family: Calibri, Arial, Verdana, Sans-serif;
	font-size: 18px;
	color: #000000;
	font-weight: bold;
	margin-top: 10px;
	padding-bottom: 70px;
	line-height: 22px;
}
#content {
	height: 326px;
	width: 930px;
	margin-right: auto;
	margin-left: auto;
}
#content img {
	float: left;
}
#text-x {
	width: 100%;
	background-image: url(../images/site-layout/text-x.png);
	background-repeat: repeat-x;
	padding-top: 1px;
	margin-top: 130px;
}
#text-con-x {
	width: 100%;
	background-image: url(../images/site-layout/text-x.png);
	background-repeat: repeat-x;
}
#text-wrapper {
	width: 932px;
	margin: 0px auto;
	border: 1px solid #CCCCCC;
	border-bottom:none;
	color: #000000;
	position: relative;
	background-image: url(../images/site-layout/text-bg.png);
	background-repeat: repeat-y;
}
#text-left {
	width: 172px;
	float: left;
	padding-top: 10px;
	padding-left: 10px;
}
/*#text-left a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #0099CC;
	font-weight: normal;
	padding-left: 5px;
	width: 72px;
	height: 10px;
	display: block;
}
#text-left a:hover {
	color: #0033CC;
}*/
#text-left2 {
	width: 182px;
	float: left;
	/*background-image: url(../images/site-layout/nav2-bg.png);*/
	background-repeat: repeat-x;
}
text-left2 ul { padding:0px; }

#text-middle {
	width: 540px;
	float: left;
	margin-top: 1px;
	padding: 10px;
	padding-bottom:40px;
}

.findus {
	width:540px;
	margin-left:10px;
	padding-top:10px;
	float:left;
}

.contact-left {
	width: 280px;
	float: left;
}

.contact-right {
	width: 260px;
	float: left;
}

h1 {
	background-image: url(../images/site-layout/welcome.png);
	background-repeat: no-repeat;
	background-position: bottom;
	font-family: Calibri, Arial, Verdana, Sans-serif;
	font-size: 2.2em;
	line-height:1.0em;
	letter-spacing:-0.2px;
}
h1.middle-header {
	background-image: url(../images/site-layout/welcome.png);
	background-repeat: no-repeat;
	height: 60px;
	width: 540px;
	background-position: bottom;
	font-family: Calibri, Arial, Verdana, Sans-serif;
	font-size: 2.2em;
	line-height:1.0em;
}
h2 {
	font-family: Calibri, Arial, Verdana, Sans-serif;
	font-size: 1.6em;
	color: #000000;
	margin: 15px 0px 5px 0px;
}
.middle-text {
	float:left;
	width:100%;
	font-size:1.1em;
}
a.readmore {
	float:left;
	text-decoration: none;
	color: #0099CC;
	padding-right: 10px;
	background-image: url(../images/site-layout/triangle.png);
	background-repeat: no-repeat;
	background-position: right 1px;
	margin: 5px 0px 10px 0px;
	line-height: 12px;
}
a.readmore:hover {
	color: #0033CC;
}
.middle-text  img {
	float: right;
}
.content2 {
	width: 540px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #383838;
	line-height: 16px;
}
.con2-img {
	float: left;
	height: 162px;
	width: 162px;
	margin-right: 5px;
}
.con3-img {
	float: left;
	height: 100px;
	width: 90px;
	margin-right: 5px;
}
.con2-text {
	float: left;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #383838;
	line-height: 16px;
}
.page-download {
	width: 270px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #383838;
	float:left;
}
.download-image {
	float: left;
	height: 22px;
	width: 22px;
	margin-right: 5px;
}
#text-right {
	float: left;
	width: 168px;
	padding: 10px;
}
#text-right a:hover { 
	opacity:0.8; 
}
#text-bottom {
	height: 10px;
	width: 934px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/site-layout/text-bottom.png);
	clear: both;
}
#also {
	background-image: url(../images/site-layout/also-bg.png);
	height: 74px;
	width: 638px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-left: 300px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#also a:hover { 
	opacity:0.8; 
}
#footer {
	width: 938px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/site-layout/footer-bg.png);
	background-repeat: no-repeat;
	background-position: center top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #797979;
	line-height: 16px;
}
#footer a {
	font-family: Arial, Helvetica, sans-serif;
	color: #252525;
	text-decoration: none;
}
#footer a:hover {
	color: #797979;
	text-decoration: none;
}
#footer-top {
	width: 938px;
	padding-top: 25px;
}
#footer-bottom {
	height: 90px;
	width: 938px;
	padding-top: 5px;
}
#footer-left {
	float: left;
	width: 770px;
}
#footer-right {
	float: right;
	width: 168px;
}
#footer-right a:hover { 
	opacity:0.8; 
}
.clear {
	clear: both;
}

#main-nav ul, #text-left2 ul { padding:0px; }

#main-nav li {
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#main-nav li a {
	text-decoration: none;
	text-align: center;
	display: block;
	float: left;
}
#main-nav li a:hover {
	color: #FFFFFF;
}
.nav-one a {
	color: #2a2929;
	width: 68px;
	height: 24px;
	padding-top: 14px;
}
.nav-one a:hover {
	background-image: url(../images/nav/one-ro.png);
}
.nav-two a {
	color: #2a2929;
	width: 97px;
	height: 24px;
	padding-top: 14px;
}
.nav-two a:hover {
	background-image: url(../images/nav/two-ro.png);
}
.nav-three a {
	color: #2a2929;
	width: 122px;
	height: 31px;
	padding-top: 7px;
}
.nav-three a:hover {
	background-image: url(../images/nav/three-ro.png);
}
.nav-four a {
	color: #2a2929;
	width: 90px;
	height: 24px;
	padding-top: 14px;
}
.nav-four a:hover {
	background-image: url(../images/nav/four-ro.png);
}
.nav-five a {
	color: #2a2929;
	width: 104px;
	height: 24px;
	padding-top: 14px;
}
.nav-five a:hover {
	background-image: url(../images/nav/five-ro.png);
}
.nav-six a {
	color: #2a2929;
	width: 119px;
	height: 24px;
	padding-top: 14px;
}
.nav-six  a:hover {
	background-image: url(../images/nav/six-ro.png);
}
.sel-one a {
	width: 68px;
	height: 24px;
	padding-top: 14px;
	background-image: url(../images/nav/one-ro.png);
	color: #FFFFFF;
}
.sel-two a {
	width: 97px;
	height: 24px;
	padding-top: 14px;
	background-image: url(../images/nav/two-ro.png);
	color: #FFFFFF;
}
.sel-three a {
	width: 122px;
	height: 31px;
	background-image: url(../images/nav/three-ro.png);
	color: #FFFFFF;
	padding-top: 7px;
}
.sel-four a {
	width: 90px;
	height: 24px;
	padding-top: 14px;
	background-image: url(../images/nav/four-ro.png);
	color: #FFFFFF;
}
.sel-five a {
	width: 104px;
	height: 24px;
	padding-top: 14px;
	background-image: url(../images/nav/five-ro.png);
	color: #FFFFFF;
}
.sel-six a {
	width: 119px;
	height: 24px;
	padding-top: 14px;
	background-image: url(../images/nav/six-ro.png);
	color: #FFFFFF;
}
#text-left2  li {
	list-style-type: none;
}
#text-left2 
li  a {
	color: #242424;
	height: 32px;
	width: 182px;
	display: block;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 32px;
	font-size: 13px;
	font-weight: normal;
	text-indent: 10px;
	border-bottom: 1px solid #CCCCCC;
}
#text-left2   li.selected   a {
	background-color: #112451;
	color:#fff;
}
#text-left2 .navigate a:hover {
	background-color: #112451;
	color:#fff;
}

.intro { float:left; width:100%; padding:0px 0px 10px 0px; font-size:1.1em; margin:0px 0px 15px 0px; border-bottom:1px #dedede dotted; }

.event { float:left; opacity:0.8; width:100%; padding:5px 0px; border-bottom:1px solid #e7e7e7; }
.event:hover { opacity:1; }
.date { float:left; width:46px; color:#999; margin:0px 10px 0px 0px; }
.date img { float:left; }
.event-title { float:left; color:#0099CC; font-size:1.3em; }
.search-title { float:left; color:#0099CC; font-size:1.3em; }
a.details-button { font-size:0.7em; color:#000; background:url(../images/display/red-arrow.gif) no-repeat left; padding:0px 0px 0px 7px; margin:0px 0px 0px 5px;  }


.main-event { opacity:0.8; float:left; background:url(../images/display/main-event-bg.gif) repeat-y; padding:5px 0px; width:100%; padding:5px 0px; border-bottom:1px solid #e7e7e7; border-top:1px solid #e7e7e7; }
.main-event:hover { opacity:1; }
.event-image { float:right; margin:0px 10px 0px 10px; padding:2px; background:#fff; border:1px solid #dedede; }
.event-image2 { float:left; margin:0px 10px 0px 10px; padding:2px; background:#fff; border:1px solid #dedede; }
.event-text { float:right; width:295px; }
.search-text { float:right; width:487px; }

.accommodation { opacity:0.8; float:left; background:url(../images/display/main-event-bg.gif) repeat-y; padding:5px 0px; width:100%; padding:5px 0px; border-bottom:1px solid #e7e7e7; border-top:1px solid #e7e7e7; margin:0px 0px 10px 0px; }
.accommodation:hover { opacity:1; }

.search { opacity:0.8; float:left; background:url(../images/display/main-event-bg.gif) repeat-y; padding:5px 0px; width:100%; padding:5px 0px; border-bottom:1px solid #e7e7e7; border-top:1px solid #e7e7e7; margin:0px 0px 10px 0px; }
.search:hover { opacity:1; }

.breadcrumb { float:left; width:100%; color:#999;  }
.breadcrumb a { margin:0px 5px 0px 0px;  color:#999; }
.breadcrumb a:hover { color:#335CD6; }


.download { float:left; width:50%; font-size:1.1em; padding:5px 0px; border-bottom:1px dotted #e7e7e7; }
.download:hover {  background:#f4f4f4; }
img.head-img-link {position:relative;}

.search-field {float:left;}
.search-btn {float:right;}

a.downloads-button { float:left; background:url(../images/downloads.gif); text-indent:-9999em; width:165px; height:135px; }
a.downloads-button:hover { background-position:bottom; }

a.downloads-button-inner { float:left; margin-left:10px; background:url(../images/downloads.gif); text-indent:-9999em; width:165px; height:135px; }
a.downloads-button-inner:hover { background-position:bottom; }

.home-button { float:left; width:207px; background:url(../images/pics/pic-bg.png) no-repeat top left;  width:207px; height:250px;   margin:-20px 0px 0 15px; padding:3px 4px;  }
.pic-bg { float:left; width:207px; height:240px; overflow:hidden;   }
.probutton { float:left; margin:0px 0px 0px -4px; }


.download-size { color:#999; }

.twitter { float:right; margin:0px 0px 0px 25px;  }


.form-title { float:left; width:100%;margin:5px 0 0 0; }
.forminput { float:left; width:250px;  border:solid 1px #dedede; padding:5px; font-family:Arial, Helvetica, sans-serif; font-size:12px;  }
.forminput:focus { border:solid 1px #61A7D8; color:#3f8bc0; background:#D8F1FE; }

a.open-day-teaser { float:left; width:820px; height:29px; text-shadow:1px 1px 1px #fff; background:url(../images/display/openday-teaser.png); font-size:1.3em; color:#112451; padding:11px 0 0 110px;  overflow:hidden; margin:-40px 0 0 0;} 
a.open-day-teaser:hover { background-position:bottom; }

.newsletter input { float:left; color:#999; width:150px; border:1px solid #dedede; padding:3px; border-radius:5px;  -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; }
.newsletter input:focus { border:1px solid #5ca7dc; color:#5ca7dc; outline:none; }
.newsletter input.submit { float:left; background:#5ca7dc; width:70px; height:25px; padding:0; margin:5px 0 10px 0; font-size:1em; color:#fff; border-radius:5px;  -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; }

.newsletter-teaser { float:left; width:160px;  margin:0 0 0 10px; }
.newsletter-teaser-home { float:left; width:160px;  margin:0 0 0 0px; }

.open-days-holder { float:left; width:518px; padding:10px; margin:10px 0; background:#f4f4f4; border:1px solid #dedede; }
.open-days-holder img { float:left; margin:0 10px 0 0; }
.open-day-dates { float:left; color:#999; }
.open-days-holder p strong { color:#509dd3; font-size:1.2em;  } 
.enquiry { float:right; width:300px; background:#f4f4f4; border:1px solid #dedede; padding:10px; margin:10px 105px 10px 10px; }
.enquiry legend { font-size:1.4em; color:#509dd3; } 
.enquiry label { float:left; width:100%; }
.enquiry input { float:left; width:250px; padding:4px; border:1px solid #dedede;  border-radius:5px;  -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; }
.enquiry textarea { float:left; width:250px; padding:4px; border:1px solid #dedede;  border-radius:5px;  -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; }

.enquiry textarea:focus, .enquiry input:focus {border:1px solid #5ca7dc; color:#5ca7dc; outline:none; }

.offer { float:left; width:172px; }

.enquiry input.submit-enquiry { float:left; margin:0; padding:0; width:85px; height:31px;  }


.things-to-do { float:right; width:188px; margin:-20px 0px 10px 10px }

ul.todo-list { float:left; padding:0; margin:0; list-style:none; }
ul.todo-list li  { float:left; width:188px; height:32px; overflow:hidden; }
ul.todo-list li a { float:left; background:url(../images/display/todo-item-bg.gif); padding:7px; width:174px; height:18px; overflow:hidden; }
ul.todo-list li.selected a { float:left; background:url(../images/display/todo-item-bg.gif); color:#fff;  background-position:0 -64px; padding:7px; width:174px; height:18px; overflow:hidden; }
ul.todo-list li a:hover { background-position:0 -32px; }