/*********************************************/
/*	CSS stylesheet for ECI main site.		 */
/*********************************************/

/**********************************/
/* Overall Styles	  			  */
/**********************************/ 
html { 
	height: 100%; 
	margin-bottom: 1px; 
}

body {
	background-image:url("/website/images/page-background.jpg");
	background-repeat: repeat-x;
	background-color: #E6E6E6;	
	margin:0;
}

h1 {
	color: #787878;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin: 0 0 10px 0;
	padding: 0;
}

p {
	font-family: Arial,Helvetica,sans-serif; 
	font-size: 12px; 
	color: #585858;/*#676767;*/
	padding: 0;
	margin: 0px 0px 20px 0px;
}

/* end new template */
div {
	FONT-FAMILY: Arial,Helvetica,sans-serif;
}

li {
	FONT-FAMILY: Arial,Helvetica,sans-serif; FONT-SIZE: 9pt; color: #676767;
}

td {
	FONT-FAMILY: Arial,Helvetica,sans-serif; FONT-SIZE: 9pt; color: #676767;
}

h2 {
	margin: 0px;
	padding: 0px;	
	FONT-WEIGHT:  bold;
	FONT-SIZE: 14px;
	COLOR: #003366;	
}

h3 {
	margin-bottom: 0px;
	padding-bottom: 0px;	
	FONT-WEIGHT:  bold; 
	FONT-SIZE: 12px;
}

a {	COLOR: #676767; FONT-WEIGHT:  normal; FONT-SIZE: 9pt; }
a:visited {	COLOR: #676767; FONT-WEIGHT:  normal; FONT-SIZE: 9pt; }
a:hover { COLOR: #999999; FONT-WEIGHT:  normal; }

/**********************************/
/* The significant DIV Styles	  */
/**********************************/  
div#main {
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
	width: 884px;
	background-color: #FFFFFF;
}

div#content {
	width: 884px;
	background-color: #FFFFFF;	

}

#flashContent p{
	clear:left;
	position:relative;
	left:51px;
	margin-bottom:10px;
	top:63px;
	
	width:200px;
	
	color:#666666;
}

#flashContent p a{
	color:#5b8099;
}
#flashContent p a:hover{
	color:#7895ED;
}

#flashContent p img{
	margin-left:5px;
	margin-bottom:2px;
	vertical-align:bottom;
}

/**********************************/
/* Header Styles 				  */
/**********************************/           
div#header {
	height: 79px;
	width: 884px;
}

div#logoarea {
	margin-left: 2px;
	background-color: #FFFFFF;
	margin-bottom: 2px;
	margin-top: 2px;
	width: 199px;
	height: 75px;	
	float: left;
}

div#toprightarea0 {
	width: 681px;
	height: 15px;
	/* height: 51px; */
	/*background-color: #B8B8B8;*/
	background-color: #0a0a0a;
	float: right;
	padding: 0;
	margin: 0;
}

div#toprightarea {
	width: 681px;
	height: 26px;
	/*height: 51px; */
	background-image: url("/website/images/top-right.gif");
	background-position: right;
	background-repeat:no-repeat;
	background-color: #EE3541;
	float: right;
	padding-top: 10px;
	margin: 0;
	font: 11px arial;
	text-align:right;
}

div#topnavarea {
	width: 681px;
	height: 20px;
	/* height: 28px; */
	float: right;
	clear: right;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

div#topnavarea div.topnavelement {
	float: left;
	height: 18px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #EE3541;
	padding: 6px 15px 4px 15px;
	margin: 0px;
}

div#topnavarea div.topnavelement#selected{
	color: #7895ED;
	background-color: #F7F7F7;
}	

div.topnavelement a {
	font-weight:bold;
	color: #EE3541;	
	font-size: 12px;
	text-decoration:none;
}

div.topnavelement#selected a {
	font-weight:bold;
	color: #7895ED;	
	font-size: 12px;
	text-decoration:none;
}

div.topnavelement a:hover {
	font-weight:bold;
	font-size: 12px;
	text-decoration:none;
	color: #7895ED;	
}

div.topnavelement#selected a:hover {
	color: #7895ED;	
}

div.topnavelement a:visited {
	font-weight:bold;
	color: #EE3541;	
	font-size: 12px;
	text-decoration:none;
}

div.topnavelement#selected a:visited {
	font-weight:bold;
	color: #7895ED;	
	font-size: 12px;
	text-decoration:none;
}

div.topnavelement a:visited:hover {
	color: #7895ED;	
}

div.topnavelement#selected a:visited:hover {
	color: #7895ED;	
}

div#topnavarea div#dropdown {
	float: right;
	height: 23px;
	background-color: #ffffff;
	padding: 5px 10px 0px 10px;
}

div#topnavarea div#dropdown select {
	font-size: 9px;
	padding: 0;
	margin: 0;
}

