/* CMTS - CSS Document by zie | MessageForce Pty. Ltd. */

Div.pagelayout
{
	align: center;
	width: 100%;
}

H1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	color: #233c4f;
}

H1 A:link
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	color: #233c4f;
	font-style:normal;
	text-decoration:none;
	}

H1 A:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	color: #233c4f;
	font-style:normal;
	text-decoration:none;
}

H1 A:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	color: #454d52;
	font-style:normal;
	text-decoration:underline;
}

H2 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #454d52;
	}
	
H2 A:link
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	color: #454d52;
	font-style:normal;
	text-decoration:none;
	}

H2 A:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	color: #454d52;
	font-style:normal;
	text-decoration:none;
}

H2 A:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	color: #233c4f;
	font-style:normal;
	text-decoration:underline;
}

H3 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	color: #233c4f;	}

	
H3 A:link
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	color: #233c4f;	
	font-style:normal;
	text-decoration:none;
	}

H3 A:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	color: #233c4f;	
	font-style:normal;
	text-decoration:none;
}

H3 A:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	color: #233c4f;	
	font-style:normal;
	text-decoration:underline;
}

H4 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color:#666666;
	}

H4 A:link
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #666666;
	font-style:normal;
	text-decoration:none;
	}

H4 A:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #666666;
	font-style:normal;
	text-decoration:none;
}

H4 A:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #666666;
	font-style:normal;
	text-decoration:underline;
}

.inquiry 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	color:#ffffff;
	}

.inquiry A:link
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	color: #ffffff;
	font-style:normal;
	text-decoration:none;
	}

.inquiry A:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	color: #ffffff;
	font-style:normal;
	text-decoration:none;
}

.inquiry A:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	color: #ffffff;
	font-style:normal;
	text-decoration:underline;
}

.columntext 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color:#ffffff;
	}

.columntext A:link
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #ffffff;
	font-style:normal;
	text-decoration:none;
	}

.columntext A:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #ffffff;
	font-style:normal;
	text-decoration:none;
}

.columntext A:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #ffffff;
	font-style:normal;
	text-decoration:underline;
}

p
{
	vertical-align: top;
	font-size: 12px;
	color: #6e6f72;
	font-family: Arial, Helvetica, sans-serif;
	line-height:16px;
}

p A:link
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #004b85;
	font-style:normal;
	text-decoration:none;
	}

p A:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #004b85;
	font-style:normal;
	text-decoration:none;
}

p A:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #004b85;
	font-style:normal;
	text-decoration:underline;
}

.subhead
{
	vertical-align: top;
	font-size: 16px;
	font-weight: bold;
	color: #233c4f;
	font-family: Arial, Helvetica, sans-serif;
}

.subhead2
{
	vertical-align: top;
	font-size: 15px;
	font-weight: bold;
	color: #5d5d5c;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
}

.subhead2 A:link
{
	vertical-align: top;
	font-size: 15px;
	font-weight: bold;
	color: #5d5d5c;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
}

.subhead2 A:visited
{
	vertical-align: top;
	font-size: 15px;
	font-weight: bold;
	color: #5d5d5c;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
}

.subhead2 A:hover
{
	vertical-align: top;
	font-size: 15px;
	font-weight: bold;
	color: #224967;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
}

body
{
/*	Always set background-colour to white otherwise it will stuff up the CMS system
*/
	background-color: White;
	vertical-align: top;
	font-size: 12px;
	color: #000000;
	line-height:16px;
	font-family: Arial, Helvetica, sans-serif;
	height:100%;
}

ul
{
	vertical-align: top;
	font-size: 12px;
	color: #6e6f72;
	font-family: Arial, Helvetica, sans-serif;
	line-height:16px;
}

ul A:link
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #004b85;
	font-style:normal;
	text-decoration:none;
	}

ul A:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #004b85;
	font-style:normal;
	text-decoration:none;
}

ul A:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #004b85;
	font-style:normal;
	text-decoration:underline;
}

ol
{
	vertical-align: top;
	font-size: 12px;
	color: #6e6f72;
	font-family: Arial, Helvetica, sans-serif;
	line-height:16px;
}

ol A:link
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #004b85;
	font-style:normal;
	text-decoration:none;
	}

ol A:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #004b85;
	font-style:normal;
	text-decoration:none;
}

ol A:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #004b85;
	font-style:normal;
	text-decoration:underline;
}

.container
{
    margin: 20px;
}

.left
{
    float: left;
	padding-right: 10px;
	padding-bottom: 15px;
	clear: left;
}

.right
{
    float: right;
	padding-left: 10px;
	padding-bottom: 15px;
}



/*	The following definitions control the left menu tree options (Block Type)

========================================================================= 

*/

bLeftMenuTree, a.bLeftMenuTree { font-size: 14px; display:inherit; width:200px !important; width/**/:200; }

