/* Echo */

html{min-width:925px;}
body{
	margin:0;
	color:#000;
	font:13px Arial, Helvetica, sans-serif;
	background:url(../images/ECHO-backgd.jpg) 50% 0;    /* bg-body.png */
}
a{
	color: #000066;
	text-decoration:underline;
}
a:hover{text-decoration:none;}

img{border:0;}

#wrapper {
	margin:0 auto;
	width:925px;
	padding:34px 0 0;
}
#header{
	background:url(../images/bg-header.png) no-repeat;
	padding:30px 0 0;
	position:relative;
}
.logo{
	display:block;
	background:url(../images/logo.png) no-repeat;
	width:253px;
	height:44px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 auto;
	padding:0 0 8px;
}
.logo a{
	display:block;
	height:100%;
}
.slogan{
	display:block;
	background:url(../images/text-slogan.png) no-repeat;
	width:172px;
	height:17px;
	margin:0 auto;
	text-indent:-9999px;
	padding:0 0 15px;
}
#header .visual{
	position:absolute;
	z-index:10;
	top:-2px;
	left:-29px;
	width:118px;
	height:244px;
}
.visual img{vertical-align:top;}
.nav-holder{
	position:relative;
	z-index:2;
	height:29px;
	width:917px;
	padding:4px 4px 7px;
	background:#f7eacd;
}
.holder-bg{
	position:relative;
	border:1px solid #7dadbe;
	background:#0471b0;
	overflow:hidden;
	height:27px;
}
.center{
	position:relative;
	float:left;
	left:50%;
	clear:both;
}
#nav{
	position:relative;
	float:left;
	left:-50%;
	margin:0;
	padding:0 0 0 36px;
	list-style:none;
	height:27px;
}
#nav li{
	float:left;
	height:9px;
	padding:9px 24px 9px 25px;
	background:url(../images/separator-nav.gif) no-repeat 0 55%;
}
#nav li:first-child{background:none;}
#nav li a{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	height:9px;
	background:url(../images/sprite-nav.png) no-repeat;
}
#nav .mainNav-2{width:62px;}
#nav .mainNav-2:hover,
#nav .active .mainNav-2{background-position:0 -9px;}

#nav .mainNav-3{
	width:69px;
	background-position:-110px 0;
}
#nav .mainNav-3:hover,
#nav .active .mainNav-3{background-position:-110px -9px;}


#nav .mainNav-4{
	width:86px;
	background-position:-227px 0;
}
#nav .mainNav-4:hover,
#nav .active .mainNav-4{background-position:-227px -9px;}

#nav .mainNav-5{
	width:95px;
	background-position:-362px 0;
}
#nav .mainNav-5:hover,
#nav .active .mainNav-5{background-position:-362px -9px;}


#nav .mainNav-6{
	width:170px;
	background-position:-505px 0;
}
#nav .mainNav-6:hover,
#nav .active .mainNav-6{background-position:-505px -9px;}


#main
{
	padding:94px 22px 38px 0;
	width:903px;
	overflow:hidden;
	background:#f7eacd;
}



#main .peopleBG
{
	background: url(/assets/images/17-Objects.gif) no-repeat 0px 328px;
}



#main .line{
	/* background:url(../images/line-main.gif) repeat-y 219px 0; */
	/*	background:url(../images/17-Objects.png) no-repeat;   */
	width:100%;
}
#main .line:after{
	content:"";
	display:block;
	clear:both;
}
#main.home{
	padding:0 5px 80px 29px;
	width:891px;
	background:#f7eacd url(../images/bg-main.png) no-repeat 0 100%;
}
.home #content{
	width:704px;
	padding:29px 0 0;
	border: none;
}
#content{
	width:460px;
	float:left;
	padding:0 17px 0 22px;
	border-left:thin solid #999999;
	text-align: left;
}

#content h1.text-about-us{
	background:url(../images/text-about-us.gif) no-repeat;
	text-indent:-9999px;
	line-height:0;
	font-size:0;
	width:106px;
	height:20px;
	position:relative;
	margin:-63px 0 5px -25px;
}

#content h2{
	color:#142d62;
	position:relative;
	font-size:15px;
	font-weight:bold;
	margin:0 0 20px;
}
#content p.intro, #content p span.intro{
	font-size:16px;
	line-height:24px;
	color:#c30;
	position:relative;
	margin:0 0 18px;
}
#content .text-block{
	padding:0 0 0 18px;
	margin:0 0 -2px;
	overflow:hidden;
	width:436px;
}
#content p{
	line-height:18px;
	margin:0 0 21px;
}
#content h3{
	font:16px/20px Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:20px;
	color:#aa1131;
	margin:0;
}
#content p strong{color:#004f2b;}
#content .text-block strong{
	color:#142D62;
	line-height:16px;
}