div#titleareafull {
	width: 884px;
	height: 27px;
	padding: 0;
	margin: 0px;
	background-image:url("/website/images/title-bar-full.gif");
	background-repeat:no-repeat;
}

/**********************************/
/* Left Nav Styles 			  	  */
/**********************************/   
div#leftnav {
	width: 186px;
	min-height: 349px;	
	padding: 70px 15px 30px 0px;
	background-image: url("/website/images/left-background-area.jpg");
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	float: left;	
}

/* code required for min height in IE */
* html div#leftnav {
	height: 349px;
}

div#leftnav div#navcontainer {
	min-height: 140px;
	width: 185px;
	margin:0;
	padding:0;
	color: #54606F;
	font-weight: bold;
	font-size: 11px;	
	background-image: url('/website/images/left-nav-background.gif');
	background-repeat:no-repeat;
}

/* code required for min height in IE */
* html div#leftnav div#navcontainer {
	height: 140px;
}

div#leftnav div#navcontainer a {
	color: #54606F;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
}

div#leftnav div#navcontainer a:hover {
	color: #7895ED;
}

div#leftnav div#navcontainer div.leftnavelement {
	width: 155px;	
	padding: 7px 0px 5px 30px;
	background-image: url('/website/images/left-nav-bullet.gif');
	background-repeat:no-repeat;
	background-position:top;
	line-height: 14px;
}

div#leftnav div#navcontainer div.leftnavelement#selected {
	color: #000000;
}

div#leftnav div#navcontainer div.leftnavelement a {
	color: #000000;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
}

div#leftnav div#navcontainer div.leftnavelement#selected a {
	color: #676767;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
}

div#leftnav div#navcontainer div.leftnavelement a:hover {
	color: #7895ED;
	font-weight: bold;
	font-size: 11px;
}

div#leftnav div#navcontainer div.leftnavelement#selected a:hover {
	color: #7895ED;
	font-weight: bold;
	font-size: 11px;
}


div#leftnav div#navcontainer div.subelement {
	width: 145px;	
	padding: 5px 0px 5px 40px;
	background-image: url('/website/images/left-nav-sub-bullet.gif');
	background-repeat:no-repeat;	
	background-position: top;
}

div#leftnav div#navcontainer div.subelement a {
	color: #777777;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
}


div#leftnav div#navcontainer div.subelement a:hover {
	color: #7895ED;
	font-weight: bold;
	font-size: 11px;
}

div.divider {
	height:1px;
	width: 185px;
	padding: 0px;
	margin: 0px;
}

/**********************************/
/* Body Styles 			  	  	  */
/**********************************/
div#maincontentarea {
	width: 683px;
	float: right;		
	margin: 0;
	padding: 0;

}

div#maincontentareafull {
	width: 884px;	
	margin: 0;
	padding: 0;

}

div#titleareal3 {
	width: 683px;
	height: 22px;	
	background-image: url("/website/images/title-bar.gif");
	background-repeat:no-repeat;
	float: right;
	clear: right;
	padding: 5px 0 0 0;	
	margin: 0;
}

div#titleareal3 h2 {
	color: #9DB7D1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 0;
	padding: 5px 0px 0px 0px;
}

div#titleareal3 h2 a {
	color: #9DB7D1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
}

div#bodyarea {
	width: 633px;
	background-color:#FFFFFF;
	float: right;
	clear: right;
	padding: 20px 20px 20px 30px;
}

div#bodyarea2 {
	width: 633px;
	background-color:#FFFFFF;
	float: right;
	clear: right;
	padding: 20px 20px 0px 30px;
}

div#bodyareafull {
	width: 834px;
	background-color:#FFFFFF;
	float: right;
	clear: right;
	padding: 20px 20px 20px 30px;
}

div#subTitle {
	/*width: 629px;*/
	height: 29px;	
	background-image: url("/website/images/sub-title-background2.gif");
	background-repeat:no-repeat;
	padding: 5px 0px 0px 14px;	
	margin: 0;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:bold;
}

/**********************************/
/* Footer Styles 			  	  */
/**********************************/
/* For pages that are shorter in style, will match the colour of the gradient then */
div#footer {
	clear: both;
	width: 854px;
	height: 12px;
	padding: 0px 15px 0px 15px;
	background-image: url("/website/images/footer-background.gif");
	background-repeat:no-repeat;
	background-position:bottom;
	background-color: #c6c6c6;
	color: #000000;
	font-size: 9px;
}

/* For pages that are medium to longer in style, will match the colour of the gradient then */
div#footerLong {
	clear: both;
	width: 854px;
	height: 12px;
	padding: 0px 15px 0px 15px;
	background-image: url("/website/images/footer-background.gif");
	background-repeat: no-repeat;
	background-position: bottom;
	background-color: #e6e6e6;
	color: #000000;
	font-size: 9px;
}

