html, body {
	width: 100%;
}
body {
	margin: 0;
	padding: 0;
}
#container {
	position: relative;
	width: 940px;
	margin: 0 auto;
}

/* TOP OF PAGE */

#header {
	position: relative;
	width: 100%;
	background: #000;
	height: 99px;
}
#header #form {
	position: relative;
	width: 940px;
	margin: 0 auto;
	position: relative;
	height: 46px;
	padding: 53px 0 0 0;
	background: url(../images/logo_hartpury.gif) no-repeat;
	text-align: right;
}
#header #form input {
	vertical-align: top;
}
#header #form input.text {
	background: #000 url(../images/search_text_background.gif) no-repeat;
	color: #c3c3c3;
	border: none;
	width: 143px;
	padding: 7px 11px 0 11px;
	height: 23px;
	font-weight: bold;
}

/* CONTENT */

#content {
	position: relative;
	width: 940px;
	margin: 5px 0 35px 0;
}

/* HEROS */

.hero_overlay_001, .hero_overlay_003 {
	position: absolute;
	top: 17px;
	left: 242px;
	width: 377px;
	background-color: #FFF;
	padding: 6px 12px 11px 12px;
	font-size: 1.1em;
}
.hero_overlay_001 p, .hero_overlay_002 p {
	line-height: 1.2em;
	font-weight: bold;
}
.hero_overlay_001 h1 {
	font-size: 1.3em;
	margin-bottom: 0.4em;
}
.with_image {
	left: 142px;
	width: 477px;
}
.with_image .col_left {
	position: relative;
	width: 90px;
	padding: 12px 6px 6px 6px;
	float: left;
}
.with_image .col_left img {
	border: 7px solid #ebebeb;
}
.with_image .col_right {
	position: relative;
	width: 350px;
	float: right;
}
.hero_overlay_001 p, .hero_overlay_003 p {
	color: #747474;
}
.hero_overlay_002 {
	position: absolute;
	top: 14px;
	left: 0;
	width: 196px;
	background-color: #FFF;
	padding: 4px 4px 0 8px;
	font-size: 1.1em;
}
.hero_overlay_002 p {
	margin-bottom: 0.7em;
	font-weight: bold;
	color: #000000;
}
.hero_overlay_003 {
	top: 27px;
	left: 31px;
}
.hero_sub_arrow, .hero_play_video {
	position: absolute;
	right: 0;
	bottom: 0;
}
div.hartpury_slideshow {
	position: relative;
	width: 435px;
	padding: 0 15px;
	margin: 25px 0;
	background: url(../images/box_465_mid.gif) repeat-y #0F0;
}
div.hartpury_slideshow img.top, div.hartpury_slideshow img.btm {
	margin: 0 -15px;
}
div.hartpury_slideshow img.btm {
	float: left;
}
div.hartpury_slideshow a.left, div.hartpury_slideshow a.right {
	position: relative;
	display: block;
	width: 33px;
	height: 33px;
	margin: 12px  12px 0 12px;
}
div.hartpury_slideshow a.left {
	float: left;
	margin-left: 0;
	background: url(../images/slideshow_arrow_left_off.gif);
}
div.hartpury_slideshow a.left:hover {
	background: url(../images/slideshow_arrow_left_on.gif);
}
div.hartpury_slideshow span.text {
	position: relative;
	display: block;
	width: 345px;
	float: left;
	padding-top: 20px;
	font-size: 1.1em;
	color: #666666;
	text-align: center;
}
div.hartpury_slideshow a.right {
	float: right;
	margin-right: 0;
	background: url(../images/slideshow_arrow_right_off.gif);
}
div.hartpury_slideshow a.right:hover {
	background: url(../images/slideshow_arrow_right_on.gif);
}
div.thumbnails {
	position: relative;
	margin: 25px 0;
}
div.thumbnails p {
	position: relative;
	float: left;
	width: 144px;
	margin: 0 14px 20px 0;
}
div.thumbnails p img {
	padding: 8px;
	background: #efefef;
	border: 1px solid #dadada;
	margin: 0 0 14px 0;
}
div.thumbnails p.last {
	margin-right: 0;
	float: right;
}
	
/* COLUMNS */

div.test div {
	background: #FFC;
}
div.col {
	position: relative;
	width: 60px;
	margin: 0 10px;
	float: left;
}
div.first {
	margin-left: 0;
}
div.last {
	margin-right: 0;
}
div.ab, div.kl {
	width: 140px;
}
div.abc, div.def, div.ghi, div.jkl {
	width: 220px;
}
div.abcdef, div.defghi, div.ghijkl {
	width: 460px;
}
div.abcdefghi, div.defghijkl {
	width: 700px;
}
div.row_002 {
	margin-top: 14px;
}

