/* STYLESHEET LAYOUT REFERENCE -----------------------
TAGS
STRUCTURE
TOP NAVIGATION
INDIVIDUAL NAVIGATION ITEMS
MAINCONTENT
LEFTNAV STYLES
FORM STYLES
FOOTER
GENERAL CLASSES
BODY CLASSES
*/

/* COLOURS
BODY BACKGROUND: #
RED: #
BLUE: #

BODY TEXT: #888
MAIN TEXT: #
MAIN LINK: #
MAIN LINK HOVER: #
FOOTER GREY: #
---------------------------------------------------*/

/* Tags */

a {
	font-weight: normal;
	text-decoration: none;
	color: #42b0ed;
}
a:hover {
	text-decoration: underline;
}
a img {
	border: none;
	outline: 0;
}
h1,
h2,
h3 {
	font-size: 24px;
	font-weight: bold;
	color: #002b61;
	line-height: 30px;
	margin: 0;
	padding: 3px 0;
}
h2,
h3 {
	color: #42b0ed;
	font-size: 18px;
	line-height: 20px;
}
h3,
h2.grey {
	color: #888;
	font-size: 14px;
}
p {
	margin: 10px 0;
	padding: 0;
}
ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* body classes */


/* Structure */

body {
	font: 80%/120% Arial, Helvetica, sans-serif;
	line-height: 16px;
	color: #888;
	margin: 0;
	padding: 0;
	background: #ccc url(../_img/bg_rpt.gif) repeat-x;
}
#container {
	margin: 0 auto;
	padding: 0;
	width: 1086px;
	height: 100%;
	background: url(../_img/bg_shadow_rpt.png) repeat-y;
}
#containerbg {
	width: 1028px;
	min-height: 810px;
	height: 100%;
	overflow: visible;
	margin: 0 auto;
	padding: 0;
	background: url(../_img/body_rpt.gif) repeat-x;
}
#contents {
	width: 982px;
	height: 100%;
	min-height: 450px;
	margin: 0 auto;
	padding: 0 21px;
}

/* topbar and topnav */

#topbar {
	width: 100%;
	height: 73px;
	margin: 0;
	padding: 24px 0 0 0;
}
#topbar p {
	width: 259px;
	height: 51px;
	margin: 0 0 0 17px;
	padding: 0;
	float: left;
	display: block;
}
#topbar p a {
	outline: none;
}

/* site search form */

#topbar form {
	width: 142px;
	height: 25px;
	margin: -4px 0 0;
	padding: 0;
	float: right;
}
#topbar .sitesearch {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
#topbar .textarea {
	float: left;
	font-size: 10px;
	line-height: 15px;
	width: 120px;
	height: 14px;
	margin: 0;
	padding: 2px 0;
	color: #a0a0a4;
	text-align: left;
	text-indent: 2px;
	text-transform: uppercase;
	border: 1px solid #c9cacc;
}
#topbar .searchbutton {
	width: 19px;
	height: 20px;
	color: #fff;
	font-size: 0;
	line-height: 20px;
	float: left;
	margin: 0;
	padding: 0;
	border: none;
	cursor: pointer;
	background: url(../_img/search_button1.gif) no-repeat;
}

/* navigation */

#topnav {
	width: 600px;
	height: 23px;
	float: right;
	display: block;
	margin: 18px 0 0;
	padding: 0;
}
#topnav ul {
	width: auto;
	height: 23px;
	margin: 0;
	padding: 0;
	list-style: none;
}
#topnav li {
	margin: 0;
	padding: 0;
	float: left;
}
#topnav li a {
	height: 23px;
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	cursor: pointer;
	outline: none !important;
	font-weight: normal;
	font-size: 11px;
	text-indent: -9999px;
}
#topnav1, #topnav2, #topnav3, #topnav4, #topnav5, #topnav6, #topnav7 {
	background: url(../_img/topnav.gif) no-repeat;
}
#topnav1 {background-position: 0 0; width: 68px;}
#topnav2 {background-position: -68px 0; width: 87px;}
#topnav3 {background-position: -155px 0; width: 109px;}
#topnav4 {background-position: -264px 0; width: 64px;}
#topnav5 {background-position: -328px 0; width: 139px;}
#topnav6 {background-position: -467px 0; width: 81px;}
#topnav7 {background-position: -548px 0; width: 52px;}

