/* added styles */

.style1 {color: #6ea3c2}

.imgright {float:right; padding: 5px 0px 5px 10px }

#navone a.active {color:red;}

/*--------------------------------------*/
/*http://www.cement.org.au/css/basic.css*/
/*--------------------------------------*/


p, li, a {

font-family: Helvetica, arial, verdana, sans-serif ;

text-align: left;

}

/*headings*/

h1 {

text-align: left;

font: bold 1.6em Helvetica, arial, verdana, sans-serif ;

color:#EE4A45;

background:transparent;

}



h2 {

font: bold 1.3em Helvetica, arial, verdana, sans-serif ;

color:#41525C;

/*color:#EE4A45;*/

text-align: left;

background:transparent;

}



h3 {

font: bold 1.1em Helvetica, arial, verdana, sans-serif ;

color:#000;

text-align: left;

background:transparent;

}



/*keep link pseudo classes in this order*/



a:link {

color:#6EA3C2;

} 



a:visited {

color:#C54031;

}



a:hover {

color:#1A86C6;

}



a:active {}





.align {

	float:right;

	border: 1px solid #000;

}



.white {

	color:#000;

}



.newsbox { 

	margin:1em; 

	font-size:90%;

	padding: .5em 1em .5em 1em; 

	border: 1px dashed #999;

}



.newsbox h3 {

	text-align:center;

}

/* Styles for publications tables */

.pubTable {

 	width:100%;

 	border:1px solid #D1D4E3;

	border-collapse:collapse;

}



.pubTable th {

	background-color: #D1D4E3;

	border-spacing:0;

	font-weight:bold;

	

}

.pubTable tr {

	vertical-align:top;

	

}

.pubTable td {

	padding:10px 2px 2px 2px;

}



.icon {

	vertical-align:middle;

}

.styledList li{

	list-style-image:   url(../images/bullet_arrow.gif);

}

li {

	margin: 0 0 5px 0;

}



dt {

	font-weight:bold;

}

dd {

	padding-bottom:15px;

}


/* ---- http://www.cement.org.au/css/cif.css --*/


/*GENERAL SITE STYLES*/

html,body {

background:#585651;

/*background:#ECE9C5;*/

font: normal 90% arial, sans-serif, verdana;

color: #000;

padding:0;

margin: auto 0;

text-align:center;

}



p {

margin-top:0;

margin-bottom:.5em;

margin-left:0;

}

/*headings*/

h1 {

text-align: left;

font: bold 1.6em Helvetica, arial, verdana, sans-serif ;

color:#EE4A45;

background:transparent;

margin-bottom:0;

}



h2 {

font: bold 1.3em Helvetica, arial, verdana, sans-serif ;

color:#41525C;

/*color:#EE4A45;*/

text-align: left;

background:transparent;

margin-bottom:0;

}



h3 {

font: bold 1.1em Helvetica, arial, verdana, sans-serif ;

color:#000;

text-align: left;

background:transparent;

margin-bottom:0;

}



/*keep link pseudo classes in this order*/



a:link {

color:#6EA3C2;

} 



a:visited {

color:#C54031;

}



a:hover {

color:#1A86C6;

}



a:active {}



/*DIVS START HERE*/



/*main container for all divs.*/



#container {

margin: 0 auto;

/*background:#E6EAED url(images/bg_rocks_left.jpg) repeat-y;*/

padding:10px 0 0 0;

width:796px;

height:100%;

/*border-top: 10px solid #000;*/

text-align:left;

background:#fff url(../images/bg_rocks_top_menu.gif) repeat-x;



}

#header {

background:#fff url(../images/CIF_logo_small.gif) no-repeat top left;

color:#000;

height:108px;

/*border-bottom: 1px solid #BCC099;*/

width: 100%;



/*when the width was set to 100% I had a gap on the right. 

Setting width:101% forced the background image to the right*/

}



#header h1 {

display: none;

}

#banner {

background-image: url(file:///Z|/WWWROOT/images/titles/cement_logo.gif);

	background-repeat: no-repeat;

	

}



#searchform {

	background-color:transparent;

	color: #000;

	padding:10px;

	margin-top:-29px;

	

	text-align: left;

	float:right;	

}

#searchform form {

margin-top:55px;

