body {
margin: 0;
font-family: "Helvetica Neue", helvetica, arial, sans-serif;
background: url(images/main_bg.jpg) repeat-x #e6e6e6;
height: 100%;
}
body.subpages {
background: url(images/sub_bg.jpg) repeat-x #e6e6e6;

}
a {
text-decoration: none;
}
p {
font-size: 0.75em;
}

a:link, a:visited {
color: #7da200;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}

h1 {
font-size: 1.5em;
}

img {
border:0;
}

label {
	font-size:0.75em;
}
#outer {
margin: 0;
width: 100%;
padding: 0;
}


#top {
margin: 0;
height: 170px;
width: 100%;
padding: 0;
}
#top.subnav {
height: 200px;
}
#name {
margin: 0px auto 0px auto;
width: 985px;
height: 160px;
padding: 10px 0 0 0;
}
#name.subnav {
height: 200px;
}

.toplinks{
float: right;
width: 300px;
color: #666;
font-size: 0.6em;
margin: 0 20px 0 0;
padding: 0;
text-align: right;
}

.toplinks a:link, .toplinks a:visited {
color: #666;
text-decoration: none;
}
.toplinks a:hover {
text-decoration: underline;
}
#keepitsimple {
float: right;
position: relative;
width: 335px;
height: 50px;
margin-top: 40px;
margin-right: 20px;
}

#rightlogo {
float: left; 
margin: 0 0 0 20px;
width: 400px;
height: 102px;
z-index: -1;
}
#rightlogo h1 {

position: absolute;
width: 300px;
font-size: 1em;
font-weight: normal;
color:#999;
top: 85px;

}


#navbar {
width: 950px;
padding:0;
height:39px;
margin-left: -3px;
}
#menu {
float: left;
position: relative;
width: 950px;
padding-left: 20px;
margin-top: 18px;

}

.gecko #menu {margin-top: 19px;}
.ff2 #menu {margin-top: 20px;}
.ff3 #menu {margin-top: 20px;}
.safari #menu {margin-top: 20px;}
.opera #menu {margin-top: 20px;}

#menu ul {
float: left;
position: relative;
padding:0; 
margin:0;
height: 33px;
list-style-type: none;
overflow: hidden;
}
.gecko #menu ul {height: 24px;}
.ff2 #menu ul {height: 24px;}
.safari #menu ul {height: 35px;}
.ff3 #menu ul {height: 24px;}
.opera #menu ul {height: 24px;}

#menu ul li {
height: 29px;
float:left;
position:relative;
margin: 0;
padding-top: 8px;
padding-bottom: 0px;
border-right: solid 1px #719103;
}

#menu ul li a, #menu ul li a:visited {
display:inline; 
color:#fff; 
text-decoration:none; 
font-weight: normal;
font-size: 0.75em;
padding-left: 28px;
padding-right: 29px;
}
#menu ul li.leftnav{
border-left: solid 1px #719103;
}
#menu ul li a.rightnav{

}
#menu ul li a:hover {
color:#330000; 
}

#submenu {
float: left;
position: relative;
width: 950px;
padding-left: 20px;
margin-top: -5px;
}
.gecko #submenu {margin-top: 0;}
.ff2 #submenu {margin-top: 0;}
.safari #submenu {margin-top: -8px;}
.ff3 #submenu {margin-top: 2px;}
.opera #submenu {margin-top: 3px;}

#submenu ul {
float: left;
padding: 9px 0 0 0; 
margin:0;
height: 28px;
list-style-type: none;
overflow: hidden;
}

#submenu.corporate {
background:url(images/corp-arrow.png) no-repeat top left;	
}
#submenu.personal {
background:url(images/pers-arrow.png) no-repeat top left;	
}
#submenu ul li {
height: 25px;
float:left;
position:relative;
margin: 0;
padding-top: 3px;
padding-bottom: 0px;

}

#submenu ul li a, #submenu ul li a:visited {
display:inline; 
text-decoration:none; 
font-weight: bold;
font-size: 0.75em;
padding-left:15px;
padding-right:15px;
}
#submenu ul li a.subleftnav{
padding-left: 0;
}
#submenu ul li a.subrightnav{
padding-right: 0;
}
#submenu ul li a:hover {
color:#330000; 
}