#topnav1:hover {background-position: 0 -23px;}
#topnav2:hover {background-position: -68px -23px;}
#topnav3:hover {background-position: -155px -23px;}
#topnav4:hover {background-position: -264px -23px;}
#topnav5:hover {background-position: -328px -23px;}
#topnav6:hover {background-position: -467px -23px;}
#topnav7:hover {background-position: -548px -23px;}

#topnav1.on {background-position: 0 -46px;}
#topnav2.on {background-position: -68px -46px;}
#topnav3.on {background-position: -155px -46px;}
#topnav4.on {background-position: -264px -46px;}
#topnav5.on {background-position: -328px -46px;}
#topnav6.on {background-position: -467px -46px;}
#topnav7.on {background-position: -548px -46px;}

/* main content area */

#middle {
	width: 982px;
	min-height: 400px;
	height: 100%;
	overflow: visible;
	float: left;
	display: block;
	position: relative;
	margin: 0;
	padding: 12px 0 20px 0;
	background-color: #fff;
}

/* mainpic */

#mainpic {
	width: 982px;
	height: 290px;
	margin: 0;
	padding: 0;
	position: relative;
	border-top: 18px solid #42b0ed;
}

/* main nav */

#nav {
	width: 958px;
	height: 63px;
	margin: 0;
	padding: 0 12px;
	list-style: none;
	position: absolute;
	left: 0;
	top: 227px;
	background: url(../_img/nav_bg.png) no-repeat;
}
#nav li {
	margin: 0;
	padding: 0;
	float: left;
}
#nav li a {
	height: 63px;
	float: left;
	display: block;
	font-weight: normal;
	font-size: 11px;
	text-indent: -9999px;
	outline: none;
	cursor: pointer;
}
#nav1, #nav2, #nav3, #nav4, #nav5, #nav6, #nav7, #nav8, #nav9 {
	background: url(../_img/nav.png) no-repeat;
}
#nav1 {background-position: 0 0; width: 102px;}
#nav2 {background-position: -102px 0; width: 87px;}
#nav3 {background-position: -189px 0; width: 105px;}
#nav4 {background-position: -294px 0; width: 109px;}
#nav5 {background-position: -403px 0; width: 114px;}
#nav6 {background-position: -517px 0; width: 110px;}
#nav7 {background-position: -627px 0; width: 103px;}
#nav8 {background-position: -730px 0; width: 106px;}
#nav9 {background-position: -836px 0; width: 122px;}

#nav1:hover {background-position: 0 -63px;}
#nav2:hover {background-position: -102px -63px;}
#nav3:hover {background-position: -189px -63px;}
#nav4:hover {background-position: -294px -63px;}
#nav5:hover {background-position: -403px -63px;}
#nav6:hover {background-position: -517px -63px;}
#nav7:hover {background-position: -627px -63px;}
#nav8:hover {background-position: -730px -63px;}
#nav9:hover {background-position: -836px -63px;}

#nav1.on {background-position: 0 -126px;}
#nav2.on {background-position: -102px -126px;}
#nav3.on {background-position: -189px -126px;}
#nav4.on {background-position: -294px -126px;}
#nav5.on {background-position: -403px -126px;}
#nav6.on {background-position: -517px -126px;}
#nav7.on {background-position: -627px -126px;}
#nav8.on {background-position: -730px -126px;}
#nav9.on {background-position: -836px -126px;}

.aboutus #nav1, .aboutus #nav2, .aboutus #nav3, .aboutus #nav4, .aboutus #nav5, .aboutus #nav6, .aboutus #nav7 {
	background: url(../_img/nav_aboutus.png) no-repeat;
}
.aboutus #nav1 {background-position: 0 0; width: 130px;}
.aboutus #nav2 {background-position: -130px 0; width: 106px;}
.aboutus #nav3 {background-position: -236px 0; width: 144px;}
.aboutus #nav4 {background-position: -380px 0; width: 148px;}
.aboutus #nav5 {background-position: -528px 0; width: 137px;}
.aboutus #nav6 {background-position: -665px 0; width: 145px;}
.aboutus #nav7 {background-position: -810px 0; width: 148px;}

.aboutus #nav1:hover {background-position: 0 -63px;}
.aboutus #nav2:hover {background-position: -130px -63px;}
.aboutus #nav3:hover {background-position: -236px -63px;}
.aboutus #nav4:hover {background-position: -380px -63px;}
.aboutus #nav5:hover {background-position: -528px -63px;}
.aboutus #nav6:hover {background-position: -665px -63px;}
.aboutus #nav7:hover {background-position: -810px -63px;}

