/* START CONTACT FORM */
dl.error{
	border: 1px solid #ccc;
	padding: 1px;
	width: auto;
	margin: 0 10px 20px 10px;
}
dl.error dt{
	margin: 0 0 0.5em 0;
	padding:  0.5em  0.5em  0.5em 0.5em;
	background: #ececec;
	font: 1em/1.5em Arial, Helvetica, sans-serif;
	font-weight: bold;
}
dl.error dd{
	font: 0.8em/1.3em Arial, Helvetica, sans-serif;
	margin: 0 0.5em 0.5em 0.5em;
}
/* END CONTACT FORM */

/* ------- Skip Navigation ------- */
a.skip:link, a.skip:visited {
	left: -9999px;	
	top: 0px; 
	position: absolute; 
	z-index: 999;
}
a.skip:focus, a.skip:hover, a.skip:active {
	position: absolute; 
	top: 0px;
	left: 0px;
	text-align: right;
	float: right;
	width: 149px;
	height: 1.2em;
	display: block;
	margin: 0;
	padding: 2px 32px 2px 2px; 
	background: #000 url(ecil-images/skip_pointer.gif) center right no-repeat; 
	font: 0.7em/1.2em Arial, Helvetica, sans-serif;
	color: #fff; 
	text-decoration: none;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8;
	z-index: 9999;
}
a.skip{
	color: #fff; 
}
/* ------- Skip Navigation ------- */
.twocol{
position: relative;
float: left;
margin: 0;
padding: 0;
width: 280px;
}
#cmessage{
clear: both;
}
.menuimg{
	margin: 1em 0 0 0;
	padding: 0;
	text-align: center;
}
.menuimg img{
	border: none;
}

body{
	margin: 0;
	padding: 0;
	background: #ccc url(ecil-images/page-back.gif) top left repeat-x;
}
#outside{
	margin: 0 auto;
	padding: 0;
	background: url(ecil-images/mid-back.gif) top left repeat-y;
	width: 780px;
}
img.leftstrip{
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
}
img.rightstrip{
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
}
#maincontainer{
	position: relative;
	float: left;
	margin: 0;
	padding: 0 0 2em 0;
	width: 760px;
	background: #fff url(ecil-images/content-back.gif) top left repeat-y;
}
#header{
	position: relative;
	margin: 0;
	padding: 0;
	background: #fff;
	height: 88px;
}
/* for IE, with IE5/Mac backslash filter \*/
* html #searchbox {
 width: 250px;
}
/* end filter */
/* for IE, with IE5/Mac backslash filter \*/
* html .innerbox {
padding: 8px 10px 10px 10px;
}
/* end filter */

#headlinks{
	margin: 0px;
	padding: 0;
	position: relative;
	float: right;
}
/* for IE, with IE5/Mac backslash filter \*/
* html #headlinks{
	margin: 5px 0 0 0;
}
/* end filter */

#headlinks ul#headerlinks{
	position: relative;
	float: left;
	list-style: none;
	display: block;
	margin: 0;
	padding: 0;
}

#headlinks ul#headerlinks li{
	display: inline;
	margin-right: 0.2em;
	padding-right: 0.6em;
	border-right: 1px solid #666;
	font: 0.75em/1.4em Arial, Helvetica, sans-serif;
	color: #666;
}
/* Fix IE. \*/
* html #headlinks ul#headerlinks li{ 
	margin-right: 0.5em;
	padding-right: 0.4em;
}
/* End */
#headlinks ul#headerlinks li.noline{
	border-right: none;
}
#headlinks ul#headerlinks li a{	
	color: #666;
	text-decoration: underline;
}
#headlinks ul#headerlinks li a:hover, #headlinks ul#headerlinks li a:focus{
	color: #999;
	text-decoration: none;
}
#headlinks ul#headerlinks li.current a{	
	color: #999;
	text-decoration: none;
}



#searchbox{
	position:absolute;
	display: block;
	bottom: 0px;
	right: 0px;
	text-align: right;
	border-top: 1px solid #ececec;
	border-left: 1px solid #ececec;
}
.innerbox{
	border: 1px solid #fff;
	background: url(ecil-images/search-back.gif) top left repeat-x;
	padding: 8px 10px 12px 10px;
}
form{
	margin: 0;
	padding: 0;
}
/* -------- START SEARCH FORM ELEMENTS -------- */
#searchbox fieldset{
	margin: 0;
	padding: 0;
	border: none;
}
#searchbox label{
	position: relative;
	margin: 0;
	padding: 0;
	font: 0.7em/1.2em Arial, Helvetica, sans-serif;
	color: #666;
}
#searchbox fieldset legend{
	text-indent: -9999px;
}
#searchbox input, textarea{
	position: relative;
	margin: 0 0 0 5px;
	padding: 0;
	font: 0.7em/1.2em Arial, Helvetica, sans-serif;
}
#searchbox .hidden{
	display: none;
}
#searchbox input:focus, textarea:focus, option:focus{
	background: #ffc;
}
/* -------- END SEARCH FORM ELEMENTS -------- */

