/* Coal Services - 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:#00695d;
}

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

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

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



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

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

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


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

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

H3 A:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	color: #e37c1d;
	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;
}


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;
}




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

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

*/

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

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

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

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

TreeSelectedLeaf, a.TreeSelectedLeaf { background-color: #888c8f; color: #FFFFFF; display:inherit; width:200px !important; width/**/:214px;}

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

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


/*	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=654&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=654&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=654&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:500px;
	vertical-align: top;
	border: 0;
	padding :0;
}

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

td.rightcolumn
{ 	vertical-align: top;
	background-color:#FFFFFF;
}

.phone
{
        background-image: url(/File.aspx?x=654&File=phone.gif);
        background-repeat: no-repeat;
        background-position: top;
}

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

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

#footerBorder
{
        width: 988px;
        height: 10px;
        background-color: #026a5e;
}

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



.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;
}