h1, h2, h3 {color: #01768d; font-family: Arial, Helvetica, sans-serif; margin: 0px 0px 0px 0px; padding: 0px 20px 0px 20px;}

h1 {font-size: 18px; font-weight: bold;}

h2 {font-size: 16px; font-weight: bold;}

h3 {font-size: 14px;}

p {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #01768d; line-height: 160%; padding: 0px 20px 0px 20px;}

.boldtext {font-weight: bold;}

.italictext { font-style: italic;}

.testimonial {color: #339933; font-size: 36px;}

.testimoniallargetext {font-size: large;}
.testimonialxlargetext {font-size: x-large;}
.testimonialxxlargetext {font-size: xx-large;}

.testBoxContainer {position: relative;}
.testBoxLeft {float: left; width: 50%; background-image: url(graphics/test_box1.gif); padding-top: 20px; background-repeat: no-repeat; position: relative; height: 170px;}
.testBoxRight {float: right; width: 50%; background-image: url(graphics/test_box2.gif); padding-top: 20px; background-repeat: no-repeat; position: relative; height: 170px;}
#testBoxFull1 {width: 100%; background-image: url(graphics/test_box3.gif); background-repeat: no-repeat; position: relative; height: 280px; padding-top: 20px;}
#testBoxFull2 {width: 100%; background-image: url(graphics/test_box4.gif); background-repeat: no-repeat; position: relative; height: 210px; padding-top: 20px;}
#testBoxFull3 {width: 100%; background-image: url(graphics/test_box5.gif); background-repeat: no-repeat; position: relative; height: 130px; padding-top: 20px;}
#testBoxLeftLarger {float: left; width: 50%; background-image: url(graphics/test_box6.gif); padding-top: 20px; background-repeat: no-repeat; position: relative; height: 215px;}
#testBoxRightLarger {float: right; width: 50%; background-image: url(graphics/test_box7.gif); padding-top: 20px; background-repeat: no-repeat; position: relative; height: 215px;}

#twitterPanelText {width: 60%; float: left;}
#twitterPanel {width: 38%; float: right;}
  
.smalltext {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; line-height: 160%; text-align: justify;}

.smalltextbold {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; line-height: 160%; font-weight: bold; text-align: justify;}

img {border:0;}

a.smalllink:link {color: #000000; text-decoration: underline; font-size: 12px;}
a.smalllink:visited {color: #000000; text-decoration: underline; font-size: 12px;}
a.smalllink:active {color: #000000;text-decoration: underline; font-size: 12px;}

a:link {color: #01768d; text-decoration: underline; font-size: 14px;}
a:visited {color: #01768d; text-decoration: underline; font-size: 14px;}
a:active {color: #01768d; text-decoration: underline; font-size: 14px;}
a:hover {color: #000000; text-decoration: underline; font-size: 14px;}

.mainContentLink a {margin: 0px 0px 0px 20px; background: url(graphics/bulletpoint.gif) no-repeat;}

.mainContentLink a:link {color: #01768d; font-size: 14px; text-decoration: underline; padding: 0px 0px 0px 20px;}
.mainContentLink a:visited {color: #01768d; text-decoration:underline; font-size: 14px; padding: 0px 0px 0px 20px;}
.mainContentLink a:active {color: #01768d; text-decoration: underline; font-size: 14px; padding: 0px 0px 0px 20px;}
.mainContentLink a:hover {color: #000000; text-decoration: underline; font-size: 14px; padding: 0px 0px 0px 20px;}

body {
	font: 100% Arial, Helvetica, sans-serif;
	margin: 0; /* It's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* This centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #01768d;
	list-style: disc;
}

#logo {background: url(graphics/logo.gif); width: 346px; height: 148px;}

.oneColFixCtrHdr #container {
	width: 772px;  /* Using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: url(graphics/bk.gif);
	margin: 0 auto; /* The auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left; /* This overrides the text-align: center on the body element. */
}
.oneColFixCtrHdr #header {
	padding: 0 0px;  /* This padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
.oneColFixCtrHdr #header h1 {
	margin: 0; /* Zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* Using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.oneColFixCtrHdr #mainContent {padding: 20px 30px 0;}

.oneColFixCtrHdr #footer {
	padding: 0 10px; /* This padding matches the left alignment of the elements in the divs that appear above it. */
	background: #01768d url(graphics/bottomofthepage.gif) no-repeat;
	height: 140px;
}
.oneColFixCtrHdr #footer p {
	margin: 0; /* Zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* Padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

.oneColFixCtrHdr #footer #leftText {float: right; color: #ffffff; padding: 20px 0px 0px 40px; font-size: 14px;}

.oneColFixCtrHdr #footer #rightText {float: right; color: #ffffff; padding: 20px 0px 0px 30px; font-size: 14px;}
.oneColFixCtrHdr #footer #rightText a:link {text-decoration: none; color: #ffffff;}
.oneColFixCtrHdr #footer #rightText a:visited {text-decoration: none; color: #ffffff;}
.oneColFixCtrHdr #footer #rightText a:active {text-decoration: none; color: #ffffff;}
.oneColFixCtrHdr #footer #rightText a:hover {text-decoration: none; color: #ffffff;}

.oneColFixCtrHdr #footer #img {float: right; padding: 20px 5px 0px 0px;}

.bulletpoint {list-style-image: url(graphics/bulletpoint.gif); font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 30pt;}

.bulletpoint li {padding: 5px 0px 5px 5px; line-height: 160%;}

.bulletpoint2 {list-style: disc; font-family: Arial, Helvetica, sans-serif; font-size: 14px; margin-left: 50px; margin-bottom: 0px;}

.bulletpoint2 li {padding: 5px 0px 5px 5px; line-height: 160%;}

.bluetext {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #01768d; line-height: 160%;}

.greentext {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #73c169; line-height: 160%;}

.clearBoth {clear: both; line-height: 0;}

.emphasise {font-weight: bold;}