margin-bottom:0px;

}



	

	

	

	#navone {

	font-weight:bold;

	position:relative;

	background-color:#000;

	color: #fff;

	width:100%;

	text-align: left;

	border-bottom: 1px solid #fff;



	background-image:url(../images/bg_rocks_top_menu.gif);

	background-position:left;

	

	}

	#navone ul{

		margin: 0;

		padding: 7px 0 7px 0;

		

	}

	

	

	

	#navone li{

		display:inline;

		list-style:none;

		margin:0;

		padding: 7px 10px 7px 10px;

		border-right: 1px solid #fff;

		font-size: .9em;

		}

	

	#navone a, #naveone a:link, #naveone a:visited {

	color: #fff;

	background-color: #000;

	text-decoration: none;

	font-weight:bold;

	}

	

	#navone a:hover {

	color: #f00;

	background-color: #000;

	text-decoration: none;

	}



#navtwo {

float:left;

width:170px; 

background-color:#fff;

margin-right:1px;

color: #000;

text-align:left;

text-indent:0;

padding:0;



}



#navtwo ul{

		float:left;

		list-style:none;

		font-size: 1em;

		height:281px;

		color: #005;

		background-color:#E5EAED;

		padding: 1.5em 0 .5em 0;

		margin: 0;

		width: 170px;

		text-align:left;

		text-indent:0;

	}



#navtwo li{

		list-style:none;

		font-size: .86em;

		color: #005;

		background-color:#E5EAED;

		text-align:left;

		display:block;

		width:100%;

		

		}

	

#navtwo li a {

text-decoration: none;

padding: 0.2em 1em 0.2em 1.5em;

display: block;

color: #555;

background-color:#E5EAED;

background-image:url(../images/menu_arrow.gif); 

background-position: left center; 

background-repeat: no-repeat;

}



	#navtwo li a:hover {

	padding: 0.2em 1em  0.2em 1.5em;

	color: #f00;

	background-color:#D1D1C6;

	}


#navtwo li.active a {

	 padding: 0.2em 1em  0.2em 1.5em; 

	/*color: #f00;*/

	background-color:#D1D1C6;

	}


#content {

width:400px;

padding: 20px;

text-align:left;

margin-left: 160px;

background-color:#E6EAED;

background-color:#fff;



}

#right_bg  {

float:right;

}



.clear {

	clear:both;

}

	

#footer { 

 	

	background-color:transparent;

	color:#000;

	font-size: .9em;	

	padding:0;

	margin:0;

	text-align:right;	

		

}

#footer li{

	display:inline;

	list-style:none;

	margin:0;

	padding: 7px 7px 7px 2px;

}

	

#footer a {

	color: #555;

	text-decoration: none;

}



#footer a:hover {

	color: #f00;

	text-decoration: none;

}



#navthree { 

 	

	background-color:transparent;

	color:#000;

	font-size: .9em;	

	padding:1px;

	margin:0;

	text-align:center;	

		

}

#navthree li{

	display:inline;

	list-style:none;

	margin:0;

	padding: 7px 7px 7px 2px;

}

	

#navthree a {

	color: #555;

	text-decoration: none;

}



#navthree a:hover {

	color: #f00;

	text-decoration: none;

}



/*CLASSES START HERE*/



.breadcrumbs {

	font-size:.75em;

}



li .current {

	color:#f00;	

	background-color:#fff;

}



.align {

	float:right;

	border: 1px solid #000;

}



.white {

	color:#000;

}



.newsbox { 

	margin:1em; 

	font-size:90%;

	padding: .5em 1em .5em 1em; 

	border: 1px dashed #999;

}



.newsbox h3 {

	text-align:center;

}

#learnMore {

	font: normal 80% arial;

	padding:10px;

	margin:0;

	text-align:left;

	font-weight:bold;

}



#overDiv {

	text-align:left;

}

#siteMap {



}

#siteMap li {

	list-style:none;

	padding:2px 5px 0 2px;

}

#siteMap li li {

	margin-left:-10px;

	list-style:none;

	padding:2px 5px 0 2px;

	

}




/* -------- SRH added CSS -------- */

/* Download boxes */

.boxy{overflow:auto;width:440px;font-size:90%;padding:5px 8px 5px 5px;margin-bottom:2px;}

.boxy p {margin-bottom: .6em;}

.blue {border:1px solid #E6E6FF;background-color:#FCFDFE;}

.grey {border:1px solid #e9e9e9;background-color:#f8f8f8;}

/* Style for page nav in file listing */
a.thispage {
/*display:block;*/
padding:0 5px;
border:1px solid #e9e9e9;background-color:#f8f8f8;
color: #555;
}


img {border:none;}