/**********************************/
/* Index Page Styles		  	  */
/**********************************/

div#newMainArea {
	float: left;
	background-color: #FFFFFF;
}

div#toparea {
	float: left;
	width: 884px;
	height: 280px;	
	margin:0;
	padding:0;
	z-index:1;
}

div#toparea div#mainimagearea {
	background: #FFFFFF;
	/*width: 655px;*/
	/*height: 280px;*/
	float: left;
	margin:0;
	padding:0;

}

div#toparea div#news_area {
	width: 229px;
	height: 279px;
	float: right;
	margin:0;
	padding: 0;	
	border-top: 1px solid #B8B8B8;
	background-color: #FFFFFF;
	z-index:10px;
}

div#toparea div#news_area a {
	color: #7895ED;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;		
}

div#toparea div#news_area a:hover {
	text-decoration: none;	
}

div#toparea div#news_area a:visited {
	text-decoration: none;	
}

div#toparea div#news_area div#prlinks {
	float: left;
	width: 199px;
	height: 229px;
	padding: 15px 10px 5px 20px;		
	margin: 0px 0px 5px 0px;
	overflow: auto;
}

div#toparea div#news_area div#prlinks h1 {
	color: #909090;
	font-size: 14px;
	margin: 0px 0px 5px 0px;
	padding: 0;
}

div#toparea div#news_area div#prlinks ul {
	padding: 0px;
	margin: 0px 12px 0px 13px;
	/*list-style-image: url("/website/images/black_arrow.gif");*/
}

div#toparea div#news_area div#prlinks ul li {
	color: #535353;
	font-size: 11px;
	margin: 0px 0px 8px 0px;		
	padding:0;
}

div#toparea div#news_area div#readmore {
	clear: left;
	float: left;
	width: 209px;
	height: 20px;
	padding: 5px 20px 0px 0px;
	margin: 0;
	background-image: url("/website/images/read-more-background.gif");
	background-repeat: no-repeat;
	background-position:top;
	text-align: right;
	z-index:10;
	position:relative;
}

div#toparea div#greyarea {
	width: 229px;
	height: 58px;
	clear: right;
	float: right;	
	margin:0;
	padding:0;	
	background-image: url("/website/images/homepage-tile.gif");
	background-repeat:repeat-x;
}

/**********************************/
/* Bottom of Index Page Styles 	  */
/**********************************/

div#bottom_zone {
	float: left;
	clear:both;
	width: 884px;
	height: 175px;
	margin:-29px 0px 0px 0px;
	padding:0;	
	z-index: 5;
}

div#bottom_zone  div#tabarea {
	height: 28px;
	margin: 0;
	float: left;
	padding: 1px 1px 1px 0px;
	background-repeat:no-repeat;
	background-position:right;
	background-color:#FFFFFF;	
}

div#bottom_zone  div#tabarea a {
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	text-decoration:none;
	padding: 0;
	margin: 0;
}

div#bottom_zone  div#tabarea a:hover {
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	text-decoration:none;	
}

div#bottom_zone  div#tabarea a:visited {
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	text-decoration:none;	
}

div#bottom_zone  div#tabarea div.divider {
	float: left;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0px 0px 27px 0px;
	background-color: #EE3541;
}

div#bottom_zone  div#infoarea {
	float: left;
	clear: both;
	width: 884px;
	height: 145px;
	margin: 0;
	padding: 0;
	background-image:url("/website/images/info-background.jpg");
	background-repeat:no-repeat;
	background-position:top;
	background-color: #FFFFFF;
}

div#bottom_zone  div.tabinfoarea p, div#bottom_zone  div.tabinfoarea a {
	padding: 0;
	margin: 5px 0 0 0;
	font-size: 11px;
}

div#bottom_zone  div.tabinfoarea, div#bottom_zone  div.tabinfoarea div#noscript {
	float: left;
	display: none;
	width: 854px;
	height: 115px;
	margin: 15px 15px 15px 0px;
	padding: 0;
	visibility:hidden;
}

div#bottom_zone  div.tabinfoarea h1 {
	margin-bottom: 5px;
	margin-top: 20px;
}

div#bottom_zone  div.tabinfoarea h2 {
	margin-bottom: 11px;
}

div#bottom_zone  div.tabinfoarea ul {
	margin: 0px 5px 0px 10px; 
	padding: 0px 0px 0px 5px;
	list-style: url(/website/images/grey_arrow_bullet.gif);	
}

div#bottom_zone  div.tabinfoarea ul li {
	font-size: 10px;
}

div#bottom_zone  div.tabinfoarea div.leftbox {
	float: left;
	width: 555px;	
	margin: 0 20px 0 0;
}

div#bottom_zone  div.tabinfoarea div.rightbox {
	float: right;
	width: 279px;	
}