.aboutus #nav1.on {background-position: 0 -126px;}
.aboutus #nav2.on {background-position: -130px -126px;}
.aboutus #nav3.on {background-position: -236px -126px;}
.aboutus #nav4.on {background-position: -380px -126px;}
.aboutus #nav5.on {background-position: -528px -126px;}
.aboutus #nav6.on {background-position: -665px -126px;}
.aboutus #nav7.on {background-position: -810px -126px;}

.contact #nav {
	background: url(../_img/nav_bg_contact.png) no-repeat;
}
.contact #nav1, .contact #nav2 {
	background: url(../_img/nav_contact.png) no-repeat;
}
.contact #nav1 {background-position: 0 0; width: 130px;}
.contact #nav2 {background-position: -130px 0; width: 166px;}

.contact #nav1:hover {background-position: 0 -63px;}
.contact #nav2:hover {background-position: -130px -63px;}

.contact #nav1.on {background-position: 0 -126px;}
.contact #nav2.on {background-position: -130px -126px;}

/* text */

#text {
	width: 592px;
	height: 100%;
	float: left;
	display: block;
	position: relative;
	margin: 0;
	padding: 0 0 0 24px;
}
#text h1 {
	width: 570px;
}
#text h2,
#text h3 {
	width: 346px;
}
#text p {
	width: 346px;
}
#text img {
	float: right;
	display: block;
	margin-bottom: 14px;
}
#text ul {
	margin: 15px 0 6px 0;
	padding: 0;
	list-style: none;
}
#text li {
	width: auto;
	height: 20px;
	text-indent: 24px;
	background: url(../_img/list_bullet.gif) no-repeat 0 2px;
}
#text li a {
	color: #888;
}
#text li a:hover {
	color: #42b0ed;
	text-decoration: none;
}
#text li.doubleline {
	height: 36px;
}
#text li.doubleline span {
	padding-left: 24px;
}

/* download pdf button */

#text p.highlight {
  	float: left;
}
#text p.highlight a * {
	display: none;
}

/* contact and quote rollover buttons */

#text a.pdflink,
#text a.pdflink .hover {
	width: 318px;
	height: 79px;
	display: block;
	margin: 0;
	padding: 0;
	outline: none;
	cursor: pointer;
	text-indent: -9999px;
	background: url(../_img/download_button.gif) no-repeat;
}
#text p.highlight a.pdflink:hover,
#text a.pdflink .hover {
	margin-top: -16px;
	background: url(../_img/download_button.gif) no-repeat -318px 0;
}

/* random statements */

#statements {
	width: 223px;
	height: 127px;
	float: right;
	clear: right;
	margin: 0;
	padding: 0;
}
#statements p {
	width: 223px;
	text-indent: -9999px;
}

/* google map */

#map {
	width: 576px;
	height: 431px;
	display: block;
	position: relative;
	margin: 10px 0 0 -8px;
	border: 12px solid #42b0ed;
	background: url(../_img/google_map.jpg) no-repeat;
}
#address {
	width: 180px;
	height: 198px;
	padding: 12px 20px 20px 20px;
	display: block;
	color: #fff;
	top: 206px;
	left: 366px;
	z-index: 2;
	position: absolute;
	background: url(../_img/address_bg.png) no-repeat; 
}
#address h1 {
	text-indent: -9999px;
	display: block;
}
#address p span {
	color: #42b0ed;
}
#address a {
	color: #42b0ed;
	text-decoration: underline;
}
#address a:hover {
	text-decoration: none;
}

/* RIGHTSIDE */

#rightside {
	width: 333px;
	height: 100%;
	float: right;
	position: relative;
	margin: 10px 10px 20px 0;
}

/* newsletter signup form */

#signup {
	width: 275px;
	height: 286px;
	margin: 0 0 6px 0;
	padding: 0 34px 0 24px;
	background: url(../_img/subscribe_box.gif) no-repeat;
}
#signup h2 {
	height: 70px;
	text-indent: -9999px;
}
#signup p {
	color: #fff;
}
#signup form {
	margin-top: 18px;
}
#signup form p {
	margin: 0 0 10px 0;
}
#signup form .textform {
	text-transform: uppercase;
}

/* rightside rollover buttons */

