body {
	margin: 20px 0;
	padding: 0;
	color: #ffffff;
	background-color: #8c8c90; /* background-color: #bebec2; */
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 90%;
}

/* Visible Page */

#page {
	margin: 0 auto;
	padding: 0;
	width: 760px;
}

/* Header */

#page #header {
	margin: 0;
	padding: 0 30px;
	height: 110px;
	background-color: #8cc558;
	overflow: visible;
}

#page #header img {
	margin: 0 !important;
	margin: 0 0 -25px 0;
	padding: 0;
	border: 0;
}

#page #header img.left {
	float: left;
}

#page #header img.mid {
	float: left;
	margin-top: 10px !important;
	margin-left: 15px !important;
}

#page #header img.right {
	float: right;
	position: relative;
}

/* Sub-Header */

#page #subheader {
	margin: 0;
	padding: 0;
	height: 25px;
	background-color: #c63a42;
}

#page #subheader img {
	margin: 0;
	padding: 0 30px;
	border: 0;
}

/* Menu Area */

#page #menu {
	margin: 0;
	padding: 0 0 0 13px;
	height: 25px;
	background-color: #c5bf9c;
	font-size: 90%;
}

#page #menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#page #menu ul li {
	margin: 0;
	padding: 0;
	float: left;
}

#page #menu ul li a {
	margin: 0;
	padding: 5px 23px 0 23px;
	height: 20px;
	float: left;
	color: #887533;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
}

#page #menu ul li a:hover {
	color: #c5bf9c;
	background-color: #887533;
}

/* Main Content Area */

#page #content {
	margin: 0;
	padding: 0;
	min-height: 505px;
	height: auto !important;
	height: 505px;
	background-color: #646468;
	position: relative; /* IMPORTANT for absolute box positions taking this as the reference */
}

#page #content .footer {
	font-size: 80%;
}

#page #content img {
	margin: 0;
	padding: 0;
	border: 0;
}

/* Content - Rest of Website (Not Homepage) */

#page #content {
	background: #464646 url(/images/hawthorns-background.jpg) top left no-repeat;
}

#page #content #box {
	margin: 0;
	padding: 15px;
	width: 530px;
	height: 275px;
	position: absolute;
	top: 100px;
	left: 100px;
	overflow: visible;
}

#page #content #box #leftcol {
	margin: 0;
	padding: 0 10px;
	float: left;
	width: 345px;
}

#page #content #box p {
	margin: 10px 0;
}

#page #content #box h1 {
	margin: 0;
	padding: 0;
	font-size: 150%;
	text-align: center;
}

#page #content #box h2 {
	margin: 0;
	padding: 0;
	font-size: 120%;
	text-align: center;
}

#page #content #box a {
	font-size: 90%;
	color: #EFE88A;
	font-weight: bold;
	text-decoration: none;
}

#page #content #box a:hover {
	text-decoration: underline;
}

#page #content #box .bold {
	font-weight: bold;
}

#page #content #box p .quote {
	color: #e3ddba;
}

#page #content #box p.backlink {
	text-align: center;
	clear: both;
}

#page #content #box #leftcol .left {
	margin: 0;
	padding: 0;
	width: 50%;
	float: left;
	text-align: left;
}

#page #content #box #leftcol .right {
	margin: 0;
	padding: 0;
	width: 50%;
	float: right;
	text-align: right;
}

#page #content #box #rightcol {
	margin: 0;
	padding: 0;
	float: right;
	width: 150px;
}

#page #content #box #rightcol img {
 	display: block;
}

#page #content #box #rightcol img.first {
	margin-bottom: 15px;
}

/* Content - Testimonials Page */

body#testimonials #page #content {
	background: #464646 url(/images/hawthorns-testimonials-background.jpg) top left no-repeat;
}

body#testimonials #page #content #box {
	width: 660px;
	height: 405px;
	position: absolute;
	top: 35px;
	left: 35px;
	overflow: visible;
}

body#testimonials #page #content #box #leftcol {
	width: 45%;
	float: left;
}

body#testimonials #page #content #box #rightcol {
	margin-left: 35px;
	width: 45%;
	float: left;
}

body#testimonials #page #content #box .backlink {
	margin-top: 0;
}

/* Content - Homepage */

body#homepage {
	margin-top: 20px !important; /* As it is globally, but MSIE is being stupud, as usual! */
	margin-top: 4px;
}

body#homepage #page #content {
	background: #464646 url(/images/hawthorns-homepage-background.jpg) top left no-repeat;
}

body#homepage #page #content .box {
	margin: 0;
	padding: 15px;
	position: absolute;
	height: 170px;
	overflow: visible;
}

body#homepage #page #content .box .bold {
	font-weight: bold;
}

body#homepage #page #content .box img.left {
	margin-right: 10px;
	float: left;
}

body#homepage #page #content .box h1 {
	margin: 0;
	padding: 0;
	font-size: 130%;
}