#box {
width: 100%;
margin: 30px 0 0 0;
padding: 0;
background: #fff;
}
#box.nosubnav {
margin: 0px 0 0 0;	
}
#container {
margin: 4px auto;
width: 945px;
padding: 10px 20px 20px 20px;
}
#container.withoutsubnav {
padding: 10px 20px 20px 20px;
}

#row1 {
width: 100%;
height: 360px;
}

#bannercontent {
	float: left;
	width: 670px;
	height: 360px;
	background:#fff;
}
#row2 {
	width: 100%;
	height: 300px;
	margin-top: 20px;
}
#row2 h1{
padding: 0;
margin: 0;
}
#row2 p{
padding: 10px 0 10px 0;
margin: 0;

}
#rowoneright {
float: right;
position: relative;
width: 260px;
height: 360px;

}
.btmright {
width: 274px;
float: right;
}
#rightbox {
float: right;
margin: 0 0 14px 0;
width: 225px;
height: 147px;
background: url(images/box-bg.jpg) repeat-x bottom #FFF;
border-top: #ccc solid 1px;
padding: 15px 10px 10px 25px;
}

#rightbox.contactus {
background: url(images/keyboard.jpg) no-repeat bottom right #FFF;
border: none;
padding-top: 0;
padding-bottom: 0;
height: 140px;
margin-left: 15px;
}
#rightbox.getintouch {
background: url(images/keyboard.jpg) no-repeat bottom right #FFF;
border: none;
padding-top: 0;
padding-bottom: 0;
height: 140px;
margin: 0;
}
#rightbox.proud {
background: none;
border: none;
padding-top: 20px;
padding-bottom: 0;
height: 110px;
margin-left: 15px;
}
#rightbox.proudsecond {
	background: none;
	border: none;
	padding-top: 20px;
	padding-bottom: 0;
	height: 130px;
	margin: 0;
}
#rightbox.proudindex {
	background: none;
	border: none;
	padding-top: 0;
	padding-bottom: 0;
	height: 122px;
	margin-left: 15px;
}
.charitylinks {
	float: left;
	margin-right: 10px;
}
#rightbox h2{
width: 225px;
margin: 0;
padding: 5px 0 3px 0;
font-size: 1.2em;
}
#rightbox ul{
width: 225px;
margin: 0px;
padding: 0;
}
#rightbox li{
list-style-type: none;
padding: 0px;
margin: 0px 0 4px 0;
color: #333;
font-size: 0.8em;
font-weight: bold;
}
#rightbox p {
width: 200px;
margin: 0;
padding: 5px 0 3px 0;
font-size: 0.75em;
}
#rightbox p.get {
width: 160px;
}



#leftmenu {
float: left;
height: 355px;
width: 140px;
margin: 10px 0 20px 0;
}
#leftmenu ul{
list-style-type: none;
width: 100%;
margin: 0;
padding: 0;
}
#leftmenu ul li{
color: #333333;
font-size: 0.75em;
font-weight: bold;
padding: 10px 0 10px 0;
border-bottom: 1px solid #ccc;
}

#leftmenu ul li a:hover{
text-decoration: underline; 
}



#content {
width: 650px;
margin: 0 20px 10px 0;
overflow: visible;
height: auto;
}
#content h1 {
width: 640px;
margin: 10px 0 5px 0;
font-size: 1.5em;
color: #000;
padding:0px;
}

#content h1.statement {
font-size: 1.2em;
font-weight: normal;
color: #7da200;
padding: 15px 0 15px 0;
}