/* -------- START FORM ELEMENTS -------- */

#content fieldset{
	margin: 0 10px;
	padding: 10px;
	border: 1px solid #ccc;
}
#content legend{
	margin: 1em 0;
	padding: 0 0.5em;
	font: 1em/1.2em Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000;
}
#content label{
	margin: 0.5em 0;
	padding: 0;
	font: 0.75em/1.2em Arial, Helvetica, sans-serif;
	float: left;
	color: #333;
}
#content .flabel{
	margin: 0.5em 0;
	padding: 0.2em 0;
	border: none;
}
#content .flabel legend{
	margin: 0.5em 0 0.5em 0;
	padding: 0;
	font: 0.75em/1.2em Arial, Helvetica, sans-serif;
	color: #333;
	font-weight: bold;
}
#content label.bold{
	margin-right: 0.5em;
	font: 0.75em/1.2em Arial, Helvetica, sans-serif;
	color: #333;
	font-weight: bold;
}
#content label.halfcheck{
	position: relative;
	float: left;
	width: 32%;
	height: 25px;
}
#content label.halfcheck2{
	position: relative;
	float: left;
	width: 40%;
	padding: 0.25em 0 0.25em 35px;
	height: 25px;
}
#content label.toilets{
	background: url(ecil-images/toilet.gif) top left no-repeat;
}
#content label.parking{
	background: url(ecil-images/parking.gif) top left no-repeat;
}
#content label.wheelchair{
	background: url(ecil-images/wheelchair.gif) top left no-repeat;
}
#content label.onestep{
	background: url(ecil-images/one-step.gif) top left no-repeat;
}
#content label.loop{
	background: url(ecil-images/loop.gif) top left no-repeat;
}
#content label.braille{
	background: url(ecil-images/braille.gif) top left no-repeat;
}
#content label.changing{
	background: url(ecil-images/changing.gif) top left no-repeat;
}
#content label.shopper{
	background: url(ecil-images/shopper.gif) top left no-repeat;
}
#content label.attitude{
	background: url(ecil-images/attitude.gif) top left no-repeat;
}
#content input, textarea, option{
	margin: 0.5em 0;
	padding: 0;
}
#content input:focus, textarea:focus, option:focus{
	background: #ffc;
}
#content input#contactbutton{
	margin-left: 150px;
}
#content .labeller{
	clear: both;
	width: 150px;
}
#content .hidden{
	display: none;
}
#content .centersubmit{
	margin: 10px;
	padding: 10px;
	text-align: center;
	border: 1px solid #ccc;
}
#content .infobox{
	margin: 0;
	padding: 7px 0;
	background: #ececec;
	border: 3px double #fff;
}
#content .radio{
	clear: both;
	margin: 0;
	padding-left: 5px;
}
#content .padright{
	margin: 0 5px 0 0;
	padding: 0;
	font: 0.75em/1.2em Arial,Helvetica,  sans-serif;
}
#content .clearlabel{
	clear: both;
	position: relative;
	display: block;
	padding-left: 5px;
	float: left;
}

/* -------- END FORM ELEMENTS -------- */

.clearboth{
	clear: both;
	margin: 0;
	padding: 0;
}
.headimg{
	position: relative;
	float: left;
	width: 469px;
}
#headerbot{
	margin: 0;
	padding: 0;
	background: #999;
	border-bottom: 1px solid #fff;
}
.insider{
	margin: 0;
	padding: 0;
}
#leftcol{
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	width: 183px;
	z-index: 100;
}


/* for Mozilla/Safari/Opera */
*>#leftcol {
 padding-top: 500px;
 min-height: 1px;
}
*>#leftcol .insider {
 margin-top: -500px;
}
/* for IE, with IE5/Mac backslash filter \*/
* html #leftcol {
 height: 500px;
}
/* end filter */



/* ------------------------ START MENU --------------------------- */