#content .links{
	margin:-14px 0 0;
	padding:0;
	list-style:none;
}
#content .links li{padding:7px 0 0;}
.aside{
	width:179px;
	float:right;
}
.home .aside{float:left;}
.aside ul{
	margin:0 0 6px;
	padding:0;
	list-style:none;
	overflow:hidden;
	width:100%;
}
.aside ul li{
	border:1px solid #999;
	padding:5px;
	width:166px;
	height:115px;
	margin:0 0 6px;
	overflow:hidden;
}
.aside ul li a{
	float:left;
	height:115px;
	overflow:hidden;
}
.aside ul img{vertical-align:top;}
.aside ul a:hover{background:url(../images/none.gif);}
.aside ul a:hover img{margin:-115px 0 0;}
.aside .social{
	margin:0;
	width:auto;
	padding: 25px 0 0 25px;
	list-style:none;
	float: left;
	width: 600px;
}
.aside .social li{
	border:0;
	margin:0;
	float:left;
	padding:0 4px;
	width:auto;
	height:auto;
}
.aside .social a{
	float:left;
/*	text-indent:-9999px; Commente2accomodate Survey link */
	overflow:hidden;
	height:26px;
	width:26px;
}
.aside .social .twitter,
.aside .social .twitter:hover{background:url(../images/ico-twitter.png) no-repeat;}
.aside .social .facebook,
.aside .social .facebook:hover{background:url(../images/ico-facebook.png) no-repeat;}
.aside .social .like,
.aside .social .like:hover{
	background:url(../images/btn-like.png) no-repeat;
	width:53px;
}
.main-content{
	float:left; 
	width:480px;
	padding:1px 0 0 39px;
}
#content .main-content .text-echo{
	margin:0 0 36px;
	background:url(../images/text-echo-network.png) no-repeat;
	width:445px;
	text-indent:-9999px;
	height:154px;
}
.main-content .container{
	background:#fbf5e6;
	margin:0 0 0 -22px;
	overflow:hidden;
	padding:25px 8px 6px 20px;
	width:462px;
}
.main-content .text-featured{
	background:url(../images/text-featured.png) no-repeat;
	text-indent:-9999px;
	width:152px;
	height:41px;
	line-height:0;
	font-size:0;
	margin:0 0 23px;
}
.main-content .visual{
	background:url(../images/bg-img.png) no-repeat;
	width:274px;
	height:192px;
	margin:-2px 0 0 9px;
	float:right;
	display:inline;
}
#main .main-content .container .heading{
	text-indent:35px;
	background:url(../images/ico-heading.png) no-repeat 1px 0;
	font-size:16px;
	line-height:19px;
	color:#aa1131;
	margin:0 0 15px;
	padding:1px 0 0;
}
.main-content .container p{
	line-height:20px;
	margin:0 0 15px;
}
.main-content .container p a{font-weight:bold;}
#sidebar{
	float:right;
	width:169px;
	height:653px; /* 653px Changed2accomodate Donate now btn 01112011 */
	background:#fff;
	margin:0 0 -87px;
	padding:26px 8px 12px 9px;
}
#sidebar .text-echo-event{
	margin:0 0 21px 14px;
	background:url(../images/text-echo-event.png) no-repeat;
	text-indent:-9999px;
	font-size:0;
	line-height:0;
	width:139px;
	height:46px;
}
.content-sidebar{
	background:#322e6a;
	color:#fff;
	padding: 0px 25px 0 11px; /* 0px 25px 0 11px */
	font-size:12px;
	line-height:20px;
	overflow:hidden;
	display: block;
	position: relative;
	width:134px;
	height:580px;
}
.content-sidebar .block{margin:0 0 17px;}
.content-sidebar .block span{display:block;}
.content-sidebar h4{
	color:#ff9007;
	font-size:12px;
	margin:0;
}
.content-sidebar p{margin:0;}
.content-sidebar .btn-complete{
	background:url(../images/btn-complete.png) no-repeat;
	display:block;
	position: absolute;
	bottom: 0px;
	text-indent:-9999px;
	width:170px;
	margin: 10px -25px 0 -11px;
	height:33px;
}
.content-sidebar .btn-complete:hover{background:url(../images/btn-complete-hover.png) no-repeat;}
.column{
	float:left;
	width:173px;
	background:none;
	margin:0;
	padding:0px 20px 0 26px;
}
.column ul{
	margin: 5px 0 24px;
	padding:0;
	list-style:none;
	overflow:hidden;

}