/* RH COL */

div.shaded {
	position: relative;
	border: 1px solid #dadada;
	border-top-color: #ffffff;
	background-color: #efefef;
	padding: 8px 10px 4px 10px;
	float: left;
}
div.shaded p {
	line-height: 1.2em;
}
div.abc div.shaded, div.def div.shaded, div.ghi div.shaded, div.jkl div.shaded {
	width: 198px;
}
div.jkl, ul.side_nav {
	font-size: 0.85em;
}
div.first_shaded {
	border-top-color: #dadada;
}
div.shaded p.title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #000;
}
div.shaded span.posted {
	color: #999;
	font-size: 0.8em;
}
div.shaded span.posted a {
	color: #999;
}
ul.arrows {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.arrows a {
	display: block;
	color: #333;
	padding-left: 13px;
	background: url(../images/bullet_red_arrow.gif) no-repeat left 2px;
}
div.blockquote {
	line-height: 1.4em;
	margin-left: -20px;
	width: 140px;
}
div.blockquote .lighter {
	color: #666;
}
form.research_search input.text {
	height: 30px;
}
form.research_search input.sbumit {
	position: relative;
	float: right;
}

/* BOTTOM OF PAGE */
	
#twitter {
	position: relative;
	width: 682px;
	float: left;
	background: #efefef;
	border: 1px solid #dadada;
	padding: 8px 8px 0 8px;
	margin-top: 14px;
}
#twitter p.follow_us {
	position: relative;
	width: 135px;
	float: left;
	margin: 0;
	font-family: Georgia, Verdana, Geneva, sans-serif;
	font-style: italic;
	color: #535353;
	text-align: center;
}
#twitter p.tweet {
	position: relative;
	width: 518px;
	float: right;
	margin: 0 0 8px 0;
	padding: 8px;
	background: #fff;
	border: 1px solid #dadada;
	color: #535353;
	font-size: 1em;
}
#twitter p.tweet span.tweet_title {
	color: #64b3d9;
	font-weight: bold;
}
#footer {
	position: relative;
	width: 940px;
	border-top: 1px solid #c3c3c3;
	margin: 17px 0 0 0;
}
#footer ul {
	position: relative;
	margin: 0;
	padding: 35px 0 0 0;
	float: left;
	list-style: none;
	color: #6d6d6d;
	font-size: 0.8em;
}
#footer ul li {
	float: left;
	padding-right: 10px;
	border-right: #6d6d6d solid 1px;
	margin-right: 10px;
}
#footer ul li.last {
	border-right: none;
}
#footer ul li a {
	color: #6d6d6d;
	text-decoration: none;
}
#footer ul li a:hover {
	text-decoration: underline;
}
#footer img.uwe_logo {
	position: relative;
	float: right;
}
#footer img.ofsted_logo {
	padding-left:1px;
	position: relative;
	float: right;
}
.social_networks img {
	float: left;
}

/* MISC */

input {
	font-size: 1em;
}
input.text, textarea {
	width: 150px;
}
textarea {
	height: 100px;
}
input.narrow, textarea.narrow {
	width: 75px;
}
input.wide, textarea.wide {
	width: 300px;
}
.spacer {
	position: relative;
	display: block;
	float: none;
	height: 0;
	line-height: 0;
	clear: both;
	width: 100%;
}
div.convenient_wrapper {
	position: relative;
	width: 700px;
	/* height: 277px; */
	float: left;
}
.gap_above {
	padding-top: 30px;
}
.uwe_logo_top {
	float: right;
}
fieldset {
	border: none;
	margin: 0;
	padding: 0;
}
p.breadcrumb_trail {
	margin-bottom: 15px;
}
p.breadcrumb_trail, p.breadcrumb_trail a {
	color: #999;
}
p.breadcrumb_trail a:hover, p.breadcrumb_trail a.selected {
	color: #000;
}
#slider ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

div.feedback {
	position: relative;
	border-top: 1px solid #c3c3c3;
	margin: 17px 0 0 0;
	padding: 17px 0 0 0;
}
div.feedback img {
	position: relative;
	border: 1px solid #dadada;
	background-color: #efefef;
	padding: 7px;
	float: left;
}
div.feedback p {
	position: relative;
	float: right;
	width: 280px;
}
div.feedback p.title {
	font-size: 1.4em;
}

.separator_above {
	border-top: 1px solid #c3c3c3;
	margin-top: 17px;
	padding-top: 17px;
}

div.news {
	padding: 10px;
}
p.news_caption {
	padding: 11px;
	margin: 0;
}