#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 183px; /* Width of Menu Items */
	border-top: 1px solid #fff;
}

#nav ol {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 183px; /* Width of Menu Items */
}

#menu ul li {
	position: relative;
	}
#nav ol li {
	position: relative;
	}
	
#nav li ul {
	position: absolute;
	left: 183px; /* Set 1px less than menu width */
	top: 0;
	display: none;
	border-top: none;
	}
#nav li ol {
	position: relative;
	left: 0px; /* Set 1px less than menu width */
	top: 0;
	display: block;
	}

/* Styles for Menu Items */
#menu ul li a {
	display: block;
	font: 0.7em/1.2em Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	color: #fff;
	padding: 4px 10px 4px 8px;
	border-bottom: 1px solid #f99;
	}

/* Styles for Menu Items */
#nav ol li a {
	display: block;
	font: 0.7em/1.2em Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	color: #fff;
	padding: 4px 10px 4px 18px;
	border-bottom: 1px solid #f99;
	background: #f66; /* IE6 Bug */
	}

/* Fix IE. Hide from IE Mac \*/
* html  #menu ul li { float: left; height: 1%; }
* html #menu ul li a { height: 1%; }
* html #menu ul li.shaded a { height: 1%; }
/* End */
/* Fix IE. Hide from IE Mac \*/
* html #nav li ol li { float: left; height: 1%; }
* html #nav li ol li a { height: 1%; }
/* End #nav */

#menu ul li a:hover,#menu ul li a:focus { 
	color: #fff; 
	background: #f66 url(ecil-images/menu-shade-top.gif) top left repeat-x;
 } /* Hover Styles */
 
 #menu ul li a.hilite{ 
	color: #fff; 
	background: #f66 url(ecil-images/menu-shade-top.gif) top left repeat-x;
 } /* Hover Styles */
 
#menu ul li a.current { 
	color: #fff; 
	background: transparent url(ecil-images/pointer.gif) center right no-repeat;
 } /* Hover Styles */
#menu ul li.lishade{
	position: relative;
	display: block;
	background: #f66 url(ecil-images/menu-shade-top.gif) top left repeat-x;
}
#nav ol li a:hover, #nav ol li a:focus { 
	color: #ee0202;
	background: #f99; 
} /* Hover Styles */

#nav ol li a.hilite { 
	color: #fff;
	background: #f99; 
} /* Hover Styles */


#nav ol li a.current { 
	color: #fff;
	background: #f99 url(ecil-images/pointer.gif) center right no-repeat;
} /* Hover Styles */
		
#nav li ul li a:link, #nav li ul li a:visited { 
	padding: 4px;  
	color: #fff; 
	font: 0.7em/1.2em Arial, Helvetica, sans-serif;
	font-weight: normal;
	background: #f66;
	border-bottom: 1px solid #f99;
}
#nav li ul li.mshade a:link, #nav li ul li.mshade a:visited { 
	background: #f66 url(ecil-images/menu-shade.gif) top left repeat-y;
}
 /* Sub Menu Styles */

#nav li ul li a:hover, #nav li ul li a:active, #nav li ul li a:focus  { 
	padding: 4px;  
	color: #fff; 
	font: 0.7em/1.2em Arial, Helvetica, sans-serif;
	font-weight: normal;
	background: #f99;
	border-bottom: 1px solid #f99;
}
/* Sub Menu Styles */
#nav li ul li.mshade a:hover, #nav li ul li a:active, #nav li.mshade ul li a:focus  { 
	padding: 4px;  
	color: #fff; 
	font: 0.7em/1.2em Arial, Helvetica, sans-serif;
	font-weight: normal;
	background: #f99;
	border-bottom: 1px solid #f99;
}
/* Sub Menu Styles */

#nav li:hover ul,#nav li.over ul, #nav li:focus ul { 
	display: block;
	z-index: 999; 
} /* The magic */


 /* ------------------------ END MENU --------------------------- */

#content{
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	background: #fff;
	width: 576px;
	border-left: 1px solid #fff;
}
#content a{
	color: #ee0202;
	text-decoration: underline;
}
#content a:hover, #content a:focus{
	color: #fff;
	background: #ee0202;
	text-decoration: none;
}
/* for IE, with IE5/Mac backslash filter \*/
* html #content {
 	border-left: none;
}
/* end filter */
#content .homecontent{
	position: relative;
	float: left;
	width: 348px;
	border-right: 1px solid #fff;
}