.column ul li{
/*	line-height:0;
	font-size:0;*/ /*Vikram 24-05*/
	margin:0 0 15px;
	width:100%;
	overflow:hidden;
	float: right;
	font-family: Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.column ul a{

	text-decoration:none;
/*	background:url(../images/sprite-left-nav.png) no-repeat;
	text-indent:-9999px;
	height:9px;*/ /*Vikram 24-05*/
}

.column ul li a{
	float: right;
	text-align: right;
}
.column ul li a.active{
	float: right;
	text-align: right;
	color: #900001;
}
.column ul li a:hover{
	float: right;
	text-align: right;
	color: #900001;
}
	
.column .subNav{
	clear: both;
	padding: 0;
	margin: 0;
}

.column .subNav li{
	margin: 2px;
}
/* commented by Vikram 05-24*/
/*
.column ul #secNav-7{
	height:23px;
	width:128px;
	background-position:-30px 0;
}
.column ul .active #secNav-7,
.column ul #secNav-7:hover{background-position:-188px 0;}


.column ul #secNav-8{
	width:158px;
	background-position:0 -43px;
}
.column ul .active #secNav-8,
.column ul #secNav-8:hover{background-position:-158px -43px;}


.column ul #secNav-9{
	width:100px;
	height:23px;
	background-position:-58px -71px;
}
.column ul .active #secNav-9,
.column ul #secNav-9:hover{background-position:-216px -71px;}


.column ul #secNav-10{
	width:116px;
	background-position:-42px -113px;
}
.column ul .active #secNav-10,
.column ul #secNav-10:hover{background-position:-200px -113px;}

.column ul #secNav-11{
	width:109px;
	background-position:-49px -141px;
}
.column ul .active #secNav-11,
.column ul #secNav-11:hover{background-position:-207px -141px;}
.column ul #secNav-12{
	width:110px;
	background-position:-48px -169px;
}
.column ul .active #secNav-12,
.column ul #secNav-12:hover{background-position:-206px -169px;}

.column ul #secNav-13{
	width:76px;
	background-position:-82px -197px;
}
.column ul .active #secNav-13,
.column ul #secNav-13:hover{background-position:-240px -197px;}
*/


.column .visual{
	width:219px;
	margin:0 -20px 0 -26px;
	overflow:hidden;
	float:left;
	display:inline;
}
#footer{
	width:100%;
	padding:10px 0;
}
#footer ul{
	margin:0;
	padding:0 0 2px;
	list-style:none;
	width:100%;
	text-align:center;
}
#footer ul li{
	background:url(../images/separator-footer.gif) no-repeat 0 55%;
	display:inline;
	font-size:12px;
	padding:0 6px 0 7px;
	margin:0 -3px 0 0;
}
#footer ul li:first-child{background:none;}
#footer ul a{
	text-decoration:none;
	color:#333;
}
#footer ul a:hover{text-decoration:underline;}




/* Ruhi 05-19-2010 */


#content h1.text-About-Us{
	background:url(/assets/images/text-about-us.gif) no-repeat;
	text-indent:-9999px;
	line-height:0;
	font-size:0;
	width:106px;
	height:20px;
	position:relative;
	margin:-63px 0 5px -25px;
}


/*
.text-message-director
{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 16px;
   color: #131F4E;
}
*/

.introMessage
{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 16px;
   color: #CC4A2B;
   width: 290px;
}


.introSocial 
{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 16px;
   color: #CC4A2B;
   line-height: 24px !important;
}


.introLink a
{
   color: #CC4A2B;
}


.paraMessage
{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
}



.socialBlueText
{
   color: #131F4E;
   font-weight: bold;
   margin:21px 0 0 !important;
}


.socialList
{
   list-style-type: none;
   list-style-image: url(/assets/images/List.png);
   line-height: 18px;
}

.redHeading
{
   color: #AA1131; /* 980027 */
   font-weight: bold;
   margin: 0;
   padding: 0;
}


.redHeadingLarger
{
   color: #AA1131;
   font-weight: bold;
   font-size: 16px;
   margin: 25px 0 4px 0px;
   padding: 0;
}


.redHeadingLarger1
{
   color: #AA1131;
   font-weight: bold;
   font-size: 16px;
   margin: 5px 0 0px 0px;
   padding: 0;
}


