/* CSS Document for ESSG Canada Templates */


body{
	min-width : 770px; 	
	background-color : #ffffe1;
	margin : 0;
	padding : 0;
	list-style: none;   /* Changing the bullet -- not working in IE */
}

html, body {
	height : 100%;
}

td, tr {
	vertical-align : top;
	background-color : #ffffe1;
}

hr {
	color : #94B418;
	background-color : #94B418;
	height : 3px;
}


/*** Header ***/

#ycol {
    	background-color : #ffffe1;
	width : 30px;
	height : 100px;
	left : 0px;
	top : 0px;
	position : absolute;
	z-index : 1;
}

#rcol {
    	background-color : #980030;
	width : 200px;
	height : 100px;
	left : 30px;
	top : 0px;
	position : absolute;
	z-index : 1;
}

.logo {
	left : 10px;
	top : 20px;
	z-index : 2;
	position : absolute;
}

.banner {
	left : 230px;
	top : 0px;
	z-index : 2;
	position : absolute;
}

/*** Main Table ***/
.mtable {
	height: 88%;
}


/*** Left Column(LC) ***/
.ycol {
	background-color : #ffffe1;
	width : 30px;
}

.menu {
	background-color : #980030;
	padding : 40px 10px 0px 45px;
	font-family : Arial;
	line-height : 250%;
	vertical-align : top;

}

.menu a {
	color : #ffffe1;
	font-size : 14px;
	text-decoration : none;
	letter-spacing : 1px;
}

.menu a:hover {
	color : #94b418;
	text-decoration : underline;
}

/*** Main content - Center Column(CC) ***/

.breadcrumbs { 
	background-color : #980030;
	font-family : Arial;
	font-size : 12px;
	color : #ffffe1;
	padding : 3px 3px 3px 3px;
	text-transform : capitalize;
	height : 4px;
}

.breadcrumbs a{ 
	background-color : #980030;
	font-family : Arial;
	font-size : 12px;
	color : #ffffe1;
	padding : 3px 3px 3px 3px;
}

.content {
	padding : 30px 30px 30px 30px;
	vertical-align : top;
	font-family : Arial;
	font-size : 12px;
	color : Black;
	text-align : justify;
	line-height : 130%;
	letter-spacing : 0.5px;
	word-spacing : 1px;

}

.content h1, .content h2, .content h3 {
	font-family : Times New Roman;
	font-weight : bold;
	font-size : 16px;
	color : #980030;
}

.content a {
	font-family : Arial;
	font-size : 12px;
	color : #980030;
	line-height : 200%;
}

.content ul, .content li {
	line-height : 135%;
}

.essg { /* Formatting the appearance of ESSGroup in the content */
	font-size : 15px; 
	font-family : Baskerville Old Face, Times New Roman;
}

.contactform {
	font-family : Arial;
	font-size: 12px;
}

.contactform td {
	font-family : Arial;
	font-size: 12px;
}

.error, .errorhd {
	color: #980030;
}

.errorhd {
	font-weight: lighter;
}

/*** Right Column(RC) ***/
#right {	/* container for right submenus */

}

#submenu {
	background-color : #ffffe1;
	min-height : 270px;
	width : 150px;
	font-family : Arial;
	font-size : 12px;
	font-weight : normal;
	color : Black;
	padding : 30px 5px 10px 0px; 
}

#submenu h1, #highlightheader h1 {
	font-family : Times New Roman;
	font-size : 14px;
	color : #94B418;
	text-transform : uppercase;
        margin-bottom : 5px;
}

#submenu h2 {
	font-family : Times New Roman;
	font-weight : bold;
	font-size : 14px;
	color : #980030;
	margin-bottom : 0px;
}

#submenu a, #submenu p {
	color : black;
	text-decoration : none;
}

#submenu a:hover {
	color : #980030;
	text-decoration : underline;
}

#highlightheader {
	background-color : #ffffe1;
	width : 150px;
}

#highlightheader a {
	text-decoration : none;
}

#greenhighlight, #redhighlight {
	background-color : #94b418;
	width : 150px;
	min-height : 30px;
        padding : 5px 0px 5px 0px;
	vertical-align : middle;
}

#redhighlight {
	background-color : #980030;
	/*min-*/height : 80px;
}

#greenhighlight a, #redhighlight a, #greenhighlight p, #redhighlight p {
	font-family : Arial;
	font-size : 12px;
	font-style : normal;
	font-weight : normal;
	color : #ffffe1;
	text-decoration : none;
	padding-left : 5px;
}

#address {
	margin-top : 5px;
	margin-bottom : 5px;
	line-height : 150%;
}

 
/*** Footer ***/
.footer {
	font-family : Arial;
	font-size : 11px;
	text-align : center;
	vertical-align : top;
	padding : 0px 5px 0px 3px;
}

.footer a {
        color : Black;
	text-align : right;
}

.footer .essg { /* Formatting the appearance of ESSGroup in the content */
	font-size : 12px; 
}

/*** Extra formatting ***/

.ybg { /* Yellow background */
	background-color : #ffffe1;
}
.rbg { /* Red background */
	background-color : #980030;
}
.gf { /* Green font */
	color : #94b418;
	font-weight : bold;
}
.yf { /* Yellow font */
	color : #ffffe1;
	font-size : 12px;
	font-weight : bold;
}

.left {
	float : left;
}
.right {
	float : right;
}