body#homepage #page #content .box p {
	margin: 10px 0;
	padding: 0;
}

body#homepage #page #content .box p.first {
	margin-top: 0;
}

body#homepage #page #content .box p.last {
	margin-top: 0;
}

body#homepage #page #content .box#box1 {
	top: 35px;
	left: 35px;
	width: 370px;
}

body#homepage #page #content .box#box2 {
	top: 270px;
	left: 325px;
	width: 370px;
}

body#homepage #page #content .box#features {
	padding: 20px 0 0 0;
	height: 180px;
	top: 270px;
	left: 35px;
	width: 255px;
}

body#homepage #page #content .box#features a {
	margin-bottom: 20px;
	width: 120px;
	height: 40px;
	display: block;
	text-decoration: none;
}

body#homepage #page #content .box#features a.left {
	float: left;
}

body#homepage #page #content .box#features a.right {
	float: right;
}

/* Homepage - Feature Button Roll-Overs */

body#homepage #page #content .box#features a#feature1 {
	background: url(/images/hawthorns-features-1.gif) top left no-repeat;
}

body#homepage #page #content .box#features a#feature1:hover {
	background: url(/images/hawthorns-features-1ro.gif) top left no-repeat;
}


body#homepage #page #content .box#features a#feature2 {
	background: url(/images/hawthorns-features-2.gif) top left no-repeat;
}

body#homepage #page #content .box#features a#feature2:hover {
	background: url(/images/hawthorns-features-2ro.gif) top left no-repeat;
}


body#homepage #page #content .box#features a#feature3 {
	background: url(/images/hawthorns-features-3.gif) top left no-repeat;
}

body#homepage #page #content .box#features a#feature3:hover {
	background: url(/images/hawthorns-features-3ro.gif) top left no-repeat;
}


body#homepage #page #content .box#features a#feature4 {
	background: url(/images/hawthorns-features-4.gif) top left no-repeat;
}

body#homepage #page #content .box#features a#feature4:hover {
	background: url(/images/hawthorns-features-4ro.gif) top left no-repeat;
}


body#homepage #page #content .box#features a#feature5 {
	background: url(/images/hawthorns-features-5.gif) top left no-repeat;
}

body#homepage #page #content .box#features a#feature5:hover {
	background: url(/images/hawthorns-features-5ro.gif) top left no-repeat;
}


body#homepage #page #content .box#features a#feature6 {
	background: url(/images/hawthorns-features-6.gif) top left no-repeat;
}

body#homepage #page #content .box#features a#feature6:hover {
	background: url(/images/hawthorns-features-6ro.gif) top left no-repeat;
}

/* Homepage - Schools' Graphic */

/* IJW change as now is a box
/*body#homepage #page #content a#schools { */
body#homepage #page #content #box4 {
	margin: 0;
	padding: 0;
	width: 256px;
	height: 110px;
	position: absolute;
	top: 127px;
	left: 464px;
	overflow: visible;
}


/* Homepage - Save Graphic */
body#homepage #page #content #box3 {
	margin: 0;
	padding: 0;
	width: 256px;
	height: 88px;
	position: absolute;
	top: 35px;
	left: 464px;
	overflow: visible;
}

/* Footer */

#page #footer {
	margin: 0;
	padding: 4px 10px;
	height: 14px;
	color: #362c72;
	background-color: #8cc558;
	clear: both;
	font-size: 80% !important;
	font-size: 75%;
	/*border-top: 1px solid #348717;*/
}

#page #footer a {
	color: #362c72;
	text-decoration: none;
}

#page #footer a:hover {
	text-decoration: underline;
}

#page #footer .left {
	float: left;
}

#page #footer .right {
	float: right;
	padding-left: 1px;
}

/* Preload Background Image */

#preload {
	display: none;
}

/* All MSIE 5.x Hacks - "Modified 'Simplified Box model Hack'(Tan hack)" */

* html #page #menu ul li a {
	\height: 25px;
	he\ight: 20px;
}

* html #page #content #box {
	\width: 560px;
	w\idth: 530px;
	\height: 305px;
	he\ight: 275px;
}

* html #page #content #box #leftcol {
	\width: 365px;
	w\idth: 345px;
}

* html body#testimonials #page #content #box {
	\width: 690px;
	w\idth: 660px;
	\height: 435px;
	he\ight: 405px;
}

* html body#testimonials #page #content #box #leftcol {
	\width: 48%;
	w\idth: 45%;
}

* html body#testimonials #page #content #box #rightcol {
	\margin-left: 10px;
	ma\rgin-left: 35px;
	\width: 48%;
	w\idth: 45%;
}

* html body#homepage #page #content .box#box1 {
	\width: 400px;
	w\idth: 370px;
}

* html body#homepage #page #content .box#box2 {
	\width: 400px;
	w\idth: 370px;
}