/* CSS Document */
/* Deployment 100403.1 Version c040.01 */
/* local css styles relate to all elements in the main editable content region */


/*
 * DO NOT MODIFY THIS FILE
 *
 * Instead, make any css changes in the 'doc.css' file.
 * This will make it much easier to update this file with any
 * changes from ICT.
 *
 */


/* -------------------------------------------------------------------------------- */
/* Import DOC CSS                                                                   */
/* -------------------------------------------------------------------------------- */

@import url("doc.css");


/* -------------------------------------------------------------------------------- */
/* HTML Tag Styles                                                                  */
/* -------------------------------------------------------------------------------- */

h1 {
	color: #cc3300;

}
h2 {
	color: #cc3300;

}
	
hr {
	text-align: center;
	height: 1px;

}
	
/* -------------------------------------------------------------------------------- */
/* Content Column Styles                                                            */
/* -------------------------------------------------------------------------------- */


#content {
	width: 600px;
	padding-left: 30px;
	padding-right: 20px;
	float: left;
}


#contentA {
	float:left;
	width: 590px;
}

#contentInternal {
	padding-left:30px;
	float:left;
	max-width:785px;
	padding-right:30px;
}

#onecolumn {
	

	
}
	

#twocolumnleft1, #twocolumnright1 {
	width: 277px;
	float: left;
	margin-left: 5px;
	padding: 5px;



}
#twocolumnleft1 {
	margin-right: 5px;
	
}

#twocolumnleft2, #twocolumnright2 {
	width: 277px;
	float: left;
	margin-left: 5px;
	padding: 5px;



}
#twocolumnleft2 {
	margin-right: 5px;
	
}

#threecolumnleft, #threecolumnright, #threecolumnmiddle {
	width: 178px;
	float: left;
	margin-left: 5px;
	padding: 5px;



}

#threecolumnleft{
	margin-right: 5px;
	
}
#threecolumnmiddle{
	margin-right: 5px;
	
}

.twocolumnleft1, .twocolumnright1 {
	width: 277px;
	float: left;
	margin-left: 5px;
	padding: 5px;


}
.twocolumnleft1 {
	margin-right: 5px;

	
}

.twocolumnleft2, .twocolumnright2 {
	width: 277px;
	float: left;
	margin-left: 5px;
	padding: 5px;


}
.twocolumnleft2 {
	margin-right: 5px;
	border: thin #000000;

	
}

.threecolumnleft, .threecolumnright, .threecolumnmiddle {
	width: 178px;
	float: left;
	margin-left: 5px;


}

.threecolumnleft{
	margin-right: 5px;
	
}
.threecolumnmiddle{
	margin-right: 5px;
	
}

.colourbox {
	background-color: #ffe8df;


	
}
.colourbox2 {
	color: #FFFFFF;
	background-color: #cc3300;



}

#hottopics {
	float:right;
	text-align:left;
	vertical-align: top;
	border: 1px dotted #CCCCCC;
	width: 135px;
	padding: 5px;
	margin-left: 10px;
}

#leftnav {
	width:140px;
	text-align:left;
	margin-top: 35px;
	vertical-align: top;
	padding-left: 10px;
	float: left;
	height: 100%;

}

#leftmargin {
	float:left;
	width:90px;
	text-align:right;
	margin-top: 35px;
	vertical-align: top;
}


/* -------------------------------------------------------------------------------- */
/* Misc Styles                                                            */
/* -------------------------------------------------------------------------------- */
.pad5 {
	padding-right: 5px;
	padding-left: 5px;

}
.imageRight {
	float: right;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 10px;
}
.imageLeft {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 5px;
}
.twocolumnright1  { height: auto }