/* for Mozilla/Safari/Opera */
*>#content {
 padding-top: 500px;
 min-height: 1px;
}
*>#content .insider {
 margin-top: -500px;
}
/* for IE, with IE5/Mac backslash filter \*/
* html #content {
 height: 500px;
}
/* end filter */
#content h1{
	margin: 10px 10px 0.5em 10px;
	padding: 0;
	font: 1.4em/1.2em Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #ee0202;
}
#content h1.homehead{
	margin: 0 0 10px 0;
	padding: 0;
	width: 349px;
	height: 146px;
	background: url(ecil-images/home-intro.gif) top left no-repeat;
	text-indent: -9999px;
}

#content h2{
	margin: 1em 10px 0.5em 10px;
	padding: 0;
	font: 1em/1.2em Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000;
}
#content h3{
	margin: 1em 10px 0.5em 10px;
	padding: 0;
	font: 0.8em/1.2em Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000;
}
#content h4{
	margin: 1em 10px 0 10px;
	padding: 0;
	font: 0.8em/1.2em Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000;
}
#content ul#map{
	margin: 0 0 0 10px;
	padding: 0;
	list-style: none;
}
#content ul#map li{
	font-weight: bold;
	margin: 1em 0 0.5em 0px;
}
#content ul#map li ul{
	list-style: none;
	margin: 0 0 0 10px;
	padding: 0;
}
#content ul#map li ul li{
	font-weight: normal;
	margin: 0.2em 0 0 0;
}
#content p{
	margin: 0 10px 0.8em 10px;
	padding: 0;
	font: 0.8em/1.3em Arial, Helvetica, sans-serif;
	color: #333;
}
#content ul{
	margin: 1em 20px 1em 20px;
	padding: 0 0 0 20px;
	list-style: disc;
}
#content ul li{
	margin: 0 0 0.5em 0px;
	padding: 0 0 0 0px;
	font: 0.8em/1.2em Arial, Helvetica, sans-serif;
	color: #333;
}
#content li ul{
	margin: 0 0 0.5em 20px;
	padding: 0 0 0 10px;
	list-style: disc;
}
#content  li ul li{
	margin: 0 0 0.5em 0px;
	padding: 0 0 0 0px;
	font: 1em/1.2em Arial, Helvetica, sans-serif;
	color: #333;
}
#content ol{
	margin: 1em 0 1em 20px;
	padding: 0 0 0 20px;
}
#content  ol li{
	margin: 0 0 0.5em 0px;
	padding: 0 0 0 0px;
	font: 0.8em/1.2em Arial, Helvetica, sans-serif;
	color: #333;
}
#content li ol{
	margin: 0 0 0.5em 20px;
	padding: 0 0 0 10px;
}
#content  li ol li{
	margin: 0 0 0.5em 0px;
	padding: 0 0 0 0px;
	font: 1em/1.2em Arial, Helvetica, sans-serif;
	color: #333;
}
#content img.border{
	border: 1px solid #ccc;
	padding: 4px;
}

#content .thirdcol{
	position: relative;
	float: left;
	margin: 0.5em 0 0.5em 10px;
	width: 28%;
}
/* Fix IE. Hide from IE Mac \*/
* html #content .thirdcol{
	position: relative;
	float: left;
	margin: 0.5em 0 0.5em 5px;
	width: 28%;
 }
/* End #nav */

.feature{
	margin: 10px;
	padding: 0;
	border: 1px solid #f66;
}

.featurehead{
	position: relative;
	margin: 0;
	padding: 5px;
	display: block;
	background: #f66 url(ecil-images/feature-back.gif) bottom left repeat-x;
}
#content .homecontent .featurehead h1{
	padding: 0;
	margin: 0;
	font: 1.2em/1.2em Arial, Helvetica, sans-serif;
	color: #fff;
}
#content .homecontent .feature h2{
	margin: 5px 5px 0.5em 5px;
	padding: 0;
	font: 0.9em/1.2em Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000;
}
#content .homecontent .feature p{
	margin: 0 5px 0.5em 5px;
	padding: 0;
	font: 0.75em/1.3em Arial, Helvetica, sans-serif;
	color: #333;
}

#content .pushitem1{
	position: relative;
	float: left;
	margin: 0 0 0 10px;
	padding: 0;
	width: 160px;
}
/* for IE, with IE5/Mac backslash filter \*/
* html #content .pushitem1 {
	width: 150px;
	margin: 10px 0 0 5px;
}
/* end filter */

