/*********** HTML ***********/
html, body, form {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

body{
	font: 75% Arial, Helvetica, sans-serif;
	text-align: left;
	vertical-align: top;
	color: #181447;
	background: #fff url(img/bg.gif) top left repeat-y;
}

p { line-height: 1.5em; }

img{ border: 0; }

h1 {
	font: bold 125% Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #003;
}

h2 {
	font: bold 110% Arial, Helvetica, sans-serif;
	margin: 0 0 5px 0;
	padding: 0;
	color: #999999;
}

a{
	color: #333;
	text-decoration: underline;
}

a:hover, a:focus, a:active{
	color: #003;
	text-decoration: none;
}

/*********** MAIN WRAPPER ***********/
#wrapper{
	width: 760px;
	margin: 0;
	padding: 0;
	text-align: left;
	vertical-align: top;
	clear: both;
}

/*********** HEADER ***********/

#ecslogo{
	position:absolute;
	left:0;
	top: 0;
	padding: 0;
	margin: 0;
}

#ecsltd{
	margin: 0;
	padding: 0;
	background-color: #babbbf;
	width: 760px;
	height: 15px;
}

#navdiv{
	margin: 0;
	padding: 0;
	background-color: #fff;
	width: 760px;
	height: 62px;
	font: bold 110% Arial, Helvetica, sans-serif;
}

#banners{
	margin: 0;
	padding: 0;
}

/*********** NAVIGATION ***********/
#nav{
	list-style: none;
	padding-top:40px;
	margin: 0;
	background-color: #fff;
	color: #181447;
	display: block;
	float:right;
}

#nav li{
	margin:0;
	padding: 0;
	white-space: nowrap;
	display: inline;
	border-right: 1px solid #003;
}

#nav a{
	color: #181447;
	text-decoration: none;
	padding: 0 12px 0 12px;
	margin: 0;
}

#nav li#navs, #nav li#lnavs, #nav a:hover, #nav a:focus, #nav a:active{
	color: #999;
	text-decoration: underline;
	padding: 0 12px 0 12px;
	margin: 0;
}

#nav li#lnav, #nav li#lnavs{ border-right: 0; padding:0; }

/*********** MAIN SECTION ***********/
#content{
	width: 760px;
	padding: 0;
	margin: 0;
	clear: both;
	height: auto;
}

#maincol{
	width: 570px;
	padding: 20px 0 0 10px;
	margin: 0;
	float: right;
}

#mainleft{
	width: 402px;
	padding: 0;
	margin: 0;
}

#mainright{
	width: 158px;
	padding: 0;
	margin: 0;
	float: right;
}

.italic { font-style: italic; }

/*********** LEFT COLUMN ***********/
#leftcol {
	width: 160px;
	margin: 0;
	padding: 20px 10px 0 10px;
	font: bold 110% Arial, Helvetica, sans-serif;
	float: left;
	color: #181447;
}

#leftcol h2{ 
	margin: 0;
	padding: 0;
	color: #181447;
}

#leftcol ul{
	margin: 10px 0 0 10px;
	padding: 0;
}

#leftcol li {
	margin: .5em 0 .5em 10px;
	padding: 0;
	list-style-type: circle;
	list-style-image: url(img/bullet.jpg);
}

#leftcol ul li a{
	color: #181447;
	text-decoration: none;
	padding: 0;
	margin: 0;
}

#leftcol ul li a:hover, #leftcol li#navs, #leftcol ul li a:focus, #leftcol ul li a:active{
	color: #666;
	text-decoration: underline;
}

#qon{
	margin: 50px 0 -10px -10px;
	padding: 0;
	}

#qoff{
	margin: -10px 0 0 115px;
	padding: 0;
	}

#quote{
	font:italic 90% Arial, Helvetica, sans-serif;
	width: 140px;
	padding: 0 5px;
}

#maincol blockquote{
	font-style:italic;
	line-height: normal;
	padding: 0;
	margin:0 23px;
}


.quotewho{ text-align:right; }

/*********** FOOTER ***********/
#footer {
	font-size: 80%;
	margin: 0 0 5px 185px;
	padding: 10px 0 5px;
	color: #999;
	height: 40px;
	width: 550px;
	vertical-align: bottom;
	text-align: left;
	clear: both;
	border-top: 1px dotted #ccc;
}

#footer  ul{
	margin: 0;
	padding: 0;
	list-style: none;
	clear:both;
}

#footer #footlist{
	margin: 0 0 0 100px;
	padding: 0;

}

#footer #footlistsub{
	margin: 0 0 0 150px;
	padding: 0;

}

#footer li{
	display: block;
	white-space: nowrap;
	float: left;
	margin: 0;
	padding: 0 15px 0 0;
	color:	#666;
}

#footer a{
	float: left;
	color: #999;
	text-decoration: underline;
}

#footer a:hover, #footer a:focus, #footer a:active{ color: #666; }

/*********** ACCESSIBILITY ***********/

#invi{ 
	position: absolute;
	top: -50px;
}

#invi ul, #invi li{ 
	float: left;
	list-style: none;
	margin: 0 5px 0 5px;
}

#invi ul{
	width: 400px;
	padding: 0 0 0 280px;
}

#invi a:hover, #invi a:focus, #invi a:active{ 	
	position: absolute;
	top: 50px;
	white-space:nowrap;
 }

acronym{ cursor: help; }