TreeLeaf, a.TreeLeaf { font-family: Arial, Helvetica, sans-serif; align: left; color: white; background-color: #284961; font-weight: bold; font-size: 14px; display:inherit; padding-top: 7px; padding-bottom: 7px; padding-left: 8px; padding-right:0px; width:200px !important; width/**/:200px;}

TreeLeaf, td.Treeleaf {	font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: white; text-align: left; border-bottom: 2px solid #e3e4e5;}

TreeLeaf, a.TreeLeaf:hover { background-color: white; display:inherit; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #284961;	width:200px !important; width/**/:200; }

TreeSelectedLeaf, a.TreeSelectedLeaf { background-color: white; color: #284961; display:inherit; width:200px !important; width/**/:200px;}

#LeftMenuTreen3Nodes, #LeftMenuTreen1Nodes, #LeftMenuTreen9Nodes, #LeftMenuTreen13Nodes
{ margin-left: -8px; }

#LeftMenuTreen3Nodes a.TreeLeaf, #LeftMenuTreen1Nodes a.TreeLeaf, #LeftMenuTreen9Nodes a.TreeLeaf, #LeftMenuTreen13Nodes a.TreeLeaf
{ padding-left: 15px; width: 185px !important; width/**/: 200px;}


/*	The following Table is the table that stretches right across - effectivly its your canvas
=========================================================================

The only thing you really need to change is the colour.
*/

TABLE.BackgroundTable
{
	width: 100%;
	height:100%;
	padding-top: 0;
	border: 0;
	padding :0;
	cellspacing:0;
	vertical-align: top;
	margin-top: 0;
	margin-bottom: 0;
	margin-left:0;
	margin-right:0;
	margin: 0 auto;
	text-align: center;
	background-image:url(/File.aspx?x=658&File=mainBG.jpg);
	background-position:left top;
	background-repeat:repeat-x;

}

td.backgroundTableRow
{ 
        vertical-align: top;
}


/*	The header table that is INSIDE the Background Table
=========================================================================
*/

TABLE.HeaderTable
{
	align: center;
	width: 988px;
	vertical-align: top;
	border: 0;
	padding :0;
	cellspacing:0;
}

#headerLogo
{
        background-image: url(/File.aspx?x=658&File=CoalServices_logo.gif);
        background-repeat: no-repeat;
        background-position: top left;
        padding-left: 10px;
        padding-top: 10px;
        padding-bottom: 20px;
}

#headerImage 
{
        background-image: url(/File.aspx?x=658&File=headerImg.jpg);
        background-repeat: no-repeat;
        background-position: top;
}

#headerBorder
{
        width: 988px;
        height: 16px;
        background-color: #026a5e;
}


/*	The main table is split into 2 columns and the whole table is beneath the header table
The left column contains the menu. 
The right column contains the content.
=========================================================================
*/
TABLE.MainTable
{
	width: 988px; height: 100%;
	vertical-align: top;
	border: 0;
	padding :0;
}

td.leftcolumn
{ 
	width: 200px;
	height: 100%;
	vertical-align: top;
	background-color: #284961;
}

td.rightcolumn
{ 	
    vertical-align: top;
	background-color: #FFFFFF;
	border-right-width: 8px;
	border-right-style: solid;
	border-right-color: #284961;
	border-bottom-width: 8px;
	border-bottom-style: solid;
	border-bottom-color: #284961;
}

.contactHeader
{
		width: 193px; height: 58px;
        background-image: url(/File.aspx?x=658&File=contactHeader.jpg);
        background-repeat: no-repeat;
        background-position: top;
}

contactMiddle
{
		width: 193px; height: 115px;
		margin: 5px 0px;
		background-color: #898e91;
}

.contactBottom
{
		width: 193px; height: 40px;
        background-image: url(/File.aspx?x=658&File=contactBottom.jpg);
        background-repeat: no-repeat;
        background-position: top;
}

.contactText
{
		font-family: Arial;
		font-style: normal;
		font-size: 20px;
		color: white;
		font-weight: bold;
		text-align: center;
}

.contactText2
{
		font-family: Arial;
		font-style: normal;
		font-size: 14px;
		color: white;
		font-weight: bold;
		text-align: center;
}

.contactText2 A:link
{
	font-family: Arial;
		font-style: normal;
		font-size: 14px;
		color: white;
		font-weight: bold;
		text-align: center;
	text-decoration: none;
	text-align: center;
	}

.contactText2 A:visited
{
	font-family: Arial;
		font-style: normal;
		font-size: 14px;
		color: white;
		font-weight: bold;
		text-align: center;;
	text-decoration: none;
	text-align: center;
}

.contactText2 A:hover
{
	font-family: Arial;
		font-style: normal;
		font-size: 14px;
		color: #9bc8e4;
		font-weight: bold;
		text-align: center;
	text-decoration: none;
	text-align: center;
}


.logos
{
	height: 120px;
	align: middle;
    text-align: center;
}
	

/*	The header table that is INSIDE the Background Table
=========================================================================
*/

TABLE.FooterTable
{
	width: 988px;
	vertical-align: top;
}

#footerBorder
{
    width: 988px;
    height: 10px;
    background-color: #878b8e;
}

#footerImg 
{
	width: 988px;
	height: 42px;
	background-image: url(/File.aspx?x=658&File=footerImg.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

.footerText
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #FFFFFF;
    padding-left: 25px;
	text-align: left;
}

.footerText A:link
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #FFFFFF;
	font-style:normal;
	text-decoration:none;
	}

.footerText A:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #FFFFFF;
	font-style:normal;
	text-decoration:none;
}

.footerText A:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #f4cd23;
	font-style:normal;
	text-decoration:underline;
}

.footerText2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7px;
	font-style: normal;
	color: #797b7d;
	text-align: center;
	padding-top: 10px;
}

.footerText2 A:link
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #797b7d;
	font-style: normal;
	text-decoration: none;
	}

.footerText2 A:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #797b7d;
	font-style: normal;
	text-decoration: none;
}

.footerText2 A:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #284961;
	font-style:normal;
	text-decoration: none;
}