@charset "utf-8";
/* CSS Document */

/******************************

TABLE OF CONTENTS
		- general, resets and headings
		- Layout
		- Content
		- Form styles
		- Menu		
		
COLOURS
		body text - #90908f
		headings  - #398aca
		
******************************/

body{
	margin:0;
	background-color:#d7d7d7;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#90908f;
	}

a:link, a:active, a:visited{
	color:#707070;
	text-decoration:none;
	}

a:hover{
	text-decoration:underline;
	}

form, h1, h2, h3{
	margin:0;
	padding:0;
	}
h1, h2, h3{
	margin-bottom:10px;
	font-size:18px;
	font-weight:normal;
	color:#398aca;
	}
h1{
	font-size:24px;
	}
h3{
	margin-bottom:5px;
	font-size:12px;
	font-weight:bold;
	}
img{
	border:0;
	}
.clear{
	clear:left;
	}
	
/**** LAYOUT ***/

#container{
	width:852px;
	margin:auto;
	padding:8px 14px 0 15px;
	background-image:url(../images/background-shaddow.gif);
	background-repeat:no-repeat;
	background-position: 0 40px;
	}
#content-home{
	padding:30px 14px 30px 30px; 
	background-color:#FFFFFF;
	}
#content-sub{
	background-color:#FFFFFF;
	}

/*** CONTENT ***/

img.border{
	border:1px solid #90908f;
	}
	
#content-home div.text{
	width:351px;
	padding:0 26px 0 22px;
	float:left;
	}
#content-home img{
	float:left;
	}
#content-sub div.text{
	width:476px;
	padding: 25px 30px 20px 40px;
	float:left;
	}
#sub-right{
	width:280px;
	padding-left:25px;
	background-image:url(/images/background-right.gif);
	background-repeat:no-repeat;
	background-position:left top;
	float:left;
	text-align:center;
	}
#sub-right img{
	margin-bottom:18px;
	}

/*** FORM STYLES ***/

input, textarea{
	width:150px;
	padding:2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#90908f;
	}
input.btn{
	width:auto;}
table.form{}
.form th{}
.form td{
	padding:3px 0;}

/*** MENUS ***/

/* Site Map*/

#sitemap{
	margin-bottom:15px;
	text-align:right;
	}
#sitemap a:link, #sitemap a:active, #sitemap a:visited{
	padding:0 10px;
	color:#a9b7c2;
	}
#sitemap a:hover{
	color:#91a3ad;
	text-decoration:none;
	}
	
/* main menu */

#mainmenu{
	height:33px;
	}
#mainmenu a{
	width:169px;
	height:33px;
	margin-right:1px;
	background-position:left;
	background-repeat:no-repeat;
	display:block;
	float:left;
	}
#mainmenu a:hover{
	background-position:right;
	}
#mainmenu span{
	display:none;
	}
#mainmenu a.home{
	margin-right:2px;
	background-image:url(../images/menu-home.gif);}
#mainmenu a.services{
	background-image:url(../images/menu-services.gif);}
#mainmenu a.reports{
	margin-right:2px;
	background-image:url(../images/menu-reports.gif);}
#mainmenu a.faqs{
	background-image:url(../images/menu-faqs.gif);}
#mainmenu a.contactus{
	background-image:url(../images/menu-contact-us.gif);}

/* footer */

#footer{
	height:34px;
	background-image:url(../images/background-footer.gif);
	background-repeat:repeat-x;
	color:#959595;
	line-height:34px;
	text-align:center;
	}
#footer a:link, #footer a:active, #footer a:visited{
	color:#959595
	}
#footer a:hover{
	color:#707070;
	text-decoration:none;
	}
#footer span{
	padding:0 10px;
	}

table.datatable {
	border-collapse: collapse;
	width: 100%;
}
.datatable th {
	color: #8f8f8f;
	border: 1px solid #ededed;
	background-color: #ededed;
	padding: 2px;
}

.datatable td {
	border: 1px solid #ededed;
	background-color: #fcfcfc;
	padding: 2px;
	text-align: center;
}

/* div style for utilising full area */
.landscape {
	padding: 0px 50px;
}

/* alerts */
.error {
	color: #000000;
	font-size: 1em;
	padding: 8px 8px 12px 55px;
	border:4px solid #e2e3e4;
	background: url(/images/icon-error.gif) no-repeat 5px;
}

.notification {
	color: #398aca;
	font-size: 1em;
	padding: 8px 8px 12px 20px;
	border:4px solid #e2e3e4;
}