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

body {
	background-color: #ffffff;
}
#container {
	margin: 20px 20px 20px 40px;
}
a {
	cursor: pointer;
}

/* HEADER___________________________________________________ */
#header h1 {
	background: url(../images/aldenham-logo.jpg) no-repeat;
	width: 200px;
	height: 142px;
	text-indent: -900em;
	float: left;
	display: block;
}
#header h1 a{
	display: block;
	width: 200px;
	height: 142px;
}
#header #nav {
	background: url(../images/header.jpg) no-repeat; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 30px;
	height: 147px;
	margin-left: 200px;
}
#header #nav .radmenu{
	background: url(../images/header-nav.jpg) no-repeat;
	background-position: 0 117px;
	padding-top: 117px;
}
#header #nav li{
	display: inline;
}
#header #nav li a{
	display: inline-block;
	padding: 0 16px;
	font-weight: bold;
	color: #026f21;
	cursor: pointer;
}
#header #nav .vertical li a{
	background: #ffffff url(../images/subnav.jpg) repeat-x;
	line-height: 26px;
}
#header #nav .vertical{
	border-left: 1px #cccccc solid;
	border-right: 1px #cccccc solid;
}
#header #nav .vertical li a:hover{
	background: #ffffff url(../images/subnav.jpg) repeat-x;
	background-position: 0 -26px;
}
#header #nav .vertical li{
	line-height: 26px;
}
#header #nav li a:hover{
	background: #4a8324 url(../images/nav-bg.jpg) repeat-x;
	color: #ffffff;
}

/* MAIN___________________________________________________ */
#main {
	background: #ffffff url(../images/main-bg.jpg) repeat-y; /*to extend menu background down as far as content*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #515559;
	width: 100%; /*liquid*/
	position: relative; /*liquid*/
	clear: both;
}
#main p, #main ul {
	margin-bottom: 20px;
}
#main h1, #menu h2, #main h3, #main h4, #main h5, #main h6 {
	margin-bottom: 10px;
	color: #026f21;
}
#menu h2 {
	margin: 10px 0 ;
	color: #026f21;
}
#main h1{
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 1px;
}
#main h3{
	margin-bottom: 7px;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
}
#main a {
	color: #0376ab;
	cursor: pointer;
}
#main a:hover {
	color: #7bb61d;
}
#main #content {
	margin-left: 200px; /*make space for menu*/
	padding: 25px;
}
#main #updatesBox {
	float: left;
	width: 70%;
}
#main #linksBox {
	float: right;
	width: 20%;
	padding: 15px 0 0 25px;
	margin-bottom: 20px;
	border-left: #eaebe9 solid 2px;
}
#main #linksBox li {
	margin-bottom: 14px;
	line-height: 14px;
}
#main #banners {
	height: 116px;
	background: #eaebe9 url(../images/banner-bar-shadow.jpg) left repeat-y;
	margin-bottom: 20px;
	margin-left: 201px; /*make space for menu and 1px border*/
	border-left: #ffffff 1px solid;
	position: relative;
	clear: both;
}
#main #banners a{
	text-indent: -900em;
	cursor: pointer;
	position: absolute;
}
#main #banners #aroundRadlett{
	background: url(../images/banner-around-radlett.jpg) no-repeat;
	width: 204px;
	height: 91px;
	top: 18px;
	left: 25px;
}
#main #banners #aroundRadlett:hover{
	background-position: 0 -91px;
}
#main #banners #officialGuide{
	background: url(../images/banner-official-guide.jpg) no-repeat;
	width: 204px;
	height: 81px;
	top: 18px;
	left: 244px;
}
#main #banners #officialGuide:hover{
	background-position: 0 -81px;
}
#main #banners #quality{
	background: url(../images/quality-logo.jpg) no-repeat;
	width: 64px;
	height: 102px;
	top: 6px;
	right: 25px;
}

/* FOOTER___________________________________________________ */
#footer {
	clear: both;
	background: #dbdbdb url(../images/footer-bg.jpg) repeat-x;
	border-top: #dbdbda 1px solid;
	padding: 20px;
}
#footer p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	color: #515559;
}
#footer a {
	color: #0376ab;
	cursor: pointer;
}
#footer a:hover {
	color: #7bb61d;
}
#footer .phoneNumber{
	font-size: 14px;
	font-weight: bold;
	line-height: 28px;
	float: right;
}
.leftMenu {
	overflow: auto;
	margin: 10px 0 20px 0;
	width: 175px;
	height: 25px;
}

/* MENU _________________________________________ */
#main #menu {
	float: left;
	width: 150px;
	padding: 25px;
	background: #eaebe9 url(../images/menu-rounded.jpg) top left no-repeat; /*rounded top left corner*/
}
#main #menu li {
	width: 175px;
	height: 26px;
	margin: 0 0 0 -12px;
}
#main #menu li li{
	margin: 0;
}
#main #menu li a {
	background: url(../images/menu.jpg) no-repeat;
	color: #515559;
	line-height: 26px;
	padding: 0 0 0 12px;
}
#main #menu li a:hover {
	color: #ffffff;
	background-position: 0 -26px;
}

/* OTHER ________________________________________________ */

.clear {
	clear: both;
}