/*------------------------------------SETUP------------------------------------*/

/*************************************/
/**********--DO NOT CHANGE--**********/
/*************************************/
html, body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, img {
	margin: 0;
	padding: 0;
	border: 0;
}

input, textarea {padding:0; margin:0;}


/*************************************/
/*---here you can change:------------*/
/*-----BACKGROUND-COLOR--------------*/
/*-----FONT style but not size-------*/
/*-----COLOR-------------------------*/
/*************************************/
body{
	text-align: center; /*--centering in IE--*/
	background-color:#FFF;
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	color:#036;
}

/*************************************/
/**********--DO NOT CHANGE--**********/
/*************************************/
.content750 {
	width: 750px; /* for IE5 and IE6 in quirks mode and FF because no padding*/
	padding: 10px 0 20px;
	margin: 0 auto;/*--centering in FF--*/
	text-align: left;
}

body div.mainbar {
	border:1px solid #ccc;
	width: 750px; 	 /* for IE5 and IE6 in quirks mode*/						
	w\idth:730px;	/* for FF and IE6 because padding 10 + 10*/
	padding:10px;
}

body div.browse {
	width: 750px; 	 /* for IE5 and IE6 in quirks mode*/						
	w\idth:730px;	/* for FF and IE6 because padding 10 + 10*/
	padding: 5px 10px;
	font-size: 0.8em;
	text-align:center;
}

.left30 {
	float:left; 
	width: 30px; 
	text-align: left;
}

.right30 {
	float: right; 
	width: 30px; 
	text-align: right;
}

#c{
	position:relative; 
	width: 750px; 	 /* for IE5 and IE6 in quirks mode*/						
	w\idth:728px;	/* for FF and IE6 because padding 10 + 10 plus 1 + 1 border*/
	padding:10px;
	border:1px solid #ccc;
	text-align:center;
}


/*************************************/
/*---here you can change:------------*/
/*-----WIDTH-------------------------*/
/*-----can only be max 750px---------*/
/*-----[FF] w\idth to be 10px less---*/
/*************************************/
#c .fullwidth {
	width: 630px; 	 /* for IE5 and IE6 in quirks mode*/						
	w\idth:620px;	/* for FF and IE6 because padding 5 + 5 = 10 */
	margin: 0 auto;
	text-align:left;
	padding:5px;
}

/*************************************/
/**********--DO NOT CHANGE--**********/
/*************************************/
#c a.gotonextpage {
	display:block; 
	margin-top:30px; 
	font-size: 0.8em;
	text-align:left;
}

/*---use for back to top inside div--*/
#c a.backtotopincdiv {
	display:block; 
	padding: 20px 0 20px 0; 
	font-size: 0.8em;
}

a.backtotop {
	display:block; 
	padding: 20px 0 0 10px; 
	font-size: 0.8em;
}


/*------------------------------------LINKS------------------------------------*/
/*************************************/
/*---here you can change:------------*/
/*-----ALL ATTRIBUTES----------------*/
/*************************************/
a {color:#067F76; text-decoration:none;}
a:link {}
a:visited {}
a:hover {text-decoration:underline;}
a:active {}


/*------------------------------------FONTS ETC.------------------------------------*/
/*************************************/
/**********--DO NOT CHANGE--**********/
/*************************************/
/* top navigation bar */
.mainbar p.reportname {padding: 10px 0; font-size: 1.3em;}
.mainbar ul.mainnavigation li{display:inline;margin-right:3px;}
.mainbar p, .mainbar li {font-size:0.8em;}
.mainbar ul {margin-left: 30px;}


/*************************************/
/*---here you can change:------------*/
/*-----WHATEVER YOU WANT-------------*/
/*---but suggest you restrict to:----*/
/*-----BACKGROUND-COLOR--------------*/
/*-----COLOR-------------------------*/
/*************************************/
#c h1 {
	font-size:1.3em;  
	padding:5px;
	margin-top:40px;
	margin-bottom:10px;
    margin-left:40px;
	text-align:left;
	color:#003366;
}

#c h2{
	font-size:1em;	
	padding: 5px 0 10px;
	margin-bottom:0;
}

#c h3{
	font-size:0.9em;
	padding-bottom:0;
	font-weight:bold;
}


#c p, #c ul li, #c ol li {
	font-size:0.8em;
	padding-bottom:10px;
}