#content .pushitem2{
	position: relative;
	float: right;
	margin: 0 10px 0 0;
	padding: 0;
	width: 160px;
}
/* for IE, with IE5/Mac backslash filter \*/
* html #content .pushitem2 {
	margin: 10px 5px 0 0;
	width: 150px;
}
/* end filter */
#content .pushitem1  h1{
	padding: 0;
	margin: 0.5em 0 0.5em 0;
	font: 0.8em/1.2em Arial, Helvetica, sans-serif;
	color: #000;
	font-weight: bold;
}
#content .pushitem2  h1{
	padding: 0;
	margin: 0.5em 0 0.5em 0;
	font: 0.8em/1.2em Arial, Helvetica, sans-serif;
	color: #000;
	font-weight: bold;
}
#content .pushitem1  p{
	margin: 0 0 0.5em 0;
	padding: 0;
	font: 0.75em/1.3em Arial, Helvetica, sans-serif;
	color: #333;
}
#content .pushitem2  p{
	margin: 0 0 0.5em 0;
	padding: 0;
	font: 0.75em/1.3em Arial, Helvetica, sans-serif;
	color: #333;
}

.section{
	margin: 0;
	padding: 0;
	width: 100%;
	display: block;
}
.left{
	float: left;
	margin: 0 1em 1em 10px;
}
.center{
	clear: both;
	display: block;
	margin: 0 auto 1em auto;
	width: 100%;
	text-align: center;
}
.right{
	float: right;
	margin: 0 10px 1em 1em;
}
.smright{
	float: right;
	margin: 0 0 0.5em 0.5em;
}
.rightnone{
	float: right;
	margin: 0 0 1em 1em;
}
.lefttxt{
	text-align: left;
}
.centertxt{
	text-align: center;
}
.righttxt{
	text-align: right;
}
#content hr {
	margin: 0.5em 10px;
	padding: 0;
	height: 1px;
	border: none;
	background: #ccc;
}
#content table{
	margin: 0 auto;
	padding: 0;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
#content table caption{
	margin: 0;
	padding: 5px 0.4em 5px 0;
	text-align: right;
	font: 0.6em/1.2em Arial, Helvetica, sans-serif;
	color: #666;
	font-style: italic;
}
#content table th{
	margin: 0;
	padding: 0.4em;
	background: #ccc;
	font: 0.8em/1.2em Arial, Helvetica, sans-serif;
	text-align: left;
	font-weight: bold;
	color: #333;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#content table th.blank{
	margin: 0;
	padding: 0.4em;
	background: #fff;
	font: 0.8em/1.2em Arial, Helvetica, sans-serif;
	text-align: left;
	font-weight: bold;
	color: #333;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#content table td{
	margin: 0;
	padding: 0.4em;
	font: 0.9em/1.2em Arial, Helvetica, sans-serif;
	text-align: left;
	color: #333;	
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#content table td.currency{
	text-align: right;
}

#content table td p{
	margin: 0;
	padding: 0;
}
.wob{
	margin: 10px;
	padding: 10px;
	font: 0.8em/1.2em Arial, Helvetica, sans-serif;
	display: block;
	color: #fff;
	background: #666;
}

/*#content table tr:hover{
	background: #ececec;
}*/



/* ------- START NEWS --------*/
 
#newscontainer{
	position: relative;
	float: right;
	margin: 0;
	padding: 0;
	display: block;
	width: 226px;
}
#newscontainer img{
	position: relative;
	margin: 0;
	padding: 0;
}
#news{
	margin: 0;
	padding: 0;
	border-left: 1px solid #ececec;
}
#news h1{
	position: relative;
	margin: 0;
	padding: 5px;
	display: block;
	font: 1em/1.2em Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #666;
	background: url(ecil-images/news-h1-back.gif) top left repeat-x;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #ececec;
}
#news h1 a{
	text-decoration: none;
}

#news h2{
	position: relative;
	margin: 0 0 0.2em 0;
	padding: 0;
	font: 0.7em/1.2em Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000;
}
#news p{
	margin: 0 0 0.5em 0;
	padding: 0;
	font: 0.7em/1.2em Arial, Helvetica, sans-serif;
	color: #666;
}
.newsitem{
	margin: 0;
	padding: 5px;
	border-bottom: 1px solid #ececec;
}
.newsitem.shaded{
	display: block;
	background: url(ecil-images/news-h1-back.gif) top left repeat-x;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
}
.lnewsitem{
	margin: 1em 10px 0 10px;
	padding: 0;
	height: 1px;
	border-bottom: 1px solid #ececec;
}

