@charset "UTF-8";
/* CSS Document */

/*--------------- Navigation ------------------*/

.nav{
     width:1000px;
	 /*z-index:100;*/
}

.nav li{
        list-style: none;
		height:42px;
		float:left;
		display:block;
}

.nav a { 
        height:100%;
		width:100%;
		display:block;
}

.nav div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background:#003366;}
	/*--border: 1px solid #CC0000}--*/

	.nav div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background:#000000;
		color:#FFFFFF;
		font: 13px "Verdana", Arial, Helvetica, sans-serif;}

	.nav div a:hover
	{	background:#FFFFFF; color:#003366;}


.nav li.bw1{
                background:url(../images/nav.jpg) no-repeat 0px 0px;
			    width:25px;
			    height:42px;
}

a.home{
         background:url(../images/nav.jpg) no-repeat -25px 0px;
		 width:91px;
		 height:42px;
}

a.home:hover, a.home-active{
                            background:url(../images/nav.jpg) no-repeat -25px -42px;
						    height:42px;
		                    width:91px;
}

a.meetcharlie{
          background:url(../images/nav.jpg) no-repeat -116px 0px;
		  height:42px;
		  width:144px;
}

a.meetcharlie:hover, a.meetcharlie-active{
                                  background:url(../images/nav.jpg) no-repeat -116px -42px;
								  height:42px;
		                          width:144px;
}

a.issues{
           background:url(../images/nav.jpg) no-repeat -260px 0px;
		   height:42px;
		   width:89px;
}

a.issues:hover, a.issues-active{
                                    background:url(../images/nav.jpg) no-repeat -260px -42px;
								    height:42px;
		                            width:89px;
}

a.events{
           background:url(../images/nav.jpg) no-repeat -349px 0px;
		   height:42px;
		   width:95px;
}

a.events:hover, a.events-active{
                                    background:url(../images/nav.jpg) no-repeat -349px -42px;
								    height:42px;
		                            width:95px;
}

a.video{
           background:url(../images/nav.jpg) no-repeat -444px 0px;
		   height:42px;
		   width:83px;
}

a.video:hover, a.video-active{
                                    background:url(../images/nav.jpg) no-repeat -444px -42px;
								    height:42px;
		                            width:83px;
}

a.blog{
           background:url(../images/nav.jpg) no-repeat -527px 0px;
		   height:42px;
		   width:81px;
}

a.blog:hover, a.blog-active{
                                    background:url(../images/nav.jpg) no-repeat -527px -42px;
								    height:42px;
		                            width:81px;
}

a.takeaction{
           background:url(../images/nav.jpg) no-repeat -608px 0px;
		   height:42px;
		   width:141px;
}

a.takeaction:hover, a.takeaction-active{
                                    background:url(../images/nav.jpg) no-repeat -608px -42px;
								    height:42px;
		                            width:141px;
}

.nav li.bw2{
                background:url(../images/nav.jpg) no-repeat -749px 0px;
			    width:28px;
			    height:42px;
}

a.donate{
           background:url(../images/nav.jpg) no-repeat -777px 0px;
		   height:42px;
		   width:169px;
}

a.donate:hover, a.donate-active{
                                     background:url(../images/nav.jpg) no-repeat -777px -42px;
								     height:42px;
		                             width:169px;
}

.nav li.bw3{
                background:url(../images/nav.jpg) no-repeat -946px 0px;
			    width:54px;
			    height:42px;
}

/*-------------------- end navigation ------------------------*/