/*CSS by clarica dot com dot au 2007.These rules are applied to all elements unless otherwise specified below. The css here is grouped universals, links, layout divs then classes, and generally follows the page from top to bottom and left to right. You will see the general rule followed by the particular rules specific to each page where particular rules are specified.*/

/* =universals*/

* {	margin: 0;
padding: 0;
}

html {
background-color: #81ACCF;
}

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #858585;
background-color: #81ACCF;
text-align: justify;
line-height: 16px;
background-image: url(images/background_gradient_02.jpg);
background-repeat: repeat-x;
background-position: left top;
}

img, img a {border: none;}

ul {
	color: #717171;
	text-decoration: none;
	list-style-type: none;
}

ol {padding-left: 25px;}

h1, h2, h3, h4, h5, h6, p, ul, ol {
margin: 0 0px;
padding: 6px 0;
color: #717171;
}

h1 {
	color: #4c7d91;
	text-align: left;
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	font-weight: lighter;
	line-height: 30px;
	padding-bottom: 18px;
}
#masthead h1 {
font-size:30px;
color:#6290D4;
font-weight: lighter;
letter-spacing: 0em;
line-height: 36px;
margin: 0px;
padding: 15px 15px 15px 50px;
}

h2 {
	font-size: 16px;
	color:#868887;
	padding: 0px 0px 12px;
	font-family: "Times New Roman", Times, serif;
}
h5 {
	color:#4C7D91;
	padding: 0px 0px 12px;
	font-weight: bold;
}

/* =links  */
a:link {text-decoration: underline; color:#1175B0;}
a:visited {color:#60616C;}
a:hover, a:active {text-decoration:none;color:#1175B0;}
.current {text-decoration:none; color:#1175B0;}

#left_nav a:link {
	text-decoration:none;
	color:#60616C;
	}
	
#left_nav a:visited {
text-decoration:none; 
color:#60616C; 
}

#left_nav a:hover, a:active {
	text-decoration:none;
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none;
	border-left-style: none;
	color: #1175B0;
	
}
#left_nav .current {
	text-decoration:none;
	color: #369ACF;
	}

#left_nav ul li{
	text-indent:0px;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 0px!important; /*IE 6 indent on ul li bug fix*/
	margin: 0px;
}
/*IE whitespace bug fix*/
li {
height: 11px;
}
html>body li {
height: auto;
}

/*end IE whitespace bug fix*/

/*=#layout divs*/
#pagetop {
width: 900px;
margin-right: auto;
margin-left: auto;
background-image: url(images/masthead.jpg);
background-repeat: no-repeat;
float: left;
}
#pagebottom {
	height: 104px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/providing_quality.jpg);
	background-repeat: no-repeat;
	float: left;
	margin-top: 40px;
	clear: both;
}
#pagerepeat {
height: auto;
width: 900px;
margin-right: auto;
margin-left: auto;
background-image: url(images/clarica_white_02.jpg);
background-repeat: repeat-y;
float: left;
}
#wrapper {
	height: auto;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	margin-top: 20px;
	margin-bottom: 40px;
	float: left;
}
#float {
	margin-right: auto;
	margin-left: auto;
	float: none;
	height: auto;
	width: 900px;
}

#masthead {
	width: 900px;
	height: 140px;
	background-color: #FFFFFF;
	float: left;
	background-position: center bottom;
	background-image: url(images/line_03.gif);
	background-repeat: no-repeat;
}
#logo {
	height: 67px;
	width: 426px;
	float: left;
	border: none;
	padding: 45px 0 0 10px;
}
#logo2 {
	float: right;
	padding: 21px 21px 0 0px;
	width: 235px;
	height: 96px;
	}
#phone {
	background-image: url(images/phone.jpg);
	background-repeat: no-repeat;
	float: right;
	height: 134px;
	width: 377px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#left_column {
	width: 200px;
	height: auto;
	float: left;
	font-size: 16px;
	font-family: "Times New Roman", Times, serif;
	margin-left: 20px;
	display: inline;	/*Doubled float margin bug fix for IE 6*/
}
#left_nav {
	width: 160px;
	height: auto;
	float: none;
	margin-top: 20px;
	font-size: 16px;
	font-family: "Times New Roman", Times, serif;
	padding-top: 20px;
	padding-bottom: 20px;
	font-weight: bold;
	padding-left: 20px;
	background-color: #E6EFF2;
	margin-right: 20px;
	}
#left_images {
	width: 180px;
	height: auto;
	float: left;
	margin-top: 20px;
	font-size: 16px;
	font-family: "Times New Roman", Times, serif;
	padding-bottom: 20px;
}
.pub-box {
	color:#535353;
	float:left;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	line-height:15px;
	margin-top:20px;
	text-align:left;
	width:154px;
	padding: 10px 13px;
	}
.pub-box.red {
	background-color: #efe0e2;
	}
.pub-box.blue {
	background-color: #dee7f1;
	}
.pub-box.green {
	background-color: #e2eae1;
	}	

#content_wrapper {
	width: 860px;
	padding: 20px;

}
#content_mainfw {
	width: 590px;
	float: left;
	padding: 20px;
	background-color: #FFFFFF;	
	}
#featureimg {
	width: 640px;
	height: 210px;
	float: left;
	background-image: url(images/feature.jpg);
	background-repeat: no-repeat;
	background-position: left;
	margin-top: 20px;
	margin-right: 20px;
	margin-left: 20px;
	display: inline; /*Doubled float margin bug fix for IE 6*/
}

#divefeatureimg {
	width: 640px;
	height: 210px;
	float: left;
	background-image: url(images/Image_3.jpg);
	background-repeat: no-repeat;
	background-position: left;
	margin-top: 20px;
	margin-right: 20px;
	margin-left: 20px;
	display: inline; /*Doubled float margin bug fix for IE 6*/
}

#content_main {
	width: 630px;
	height: auto;
	float: left;
	margin: 0px 20px 20px;
}

#sub1 {
	padding: 20px;
	width: 170px;
	float: left;
	}
	
#sub2 {
	padding: 20px;
	float: left;
	width: 170px;
}
#sub3 {
	padding: 20px;
	float: left;
	width: 170px;
}

#content_mainfw_blue {
	width: 590px;
	float: left;
	padding: 20px;
	background-color: #E6EFF2;
}


#footer {
width: 900px;
height: 60px;
margin: 0px auto;
padding: 0px;
float: left;
clear: both;
}


/*classes*/

.bcheading {
	background-image: url(images/red_square.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: 24px;
}
.dtheading {
	background-image: url(images/blue_square.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: 24px;
}

.maheading {
	background-image: url(images/green_square.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: 24px;
}
.bcheading {
	background-image: url(images/red_square.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: 24px;
}

.imgpad {
	padding-top: 20px;
}
.bold {

	color:#868887;
	padding: 0px 0px 12px;
	font-weight: bold;
}

.floatright {
	float: right;
	margin-left: 20px;
}

.floatleft {
	float: left;
	margin-right: 20px;
}