#rightlinks {
	margin: 0;
	padding: 0;
  	list-style: none;
}
#rightlinks li {
  	float: left;
}
#rightlinks a * {
	display: none;
}

/* contact and quote rollover buttons */

#rightlinks a.contactright,
#rightlinks a.contactright .hover,
#rightlinks a.quoteright,
#rightlinks a.quoteright .hover,
#rightlinks a.findusright,
#rightlinks a.findusright .hover,
#rightlinks a.pepright,
#rightlinks a.pepright .hover {
	width: 333px;
	height: 122px;
	display: block;
	margin: 0;
	padding: 0;
	outline: none;
	cursor: pointer;
	text-indent: -9999px;
	background: url(../_img/rightside_contact.jpg) no-repeat;
}
#rightlinks .highlight a.contactright:hover,
#rightlinks a.contactright .hover {
	background: url(../_img/rightside_contact.jpg) no-repeat -333px 0;
}
#rightlinks a.quoteright {
	background: url(../_img/rightside_quote.jpg) no-repeat;
}
#rightlinks .highlight a.quoteright:hover,
#rightlinks a.quoteright .hover {
	background: url(../_img/rightside_quote.jpg) no-repeat -333px 0;
}
#rightlinks a.findusright {
	background: url(../_img/rightside_findus.jpg) no-repeat;
}
#rightlinks .highlight a.findusright:hover,
#rightlinks a.findusright .hover {
	background: url(../_img/rightside_findus.jpg) no-repeat -333px 0;
}
#rightlinks a.pepright {
	background: url(../_img/rightside_pep.jpg) no-repeat;
}
#rightlinks .highlight a.pepright:hover,
#rightlinks a.pepright .hover {
	background: url(../_img/rightside_pep.jpg) no-repeat -333px 0;
}

/* latest news box */

#latestnews {
	width: 275px;
	height: 213px;
	float: left;
	display: block;
	margin: 6px 0 0 0;
	padding: 0 34px 0 24px;
	background: url(../_img/news_box.jpg) no-repeat;
}
#latestnews h2 {
	height: 36px;
	text-indent: -9999px;
}
#latestnews ul {
	margin-bottom: 8px;
}
#latestnews li {
	width: 246px;
	height: 48px;
	margin-top: 16px;
	padding-left: 10px;
	cursor: pointer;
	border-left: 5px solid #42b0ed;
}
#latestnews li:hover {
	background: url(../_img/news_rollover_bg.png) no-repeat 6px 0;
}
#latestnews li a {
	width: 200px;
	height: auto;
	margin: 0;
	padding-right: 56px;
	color: #fff;
	font-weight: bold;
	float: left;
	display: block;
	cursor: pointer;
	outline: none;
}
#latestnews li a:hover {
	text-decoration: none;
}
#latestnews li span {
	width: 100%;
	color: #ddd;
	cursor: pointer;
	font-style: italic;
}
#latestnews li span.darkgrey {
	font-style: normal;
	color: #444;
	margin: 0;
	padding: 0;
	cursor: pointer;
	float: left;
	display: block;
}
#latestnews p {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	float: right;
	display: block;
}
#latestnews p a {
	font-weight: bold;
	font-size: 12px;
}

/* news page */

.news #text p {
	width: 100%;
}
.news #latestnews {
	height: 400px;
	margin-bottom: 10px;
	background: url(../_img/news_box_lrg.jpg) no-repeat !important;
}
.news #latestnews li {
	margin-top: 15px;
	border-left: 5px solid #fff;	
}
.news #latestnews li:hover,
.news #latestnews li.on {
	background: url(../_img/news_rollover_bg1.png) no-repeat 6px 0;
}
.news #latestnews li span.darkgrey {
	color: #002b61;
}
.news #latestnews p {
	margin-top: -2px;
}
.news #latestnews p a {
	color: #fff;
}

/* footer */

#footer {
	width: 958px;
	height: 38px;
	margin: 0 auto;
	padding: 2px 12px 0 12px;
	clear: both;
	position: relative;
	border-top: 1px dotted #ccc;
}
#footer p {
	font-size: 11px;
	color: #999;
}
#footer p span {
	float: right;
}

/* Forms */