#content h2 {
width: 650px;
margin: 5px 0 0 0;
padding-top: 15px;
font-size: 1.2em;
font-weight: bold;
color: #000;
border-top: dotted 3px #eaeaea;
}
#content h2.nodots {
border: none;
}
#content h3 {
width: 650px;
margin: 10px 0 0 0;
padding: 0;
font-size: 0.9em;
font-weight: bold;
color: #506800;
}
#content p {
margin: 0;
padding: 5px 0 10px 0;
}
#content ul, #content ol {
font-size: 0.75em;
margin: 10px 0 10px 0;
}
#content li {
margin: 4px 0 4px 0;

}
#content li.pdfs {
	list-style-image: url(images/pdf_icon.jpg);
	padding-top: -3px;
}
#greenleaf {
	float: left;
	width: 650px;
	height: 206px;
	padding: 0;
	margin: 5px 0 10px 0;
	text-align:center;
}

#login {
width: 260px;
height: 30px;
margin: 5px 0 0 0;
background: url(images/box-bg.jpg) repeat-x top #fff;
padding: 5px;
border: solid 1px #ccc;
}
#login table {
width: 250px;
margin: 0;
padding: 0;
border: none;
}

#login th {
font-size: 0.75em;
text-align: left;
}
#login td.loginbutton {
padding: 6px;
}

#googlemap {
float: right;
width: 425px;
height: 380px;
position: relative;
font-size: 0.7em;
border: solid 8px #eaeaea;
padding: 5px;
margin-top: -90px;
}
/******** CLASSES ********/
.bold {
font-weight: bold;
}
.little {
font-size: 0.6em;
}
.shrink {
font-size: 75%;
}
.items {
font-weight: bold;
}
.stronggreen {
color: #96bf0d;
font-weight: bold;
}
.white {
color: #FFFFFF;
}
.text {
font-size: 11px;
line-height: 15px;
color: #333333;
}
.asterisk {
color: #CC0000;
}
.intro {
font-size: 0.6em;
font-weight: normal;
font-style: italic;
color: #999;
}
.breadcrumbs {
font-size: 0.65em;
color: #666;
margin: 5px 0 20px 0;
}

.breadcrumbs a:hover {
text-decoration: underline;
}



/*************** top band *************/
#topband {
height: 18px;
background: #666666;
}

/*************LAYOUT************/
#logo_bar {
background: #C2C2C2;
padding: 5px;
}
#logo_bar h2{
float: right;
margin: 45px 20px 0 0;
font-size: 22px;
font-family: times;
font-style: italic;
color: #FFFFFF;
}



#ways {
margin: 0 10px 10px 10px;
}
#ways img {
padding: 20px 0 0 0;
}
#space {
margin: 10px;
}



/************** FOOTER *************/
#footermain {
width: 100%;
background: #e6e6e6;
}
#footer {
width: 945px;
color: #333;
padding: 10px 0 30px 0;
height: 80px;
margin: 0 auto;
clear: both;
}
#footer img {
float: left;
padding-right: 20px;
}

#footer p {
width: 400px;
font-size: 0.7em;
margin: 0;
padding: 0;
}
#footer a:hover {
text-decoration: underline;
}
#copyright {
float: right;
text-align:right; 
width: 300px;
font-size: 0.7em;
}
#copyright img {
float: right;
padding: 0;
}

.telno {
float: left;
text-align:right; 
font-size: 0.9em; 
color: #900000; 
font-weight: bold;
}
.book {
width: 300px;
text-align: center;
margin-top: 10px;
margin-left: 100px;
padding: 5px;
background: #eaeaea;
border: #ccc solid 1px;
font-size: 14px;
font-weight: bold;
}
.formsent {
width: 400px;
text-align: center;
margin-top: 10px;
margin-left: 0px;
padding: 5px;
background: #eaeaea;
border: #ccc solid 1px;
font-size: 13px;
font-weight: bold;
}
.formsent2 {
text-align: center;
margin-top: 10px;
margin-left: 0px;
padding: 5px;
background: #eaeaea;
border: #ccc solid 1px;
font-size: 12px;
font-weight: bold;
}

.txtcentre {
text-align: center;
}
.spacer {
clear: both;
}

.greyedout {
	color:#999;
}
.darkgreen {
color: #506800;
}
.blog {
	width: 400px; padding: 10px; background:url(images/blog-bg.jpg) repeat-x bottom left #fff; height: 40px; border: 1px solid #d6e3a8;
}