#c ul ul li {
	font-size:1em;
	padding-bottom:0;
}

#c ul{
	margin-left:30px;
	list-style-position:outside;
}
#c ul.nobullets{list-style-type:none;}


/*-----this is for footnotes--------------*/
#c p.footnote {font-size:0.7em;}

#c ol.notes
	{
	font-size: 0.8em;
	padding: 0 0 0 8px;
	margin: 0 0 0 10px;
	list-style-type: decimal;	
	}



/*------SEARCH----------*/
/*************************************/
/**********--DO NOT CHANGE--**********/
/*************************************/
.searchfloatleft {
float: left;
width: 150px;
}


/*------DOWNLOADS----------*/
/*************************************/
/**********--DO NOT CHANGE--**********/
/*************************************/
#c table#downloadpage{font-size:0.8em;}


/*------SEND TO A FRIEND  --AND--  FEEDBACK----------*/
/*************************************/
/**********--DO NOT CHANGE--**********/
/*************************************/
.sendfriendfloatleft {
	float: left;
	width: 250px;
	margin-bottom: 3px;
}

.sendfriendfloatlefttext{
	float: left;
	width: 250px;
	font-size:0.8em;
	margin-bottom: 3px;
}


/*----------------TABLES--------------------*/

#c .fullwidth table {
	font-size:0.8em;
	margin:5px 0;
	border:0;
	width:100%;
	padding:0;
	empty-cells: show;
	border-collapse:collapse;
	border-spacing:0;
}

#c .fullwidth caption {
	font-size:1em;
	font-weight:bold;
	margin: 25px 0 -10px;
}

#c .fullwidth table.smalltable{font-size:0.6em; empty-cells: show; border-collapse:collapse;      border-spacing:0;} /*for when tables in the main section are too big - this reduces the font size*/
#c .fullwidth table.smalltable caption {font-size:1.2em;}

#c .fullwidth td, #c .fullwidth th {padding:2px 4px; margin:0;}

#c .fullwidth th.top {padding:2px 4px; margin:0;}

/*--if you want to give some margin top or bottom to a table--*/
#c .fullwidth table.margintop {margin-top:25px;}
#c .fullwidth table.marginbottom {margin-bottom:25px;}

/*--if you want to give some margin top or bottom to a table that has captions--*/
#c .fullwidth table.margintopcap {margin-top:15px;}
#c .fullwidth table.marginbottomcap {margin-bottom:15px;}

#c .fullwidth .squarebox {border:1px solid #036; padding:3px;}
/*************************************/
/*---here you can change:------------*/
/*-----BACKGROUND-COLOR--------------*/
/*-----COLOR-------------------------*/
/*************************************/

#c th.colhd {
	text-align:right;
}

#c th.colhdct {
	text-align:center;
}

#c th {
	font-weight:normal;
	text-align:left;
}

#c td {
	text-align:right;
}

#c td.left {
	text-align:left;
}

#c td.midc { /*to set text of cell in vertical middle and horizontal center */
	vertical-align:middle;
	text-align:center;
	}

/*--the underline style for table cells--*/
#c tr.underline1px td {border-bottom:1px solid #036;}
#c tr.underline2px td {border-bottom:2px solid #036;}
#c tr.underline1px th {border-bottom:1px solid #036;}
#c tr.underline2px th {border-bottom:2px solid #036;}
#c td.underline1px {border-bottom:1px solid #036;}
#c td.underline2px {border-bottom:2px solid #036;}
#c th.underline1px {border-bottom:1px solid #036;}
#c th.underline2px {border-bottom:2px solid #036;}

th.bdrleft, td.bdrleft {border-left:1px solid #036;}
th.bdrright, td.bdrright {border-right:1px solid #036;}

#c td.colourcell, #c th.colourcell{background-color:#9CF}

.underline { border-bottom:1px solid #000000; }

/*-------CLASSES AND CLEARS---------*/
.clearboth{clear:both;}
.clearleft{clear:left;}
.clearright{clear:right;}
.boldtext{font-weight:bold;}
.alignleft {text-align:left;}
.tunderline {text-decoration:underline;}
.nlist {list-style-position:inside;}
.nlist2 {/*list-style-position:inside;*/ margin-left:20px;}
.nlist3 {margin-left:20px;}