form {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
}
fieldset {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	border: none;
}
.textform,
.selectservice,
textarea {
	font: 14px Arial, Helvetica, sans-serif;
	border: 1px solid #777;
	width: 270px;
	margin: 0;
	padding: 2px;
	color: #555;
	height: 16px;
	font-weight: normal;
	background: #f6f5f8 url(../_img/textform_bg.gif) repeat-x;
}
.selectservice {
	height: 22px;
	width: 255px !important;
	background: #f4f4f4 !important;
	border: 1px solid #c4c4c1;
}
textarea {
	width: 320px;
	height: auto;
}
.submit,
.browse {
	width: 92px;
	height: 31px;
	float: right;
	margin-right: -3px;
	display: block;
	cursor: pointer;
	text-indent: -9000px;
	border: none;
	outline: none;
	background: url(../_img/submit_button.png) no-repeat;
}
.browse {
	background: url(../_img/browse_button.gif) no-repeat;
}

/* Extras */

.boldtext,
.boldtext1 {
	font-size: 14px;
	font-weight: bold;
	word-spacing: 1px;
	letter-spacing: -1px;
}
.boldtext1 {
	color: #42b0ed;
}
.subheading {
	margin-top: 0;
	font-size: 18px;
	font-weight: bold;
	line-height: 20px;
	word-spacing: 1px;
	letter-spacing: -1px;
}
.right {
	float: right !important;
}
.clear {
	clear: both;
}
.hidden {
	position: absolute; 
	left: -9999px; 
}


/* body classes */

.nopic #text p {
	width: 560px;
}
.nopic #text img {
	margin: 3px 0 0 20px;
	padding-bottom: 30px;
}

.contact #text p {
	width: 100%;
}
.contact #text form {
	width: 326px;
}
.contact #text fieldset {
	padding-top: 1px;
}
.contact #text form p label {
	width: 70px;
	display: block;
	float: left;
	color: #42b0ed;
}
.contact #text form .personalinfo p.large {
	height: 95px;
}
.contact #text form .textform,
.contact #text form .personalinfo textarea {
	width: 250px;
	border: 1px solid #c4c4c1;
	background: #e8e8e8 url(../_img/textform_bg1.gif) repeat-x;
}
.contact #text form .personalinfo textarea {
	height: 80px;
}
.contact #text form textarea {
	border: 1px solid #c4c4c1;
	background: #e8e8e8 url(../_img/textform_bg1.gif) repeat-x;
}
.contact #text .service {
	height: 40px;
	margin-top: 7px;
}
.contact #text fieldset.comments {
	margin-top: -10px;
}
.contact #text .personalinfo p,
.contact #text .service p {
	height: 30px;
}
.contact #text .personalinfo p label,
.contact #text .service p label {
	margin-top: 3px;
}
.contact #text .comments p {
	height: auto;
}
.contact #text .comments p label {
	width: 100%;
	height: 25px;
}
.contact #text .comments .textform {
	width: 320px;
} 

/* upload facility */

#divinputfile {
	width: 326px;
	height: 31px;
	margin: 0;
	background: url(../_img/browse_button.gif) no-repeat 236px 0;
}
#divinputfile #filepc {
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
	font-size: 18px;
}
#fakeinputfile {
	margin-top: -28px;
}
#fakeinputfile #fakefilepc {
	width: 210px;
	height: 24px;
	font-size: 18px;
	color: #666;
	padding: 0 20px 0 2px !important;
	border: 1px solid #c4c4c1;
	background: #e1e1e0 url(../_img/textform_bg.gif) repeat-x;
}

/* search results page */

.search #text a,
.news #text a,
.sitemap #text a {
	font-size: 14px;
	font-weight: bold;
}
.sitemap #text a:hover {
	text-decoration: underline;
}

/* sitemap page */

.sitemap #middle {
	min-height: 650px;
	overflow: visible;
}
.sitemap #mainpic {
	height: 0;
	border-top: 18px solid #42b0ed;
}
.sitemap #text p {
	width: 542px;
}
.sitemap #text ul {
	width: 100%;
	height: auto;
	margin: 0 0 2px;
	padding: 0;
	float: left;
	display: block;
	list-style: none;
}
.sitemap #text ul ul {
	margin-top: 4px;
}
.sitemap #text li {
	width: 100%;
	height: auto;
	margin: 0 0 8px;
	float: left;
	display: block;
	text-indent: 0;
	background: none;
}
.sitemap #text li a {
	font-size: 16px;
	color: #42b0ed;
}
.sitemap #text li li {
	margin-bottom: 0;
}
.sitemap #text li li a {
	font-size: 12px;
	color: #999;
}