html, body { margin:0; padding:0; height:100%; widows: 100%; font: 12px Arial, Helvetica, sans-serif; color:#666; }
body#home { background: url(Images/bg-header-sliver.jpg) repeat-x; }
body#internal { background: url(Images/bg-header-sliver-internal.jpg) repeat-x; }

.bodytext { font: 12px Arial, Helvetica, sans-serif; color:#666; }
.feature_text { font-size: 18px; }

body#home h1 { font: 18px Arial, Helvetica, sans-serif; color: #008851; font-weight: 100; background:url(Images/bg-h1-homepage.jpg) no-repeat bottom left; padding: 0 0 7px; }
h1, #lay_page_heading_col_1 .bodytext, .homepageheading, h1.headertext { font: 18px Arial, Helvetica, sans-serif !important; color: #008851 !important; font-weight: 100; display: block; margin: 10px 0; }
h2, .headertext, .ajax-heading { font: bold 14px Arial, Helvetica, sans-serif !important; color: #005da1 !important; margin: 5px 0; display: block; padding: 0 0 5px; }
.ajax-heading { color: #008851 !important; font-size: 16px; }

.welcome-to { font-size: 13px; font-weight: 100; color: #6e6e74 }
p, .bodytext { line-height:1.5; }
a { text-decoration: none; color: #008851; }
a:hover { text-decoration: underline; }

div#centred { margin: 0 auto; width: 940px; position:relative; }
body#internal div#centred { margin: 0 auto; width: 960px; position:relative; }

div#container {	position:relative; margin:0 auto; width:100%; height:auto !important; height:100%; min-height:100%; }

td#left-fade, td#right-fade, td#middle { background: #fff; }
td#left-fade { background: url(Images/bg-header-left.jpg) no-repeat top right; } 
td#middle { background: #fff; }
td#right-fade { background: url(Images/bg-header-right.jpg) no-repeat top left; }

body#internal td#left-fade { background: url(Images/bg-header-left-internal.jpg) no-repeat top right; } 
body#internal td#right-fade { background: url(Images/bg-header-right-internal.jpg) no-repeat top left; }

.internal-middle { width: 460px; float: left; margin: 0 30px; padding: 0 0 50px; color: #6e6e74; font-size: 12px; line-height: 150%; }
.internal-right, .internal-left  { width: 220px; float: left; }

.internal-middle ul { padding: 0; margin: 20px 0; }
.internal-middle li { list-style-type: none; margin: 0 0 7px; padding: 0 0 0 10px; background: url(Images/bg-bullet.gif) no-repeat 0px 7px; }
.internal-middle table { font-size: 12px; }
.internal-middle table table table td, .internal-middle table table td { font-size: 12px;  }

/* THIS WAS THE CSS FOR THE TABLES IN THE MIDDLE COL, COULDN'T DO IT WITH MM
.internal-middle table table table { width: 100%; margin: 20px 0; font-size: 12px; border-bottom: 1px solid #ddd;  }
.internal-middle table table table tr td { border-top: 1px solid #ddd; padding: 5px 3px; background: #f5f5f5; }
.internal-middle table table table tr.alt td { background: #fff; };
.internal-middle table table table tr:last-child td { border-bottom: 1px solid #ddd; }
.internal-middle table table table tr td:last-child { text-align: right; }
*/

#nav-second-level { list-style-type: none; }
#nav-second-level li { background: url(Images/nav-second-level-off.jpg) no-repeat; display: block; float: left; width: 100%; height: 40px; font-size: 11px; padding: 0 0 0 15px; }
#nav-second-level li.on { background: url(Images/nav-second-level-on.jpg) no-repeat; }
#nav-second-level li a { color: #6e6e74; text-decoration: none; display: block; padding: 12px 0; }
#nav-second-level li.on a { color: #fff; text-decoration: none; display: block; padding: 12px 0; }
#nav-second-level li.on a:hover { color: #fff; text-decoration: none; display: block; padding: 12px 0; }
#nav-fade-off { background:url(Images/nav-left-fade-off.jpg) no-repeat 0 bottom; min-height: 415px; height: auto !important; height: 415px; }

div#header { background: #eee url(Images/bg-header.jpg) no-repeat; height: 260px; width: 940px; position: relative; }
body#internal div#header { background: #eee url(Images/bg-header-internal.jpg) no-repeat; height: 206px; width: 960px; position: relative; }

	div.internal { height: 206px !important; }
	div#eNews { position: absolute; left: 720px; 10px; top: 65px; color: #fff; }
	#form-name { position: absolute; top: 25px; left: 0; color: #78787d; font-size: 11px; width: 158px; border: 1px solid #ccc; padding: 5px 0 5px 5px; height: 24px; }
	#form-email { position: absolute; top: 55px; left: 0; color: #78787d; font-size: 11px; width: 158px; border: 1px solid #ccc; padding: 5px 0 5px 5px; height: 24px; }
	#form-submit { position: absolute; top: 55px; left: 165px; }

div#content { padding: 20px 0; }
div#content p {	font-size: 12px; }

td#pre-footer {  background: url(Images/bg-pre-footer-sliver.jpg) repeat-x; padding: 20px 0 0; border-top: 1px solid #e1e1e1; }
	td#pre-footer .inner {  position: relative; width: 940px; margin: 0 auto; }
		.box { width: 171px; height: 162px; overflow: hidden; background: #aaa; float: left; margin: 0 5px 0 0; }
		.box .bodytext, .box span.bodytext a { color: #fff; padding: 0px 5px; display: block; font-size: 14px; margin: -2px 0 0; }
		.box img { margin: 1px; }
		.box-blue { background: #49a6d8 url(Images/bg-box-blue.jpg) repeat-x bottom; }
		.box-purple { background: #7f5f95 url(Images/bg-box-purple.jpg) repeat-x bottom; }
		.box-orange { background: #ff8a00 url(Images/bg-box-orange.jpg) repeat-x bottom; }
		.box-green { background: #01ab66 url(Images/bg-box-green.jpg) repeat-x bottom; }
		td#pre-footer p { padding: 3px 0; margin:0; color: #6e6e74; }
	td#left-pre-footer, td#right-pre-footer { background: url(Images/bg-pre-footer-sliver.jpg) repeat-x; border-top: 1px solid #e1e1e1; }

td#footer { background: url(Images/bg-footer.jpg); height: 111px; }
	td#footer .inner { width: 940px; margin: 0 auto; color: #f7f7f7; position: relative; padding: 10px 0; }
	td#footer .inner a { color: #f7f7f7; }
		#made-by-mettro { position: absolute; right: 0; top: 12px; }
		td#footer span.bodytext { margin:0; color: #d6d6d6; padding: 15px 0; font-size: 10px; }
	td#left-footer, td#right-footer { background: url(Images/bg-footer.jpg) repeat-x; } 

.inner-left { width: 460px; float: left; }
.inner-middle { width: 220px; float: left;  }
.inner-right { width: 220px; float: left; margin: 0 0 0 20px; }

#pre-footer ul, #pre-footer li, .inner-right ul, .inner-right li, .internal-right ul, .internal-right li, #nav-second-level { padding: 0; margin: 0; }
#pre-footer ul, .inner-right ul, .internal-right ul { margin-bottom: 20px; }
#pre-footer li, .inner-right li, .internal-right li { font-size: 11px; height: 29px; line-height: 29px; padding: 0 0 0 10px; list-style-type: none; background: url(Images/bg-li.jpg) repeat-x; color: #3c3c3c; }
#pre-footer li a, .inner-right li a, .internal-right li a { color: #3c3c3c; }
.heading, .icon-bird, .icon-heart, .icon-magnifying-glass { color: #008851; font-size: 14px; display: block; height: 20px; border-bottom: 1px solid #d0d0d2; }

.icon-bird { background:url(Images/icon-bird.png) no-repeat top right; display: block; height: 28px; }
.icon-heart { background:url(Images/icon-heart.png) no-repeat top right; display: block; height: 22px; }
.icon-magnifying-glass { background:url(Images/icon-magnifying-glass.png) no-repeat top right; display: block; height: 24px; }

.grey-14 { color: #6e6e74; font-size: 14px; }

.icon-play { background: url(Images/icon-play.jpg) no-repeat; display: block; height: 24px; line-height: 24px; padding: 0 0 0 30px; font-size: 13px; color: #333; }

#nav { position: absolute; bottom: 0; }
#nav, #nav li { margin: 0; padding: 0; }
#nav li { float: left; list-style-type: none;  height: 64px; overflow: hidden; background: url(Images/nav-border.png) no-repeat right; font-size: 13px; }
#nav li span { display: block; height: 64px; float: left; } 
#nav li, #nav li a { color: #fff; }
#nav li a { display: block; margin: 32px 0 0; height: 35px; padding: 0 10px; float: left; }
#nav li span.on { background: url(Images/nav-hover2.png) repeat-x; }
#nav li a:hover, #nav li a.on { text-decoration: none; background: url(Images/nav-triangle-main.png) no-repeat bottom center; }

#breadcrumb a { font-size: 11px; color:#666; }

#showme, #campaign-monitor-block-ui { padding: 0 20px; text-align: left; font-family: Arial; }
#showme p, #campaign-monitor-block-ui p  { color: #fff; }

/* From here are styles pulled from the old design */

.application-heading{ font-size: 12px; padding-top:18px; }
.application-box-grey{ font-size: 12px; color:#fff; background-color:#AEB0B1; line-height:10px; display:block; width:100%; padding: 10px 7px; }
.application-heading-green{ font-size: 12px; color:#449C73; padding-top:20px; }
.application-grey{ font-size: 12px; color:#aaa; }