/*
------------------------------------------------
EchoRoad Inc. STYLE SHEET
redolivedesign.com updated 8/05
------------------------------------------------
*/

BODY {
	background-image: url(images/EchoRoad_BG.jpg);
	color: black;
	font-family: Verdana, MS Sans Serif, sans serif, Arial, Helvetica;
	font-size: x-small;
	margin-left: 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 15px;
} 
.shadowBox {
	background-color: #ECECEC;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-right-color: #999999;
	border-bottom-color: #999999;
}

.headerText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	line-height: 12px;
}
.headerText A:LINK {color: #333333; text-decoration: none;}
.headerText A:VISITED {color: #333333; text-decoration: none;}
.headerText A:ACTIVE {color: #333333; text-decoration: none;}
.headerText A:HOVER {color: #000000; text-decoration: underline;}

.printer {
	color: #FFFFFF;
	font-size: 11px;	
}
.printer A:LINK {color: #FFFFFF; text-decoration: none;}
.printer A:VISITED {color: #FFFFFF; text-decoration: none;}
.printer A:ACTIVE {color: #FFFFFF; text-decoration: none;}
.printer A:HOVER {color: #CCCCCC; text-decoration: underline;}

.footerLinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}
.footerLinks A:LINK {color: #CCCCCC; text-decoration: none;}
.footerLinks A:VISITED {color: #CCCCCC; text-decoration: none;}
.footerLinks A:ACTIVE {color: #CCCCCC; text-decoration: none;}
.footerLinks A:HOVER {color: #333333; text-decoration: underline;}
.bordergrey {
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	font-family: Verdana;
	font-size: 12px;
}
.bordergrey4 {
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	font-family: Verdana;
	font-size: 12px;
}
.bordergreen {border: 4px solid #333333;}
.bordergreyhorizontal {border: 1px dotted #cccccc;}

.charcoal12 {
	line-height: 1.25;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	}
.ltgrey12 {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #8C8C8C;
	text-decoration: none;
	}
.cap {
float: left;
width: 15px;
font-size: 30px;
line-height: 28px;
font-weight: normal;
color: #333333;
font-family: Verdana, Helvetic, sans-serif;
}
.charcoal12 A:visited {text-decoration: none; color: #006699;}
.charcoal12 A:link {text-decoration: none; color: #006699;}
.charcoal12 A:active {text-decoration: none}
.charcoal12 A:hover {text-decoration: underline; color: #6699CC;}
.charcoal11 {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #cc0000;
	text-decoration: none;
	}
.charcoal11 A:link {text-decoration: none; color: #333333;}
.charcoal11 A:visited {text-decoration: none; color: #333333;}
.charcoal11 A:active {text-decoration: none}
.charcoal11 A:hover {text-decoration: underline; color: #cc0000;}

.leftnav {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
	
	}
td.leftnav {
	padding-left: 4px;
}

a.leftnav {
	text-decoration: none;
	color: #FFFFFF;
}

.leftnav A:link {text-decoration: none; color: #FFFFFF;}
.leftnav A:visited {text-decoration: none; color: #FFFFFF;}
.leftnav A:active {text-decoration: none;}
.leftnav A:hover {text-decoration: underline; color: #6A675E;}


.charcoal11ist {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	}
.charcoal11ist A:link {text-decoration: none; color:#666666 ;}
.charcoal11ist A:visited {text-decoration: none; color: #666666;}
.charcoal11ist A:active {text-decoration: none}
.charcoal11ist A:hover {text-decoration: underline; color: #999999;}

/*
Photo roll over border
*/
.photoroll {border:1px; border-thickness: 1px; border-color: #FFFFFF; border-style: solid;}
A:hover .photoroll, A:active .photoroll {border:1px; border-thickness: 1px;border-color: #000000; border-style: solid}

.attsmall {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	}
.attsmall A:link {text-decoration: none; color: #cc0000;}
.attsmall A:visited {text-decoration: none; color: #cc0000;}
.attsmall A:active {text-decoration: none}
.attsmall A:hover {text-decoration: underline; color: #333333;}
.charcoal12b {
	font-family: Verdana, Helvetica, sans-serif;

	font-size: 12px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}
.charcoal12b A:link {text-decoration: none; color: #666666;}
.charcoal12b A:visited {text-decoration: none; color: #666666;}
.charcoal12b A:active {text-decoration: none}
.charcoal12b A:hover {text-decoration: underline; color: #333333;}
.copyright {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	height: 17px;
}
.copyright A:link {text-decoration: none; color: #333333}
.copyright A:visited {text-decoration: none; color: #333333}
.copyright A:active {text-decoration: underline}
.copyright A:hover {text-decoration: underline; color: #000000;}
.copyright2 {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	text-decoration: none;
	
}
.copyright2 A:link {text-decoration: none; color: #333333}
.copyright2 A:visited {text-decoration: none; color: #333333}
.copyright2 A:active {text-decoration: underline}
.copyright2 A:hover {text-decoration: underline; color: #000000;}
.blue12b {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #2a6090;
	text-decoration: none;
}
.red16b {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #990000;
}
.white12b {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.medwhite {  font-family:Verdana, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF}
.medwhite A:link {text-decoration: none; color: #666666;}
.medwhite A:visited {text-decoration: none; color: #666666;}
.medwhite A:active {text-decoration: none}
.medwhite A:hover {text-decoration: underline; color: #333333;}
/*
OLD SITE STYLES
*/
 
.SmallWhite {  font-family:Verdana, Helvetica, sans-serif; font-size: 9px; color: #FFFFFF; visibility: hidden; clip:  rect(   )}

.BoldWhite {  font-family:Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF}
.labelcharcoal {  font-family:Verdana, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #666666}
.charcoal12bold {  font-family:Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #333333}
.charcoal12bldundr {  font-family:Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #666666; text-decoration: underline}
.charcoal10 {  font-family:Verdana, Helvetica, sans-serif; font-size: 10px; color: #666666}
.charcoal10bld {  font-family: Verdana, Verdana, Helvetica, san-serif; font-size: 10px; font-weight: bold; color: #666666}
.blue10bld {  font-family:Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: bolder; color: #003366}
.blue10bld A:link {text-decoration: none; color: #990000;}
.blue10bld A:visited {text-decoration: none; color: #990000;}
.blue10bld A:active {text-decoration: none}
.blue10bld A:hover {text-decoration: underline; color: #990002;}
.12Red_bld {  font-family:Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FF0000}
.red12Bold {  font-family:Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FF0000}
.green12bld {  font-family:Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #009900}
.black14b {  font-family:Verdana, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #333333}
.black10 {  font-family:Verdana, Helvetica, sans-serif; font-size: 11px; color: #333333}
.black11list { font-family:Verdana, Helvetica, sans-serif; font-size: 11px; color: #333333}
.button {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #669966;
	background-color: #EEEEEE;
}
.reqbutton {
	background-color: #FFFFCC;
}
.greybackground12 {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
.greybackground12 A:link {text-decoration: none; color: #cc0000;}
.greybackground12 A:visited {text-decoration: none; color: #cc0000;}
.greybackground12 A:active {text-decoration: none}
.greybackground12 A:hover {text-decoration: underline; color: #333333;}
.yellow {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	background-color: #FFFFCC;
}
.borderRightSide {
	border-right-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-right-color: #333333;
}

/*
Right Col
*/

.gradientcolumn {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	background-image: url(images/gradientRightBackground.jpg);
	line-height: 2.5em;
	
}
/*

*/
.ziplist {
	font-family: Verdana;
	font-size: 12px;
	color: #003366;
	margin-top: 0; margin-bottom: 0
}