.topstory{
	position: relative;
	margin: 0;
	padding: 5px;
	border-bottom: 1px solid #ececec;
	background: #efefef;
}
#news .topstory h2{
	font: 0.9em/1.2em Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000;
}




/* -------  END NEWS --------*/
#content h2.headback{
	position: relative;
	margin: 0 0 0.5em 0;
	padding: 5px;
	display: block;
	font: 1em/1.2em Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #666;
	background: url(ecil-images/news-h1-back.gif) top left repeat-x;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #ececec;
}
.searchliner{
	margin: 0 10px 1em 10px;
	padding: 0;
	border: 1px solid #ececec;
	
}
/*------ start record nav ------*/
#content h2.headback2{
	position: relative;
	margin: 0;
	padding: 5px;
	display: block;
	font: 1em/1.2em Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #666;
	background: url(ecil-images/news-h1-back.gif) top left repeat-x;
	border: 1px solid #fff;
}
.searchliner2{
	margin: 0 10px 0 10px;
	padding: 0;
	border-left: 1px solid #ececec;
	border-top: 1px solid #ececec;
	border-right: 1px solid #ececec;
	
}

#content .recordinfo{
	margin: 0;
	padding: 10px 10px 0 10px;
}
#content .recordcount{
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	font: 0.7em/1.2em Arial, Helvetica, sans-serif;
	color: #666;
}
#content .recordinfo ul.readnav{
	position: relative;
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
}
#content .recordinfo ul.readnav li{
	position: relative;
	float: left;
	margin: 0;
	padding-left: 5px;	
	font: 0.7em/1.2em Arial, Helvetica, sans-serif;
	color: #666;
}
#content .recordinfo ul.readnav li.rightbar{
	padding-right: 5px;	
	border-right: 1px solid #666;
}
.fullbotline{
	margin: 1.5em 0 0 0;
	padding: 0;
	height: 1px;
	border-bottom: 1px solid #ececec;
}
.fulltopline{
	margin: 0;
	padding: 0;
	height: 1px;
	border-bottom: 1px solid #ececec;
}

/*------ end record nav ------*/

.tablepad{
	margin: 0 auto;
	width: 556px;
}

ul#months{
	margin: 0;
	padding: 0;
	list-style: none;
}
ul#months li{
	position: relative;
	float: left;
	margin: 0 1px 0 0;
	padding: 0;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	font: 0.65em/1.4em Arial, Helvetica, sans-serif;
	color: #666;
	width: 40px;
	text-align: center;
	text-transform: uppercase;	
}

ul#months li a{
	margin: 0;
	padding: 0.2em;
	background: url(ecil-images/tab-back.gif) top left repeat-x;
	display: block;
	text-decoration: none;
	font-weight: bold;
	color: #666;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
}
ul#months li a:hover{
	margin: 0;
	padding: 0.2em;
	background: #ccc;
	display: block;
	text-decoration: none;
	font-weight: bold;
	color: #666;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
}
ul#months li a.current{
	margin: 0;
	padding: 0.2em;
	background: #ccc url(ecil-images/tabcurrent-back.gif) top left repeat-x;
	display: block;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

#footholder{
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 780px;
	background: url(ecil-images/bottom_shade.gif) top left repeat-x;
}
#footholder img.leftcorner{
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
}
#footholder img.rightcorner{
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
}
#footer{
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	width: 760px;
	display: table;
	vertical-align: middle;
}
#footer img{
	position: relative;
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	border: none;
}
#footer ul#footerlinks{
	position: relative;
	float: left;
	list-style: none;
	display: block;
	margin: 6px 0 0 0;
	padding: 0;
}

#footer ul#footerlinks li{
	display: inline;
	margin-right: 0.2em;
	padding-right: 0.6em;
	border-right: 1px solid #666;
	font: 0.65em/1.4em Arial, Helvetica, sans-serif;
	color: #666;
}
/* Fix IE. \*/
* html #footer ul#footerlinks li{ 
	margin-right: 0.5em;
	padding-right: 0.4em;
}
/* End */
#footer ul#footerlinks li.noline{
	border-right: none;
}
#footer ul#footerlinks li a{	
	color: #666;
	text-decoration: underline;
}
#footer ul#footerlinks li a:hover, #footer ul#footerlinks li a:focus{
	color: #999;
	text-decoration: none;
}
#footer ul#footerlinks li.current a{	
	color: #999;
	text-decoration: none;
}
.footercenter{
	text-align: center;
}