.redHeadingLargerAward
{
   color: #AA1131;
   font-weight: bold;
   font-size: 16px;
   margin: 5px 0 15px 0px;
   padding: 0;
}



.greenHeading
{
   color:  #004F2B;
   font-size: 13px;
   font-weight: bold;
   font-family: Arial, Helvetica, sans-serif;
   text-transform:uppercase;
   margin: 0;
   padding: 0px 0 2px 0;
}


.awardList li
{
   list-style-type: none;
   margin: 0 0 0 -35px;
}

/* commented by Vikram 
.orangeText
{
   color: #BF1F10;
   font-size: 16px;
}*/

.councilList
{
   list-style-position: inside;
   list-style-type: none;
   line-height:18px;
   list-style-image: url(/assets/images/List.png);
   margin: 0;
   padding: 0;
}


.blueText
{
   color: #131F4E;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 16px;
}


.redMessage
{
   color: #980027;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 15px;
}


.blueMessage
{
   color: #131F4E;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 15px;
}


.baseName
{
   float: right;
   color: #CC3300; /* #131F4E */
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 13px;
}



#content h1.text-about-us{
	background:url(/assets/images/text-about-us.gif) no-repeat;
	text-indent:-9999px;
	line-height:0;
	font-size:0;
	width:106px;
	height:20px;
	position:relative;
	margin:-63px 0 5px -25px;
}



#content h1.text-Initiatives{
	background:url(/assets/images/text-initiatives.gif) no-repeat;
	text-indent:-9999px;
	line-height:0;
	font-size:0;
	width:116px;
	height:20px;
	position:relative;
	margin:-63px 0 5px -25px;
}



#content h1.text-Get-Involved{
	background:url(/assets/images/text-get-involved.gif) no-repeat;
	text-indent:-9999px;
	line-height:0;
	font-size:0;
	width:150px;
	height:20px;
	position:relative;
	margin:-63px 0 5px -25px;
}



#content h1.text-News-Events{
	background:url(/assets/images/text-news-events.gif) no-repeat;
	text-indent:-9999px;
	line-height:0;
	font-size:0;
	width:175px;
	height:20px;
	position:relative;
	margin:-63px 0 5px -25px;
}



#content h1.text-Publications-Resources{
	background:url(/assets/images/text-publications-resources.gif) no-repeat;
	text-indent:-9999px; 
	line-height:0;
	font-size:0;
	width: 300px;
	height:20px;
	position:relative;
	margin:-63px 0 5px -25px;
}



#content h1.text-Featured-Conversation{
	background:url(/assets/images/text-featured-conversations.gif) no-repeat;
	text-indent:-9999px; 
	line-height:0;
	font-size:0;
	width: 300px;
	height:20px;
	position:relative;
	margin:-63px 0 5px -25px;
}



.blueTime
{
	color:#131F4E;
	font-weight:bold;
	font-size: 13px;
}


.councilBottom
{
   padding: 20px 0 0 0;
}


ul 
{
   margin: 0 0 1em 0;
}


.messagePhoto img
{
   float: right;
}

.headphones
{
   margin:0 0 4px;
   vertical-align:middle;
}


.thankyou
{
   color: #AA1131;
   font-weight: bold;
   font-size: 16px;
   margin: 25px 0 4px 0px;
   padding: 0;
}


.imageVisual
{
   margin-left: 8px;
}




/* Ruhi 05-19-2010 ----------------------------------------- */

.blueMonthHeader
{
	color: #142D62;
	   font-weight: bold;
	   font-size: 16px;
	   margin: 0;
	   padding: 0;
}


 #content table .right_col
{
	padding-right: 10px;
}


#sidebar .content-sidebar .btn-donate
{ 
/*    background: url("../images/btn-donate.png") no-repeat scroll 0 0 transparent; */
    bottom: 0;
    display: block;
    height: 33px;
    margin: 0 0 12px -11px;
    text-indent: -9999px;
    width: 170px;
}


#content .donatenowpaypal
{
   float: left;
   display: block;
   margin: 0 0 0 350px;
}


#content .donatenowpaypalinstr 
{
   float: left;
   display: block;
   margin: 0 0 0 350px;
}


#content .social .survey
{
   width: 300px;
   margin: 0px 0 0;
   font-weight: bold;
}


h2 .formTitle
{
   color: #900001;
   font-family: Arial;
   font-size: 140%;
   font-style: normal;
   font-weight: normal;   
   border-bottom: 1px dotted #CCCCCC;
   padding: 0 0 15px 0;
   margin: 0 0 35px 0;
}