


/* ------------ main nav ------------------ */

#nav { 
	list-style:none; 
	margin:0; 
	margin-top:5px; 
	}
	#nav li { 
		margin-bottom:4px; 
		border-bottom:1px #ffffff solid;	/* more margin collapsing, this time IE only, weird */
		}
		
		#nav li a { 
			text-transform:uppercase; 
			color:#ffffff;
			display:block;
			width:160px;
			height:21px;
			line-height:21px;
			background:url(/Images/nav-blue_tcm77-25392.gif) 0 0 no-repeat;
			text-decoration:none;
			font-size:0.6em;
			font-weight:bold;

			}
			#nav li a:hover { color:#000000; }
			#nav li a span { margin-left:3px; }
				#nav ul li a span { margin-left:0; }

		
	#nav ul { 
		margin:0 3px; 
		list-style:none; 
		}
		#nav ul li { 
			margin-bottom:1px;
			border-bottom:1px #939598 dashed;
			padding:3px 0;
			}
			#nav ul li a {
				background:#ffffff; 
				color:#939598;
				height:auto;
				line-height:1.5em !important;
				width:154px;
				padding:0;
				padding-bottom:2px;
				}

				#nav ul li a:hover {
					color:#333333;
				}
				#nav ul li a.active { color:#660066; }
				.orange #nav ul li a.active { color:#ed8000; }
				.red #nav ul li a.active { color:#b32417; }
				.green #nav ul li a.active { color:#568000; }
			#nav ul li ul {
				margin:0 auto 4px 0;
				padding-top:-4px;
				}
				#nav ul li ul li {
					padding:0; padding-left:12px; margin:0; margin-bottom:3px; border:0; height:auto; line-height:auto;
					background:url(/Images/tinyli2_tcm77-19721.gif) top left no-repeat; 
					}
					#nav ul li ul li a { padding:0; width:140px; }
				

.menu-orange { background:url(/Images/side_bar_orange_tcm77-18613.gif) 0 0 no-repeat !important; }
.menu-green { background:url(/Images/side_bar_green_tcm77-18611.gif) 0 0 no-repeat !important; }
.menu-red { background:url(/Images/side_bar_red_tcm77-18614.gif) 0 0 no-repeat !important; }


#navlist { margin-bottom:5px; }

/* ------------ tabs ----------------- */

ul#tabs, ul#tabs li { margin:0; list-style:none; }

ul#tabs li { 
	width:160px; 
	height:30px;
	float:left;
	}
ul#tabs li a { display:block; width:160px; height:30px; }
ul#tabs li a span { display:none; }

li#tab-volunteer { background:url(/Images/top_tab_volunteer_tcm77-18617.gif) 0 0 no-repeat; }
li#tab-donate { background:url(/Images/top_tab_donate_tcm77-18616.gif) 0 0 no-repeat; }
li#tab-act { background:url(/Images/top_tab_act-now_tcm77-18615.gif) 0 0 no-repeat; }




/* ------------ header / footer ------------------ */

#header ul, #footer ul, #languages ul { 
	list-style:none; 
	margin:0; 
	float:right; 
	}
	#header ul li, #footer ul li, #languages ul li { 
		display:inline; 
		background:#ffffff url(/Images/listsep_tcm77-18610.gif) 0 5px no-repeat; 
		padding-left:8px; 
		padding-right:3px; 
		font-size:0.7em; 
		}
		#header ul li a, #footer ul li a { 
			color:#939598; 
			text-decoration:none; 
			font-weight:normal;
			}
			#header ul li a:hover, #footer ul li a:hover { 
				color:#333333; 
			}
#header ul, #languages ul { margin-top:10px; }
#footer ul { margin-bottom:5px; }
#languages ul { float:left; }

/* ------------ breadcrumb ------------------- */

#breadcrumb ul { margin:0; list-style:none; }
#breadcrumb ul li { display:inline; font-size:0.7em; color:#939598; }
#breadcrumb ul li a { color:#939598; text-decoration:none; font-weight:bold; }

/* --- buttons --- */

.button { height:37px; width:auto; margin:1em 0; }
.button span { display:block; height:37px; float:left; }
.button .endleft { width:30px; }
.button .endright { width:20px; }
.button .btnmid span { display:inline; height:auto; float:none; line-height:30px; margin-left:10px; color:#ffffff !important; text-transform:uppercase; font-weight:bold; font-size:1.2em; }

.paginator { clear:both; }

