/* menu.css - formatting for menu system */

/* top menu system */
.container {
	float:right;
	height:28px;
	width:636px;
	margin:0px;
	border: 0px;
	padding: 0px;
}
.menu {
	font-family: tahoma, verdana, arial, sans-serif;
	position:relative;
	font-size:13px;
	background:transparent;
	width:636px;
	height:28px;
	margin:0px;
	padding:0px;
	text-align:center;
}
.menu ul {
	padding:0; margin:0; list-style-type: none;
}
.menu ul li {
	float:right; position:relative; color: #FFFFFF;
}
.menu ul li.messages {background:transparent url(../img/main_menu_messages_OFF.jpg);}
.menu ul li.directions {background:transparent url(../img/main_menu_directions_OFF.jpg);}
.menu ul li.calendar {background:transparent url(../img/main_menu_calendar_OFF.jpg);}
.menu ul li.getconnected {background:transparent url(../img/main_menu_getconnected_OFF.jpg);}
.menu ul li.contactus {background:transparent url(../img/main_menu_contactus_OFF.jpg);}
.menu ul li.subgetconnected {background:transparent url(../img/main_menu_volunteer_OFF.jpg); }
.menu ul li.subgetconnected2 {background:transparent url(../img/main_menu_community_OFF.jpg);}

.menu ul li.messages_on {background:transparent url(../img/main_menu_messages_ON.jpg);}
.menu ul li.directions_on {background:transparent url(../img/main_menu_directions_ON.jpg);}
.menu ul li.calendar_on {background:transparent url(../img/main_menu_calendar_ON.jpg);}
.menu ul li.getconnected_on {background:transparent url(../img/main_menu_getconnected_ON.jpg);}
.menu ul li.contactus_on {background:transparent url(../img/main_menu_contactus_ON.jpg);}

.menu ul li a, .menu ul li a:visited {
	display:block; text-decoration:none; width:101px; height:28px; color:#FFFFFF; padding-left:0px; line-height:26px;
}
* html .menu ul li a, .menu ul li a:visited {
	width:101px; w\idth:101px;
}

.menu ul li ul {
	visibility:hidden; position:absolute; top:0; left:0; height:0; overflow:hidden;
}
.menu table {
	margin:0px; border-collapse:collapse; font-size:1em;
}

/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.menu ul li.messages:hover a,
.menu ul li.messages a:hover {
	color:#FFFFFF; background:url(../img/main_menu_messages_ON.jpg); border:0px;
}
.menu ul li.directions:hover a,
.menu ul li.directions a:hover {
	color:#FFFFFF; background:url(../img/main_menu_directions_ON.jpg); border:0px;
}
.menu ul li.calendar:hover a,
.menu ul li.calendar a:hover {
	color:#FFFFFF; background:url(../img/main_menu_calendar_ON.jpg); border:0px;
}
.menu ul li.getconnected:hover a,
.menu ul li.getconnected a:hover {
	color:#FFFFFF; background:url(../img/main_menu_getconnected_ON.jpg); border:0px;
}
.menu ul li.contactus:hover a,
.menu ul li.contactus a:hover {
	color:#FFFFFF; background:url(../img/main_menu_contactus_ON.jpg); border:0px;
}

.menu ul li:hover ul,
.menu ul li a:hover ul {
	visibility:visible; width:100px; height:auto; position:absolute; top:29px; background: url(../img/main_menu_volunteer_OFF.jpg); border:0px; overflow:visible;
}
.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {
	display:block; background: url(../img/main_menu_volunteer_ON.jpg); font-style:normal; font-size:10px; text-decoration:none; color:#FFFFFF; height:auto; line-height:26px;
	text-align:center; padding:0px; width:100px; w\idth:100px;
}
.menu ul li:hover ul li a.drop,
.menu ul li a:hover ul li a.drop {
	display:block;  background: url(../img/main_menu_volunteer_ON.jpg); color:#FFFFFF; height:auto; line-height:26px; padding:0px; width:100px; w\idth:100px;
}
.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {
	visibility:hidden; position:absolute; top:0; left:0; height:0; overflow:hidden;
}

/* this is formatting for the submenu when hovered on */
.menu ul li:hover ul li.subgetconnected a:hover,
.menu ul li a:hover ul li.subgetconnected a:hover {
	color:#FFFFFF; background: url(../img/main_menu_volunteer_ON.jpg); font-style:normal; font-size:10px;
}
.menu ul li:hover ul li.subgetconnected2 a:hover,
.menu ul li a:hover ul li.subgetconnected2 a:hover {
	color:#FFFFFF; background: url(../img/main_menu_community_ON.jpg); font-style:normal; font-size:10px;
}

/* left menu system */
.container2 {
	float:left;
	height:240px;
	width:150px;
	margin:0px;
	border: 0px;
	padding: 0px;
}
.menu2 {
	position:relative;
	background:transparent;
	width:150px;
	height:158px;
	margin:0px;
	padding:0px;
	text-align:center;
}

.container2 #spacer{
	width:150px;
	height:24px;
}

.menu2 ul {
	padding:0; margin:0; list-style-type: none;
}
.menu2 ul li {
	float:left; position:relative; color: #FFFFFF;
}
.menu2 ul li.who {background:transparent url(../img/left_menu_who_OFF.jpg) no-repeat;  padding-bottom: 4px;}
.menu2 ul li.what {background:transparent url(../img/left_menu_what_OFF.jpg) no-repeat; padding-bottom:4px;}
.menu2 ul li.why {background:transparent url(../img/left_menu_why_OFF.jpg) no-repeat;}

.menu2 ul li.who_on {background:transparent url(../img/left_menu_who_ON.jpg) no-repeat;  padding-bottom: 4px;}
.menu2 ul li.what_on {background:transparent url(../img/left_menu_what_ON.jpg) no-repeat; padding-bottom:4px;}
.menu2 ul li.why_on {background:transparent url(../img/left_menu_why_ON.jpg) no-repeat;}


.menu2 ul li a, .menu2 ul li a:visited {
	display:block; text-decoration:none; width:150px; height:50px; color:#FFFFFF; padding-left:0px; line-height:26px;
}
* html .menu2 ul li a, .menu2 ul li a:visited {
	width:150px; w\idth:150px;
}

.menu2 ul li ul {
	visibility:hidden; position:absolute; top:0; left:0; height:0; overflow:hidden;
}
.menu2 table {
	margin:0px; border-collapse:collapse; font-size:1em;
}

/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.menu2 ul li.who:hover a,
.menu2 ul li.who a:hover {
	color:#FFFFFF; background: url(../img/left_menu_who_ON.jpg); border:0px;
}
.menu2 ul li.what:hover a,
.menu2 ul li.what a:hover {
	color:#FFFFFF; background: url(../img/left_menu_what_ON.jpg); border:0px;
}
.menu2 ul li.why:hover a,
.menu2 ul li.why a:hover {
	color:#FFFFFF; background: url(../img/left_menu_why_ON.jpg); border:0px;
}

/* messages menu system */
.container3 {
	float:left;
	height:20px;
	width:540px;
	margin:0px;
	border: 0px;
	padding: 0px;
}
.menu3 {
	position:relative;
	background:transparent;
	width:540px;
	height:20px;
	margin:0px;
	padding:0px;
}

.menu3 ul {
	padding:0; margin:0; list-style-type: none;
}
.menu3 ul li {
	float:left; position:relative; color: #FFFFFF;
}
.menu3 ul li.tab1 {background:transparent url(../img/messages_menu_tab1_OFF.jpg) no-repeat;}
.menu3 ul li.tab2 {background:transparent url(../img/messages_menu_tab2_OFF.jpg) no-repeat;}
.menu3 ul li.tab3 {background:transparent url(../img/messages_menu_tab3_OFF.jpg) no-repeat;}
.menu3 ul li.tab4 {background:transparent url(../img/messages_menu_tab4_OFF.jpg) no-repeat;}
.menu3 ul li.tab5 {background:transparent url(../img/messages_menu_tab5_OFF.jpg) no-repeat;}
.menu3 ul li.tab6 {background:transparent url(../img/messages_menu_tab6_OFF.jpg) no-repeat;}
.menu3 ul li.tab7 {background:transparent url(../img/messages_menu_tab7_OFF.jpg) no-repeat;}

.menu3 ul li.tab1_on {background:transparent url(../img/messages_menu_tab1_ON.jpg) no-repeat;}
.menu3 ul li.tab2_on {background:transparent url(../img/messages_menu_tab2_ON.jpg) no-repeat;}
.menu3 ul li.tab3_on {background:transparent url(../img/messages_menu_tab3_ON.jpg) no-repeat;}
.menu3 ul li.tab4_on {background:transparent url(../img/messages_menu_tab4_ON.jpg) no-repeat;}
.menu3 ul li.tab5_on {background:transparent url(../img/messages_menu_tab5_ON.jpg) no-repeat;}
.menu3 ul li.tab6_on {background:transparent url(../img/messages_menu_tab6_ON.jpg) no-repeat;}
.menu3 ul li.tab7_on {background:transparent url(../img/messages_menu_tab7_ON.jpg) no-repeat;}

.menu3 ul li.tab1 a, .menu3 ul li.tab1 a:visited {
	display:block; text-decoration:none; width:66px; height:20px; color:#FFFFFF; padding-left:0px;
}
* html .menu3 ul li.tab1 a, .menu3 ul li.tab1 a:visited {
	width:66px; w\idth:66px;
}

.menu3 ul li.tab2 a, .menu3 ul li.tab2 a:visited {
	display:block; text-decoration:none; width:60px; height:20px; color:#FFFFFF; padding-left:0px;
}
* html .menu3 ul li.tab2 a, .menu3 ul li.tab2 a:visited {
	width:60px; w\idth:60px;
}

.menu3 ul li.tab3 a, .menu3 ul li.tab3 a:visited {
	display:block; text-decoration:none; width:60px; height:20px; color:#FFFFFF; padding-left:0px;
}
* html .menu3 ul li.tab3 a, .menu3 ul li.tab3 a:visited {
	width:60px; w\idth:60px;
}

.menu3 ul li.tab4 a, .menu3 ul li.tab4 a:visited {
	display:block; text-decoration:none; width:60px; height:20px; color:#FFFFFF; padding-left:0px;
}
* html .menu3 ul li.tab4 a, .menu3 ul li.tab4 a:visited {
	width:60px; w\idth:60px;
}

.menu3 ul li.tab5 a, .menu3 ul li.tab5 a:visited {
	display:block; text-decoration:none; width:60px; height:20px; color:#FFFFFF; padding-left:0px;
}
* html .menu3 ul li.tab5 a, .menu3 ul li.tab5 a:visited {
	width:60px; w\idth:60px;
}

.menu3 ul li.tab6 a, .menu3 ul li.tab6 a:visited {
	display:block; text-decoration:none; width:60px; height:20px; color:#FFFFFF; padding-left:0px;
}
* html .menu3 ul li.tab6 a, .menu3 ul li.tab6 a:visited {
	width:60px; w\idth:60px;
}

.menu3 ul li.tab7 a, .menu3 ul li.tab7 a:visited {
	display:block; text-decoration:none; width:60px; height:20px; color:#FFFFFF; padding-left:0px;
}
* html .menu3 ul li.tab7 a, .menu3 ul li.tab7 a:visited {
	width:60px; w\idth:60px;
}

.menu3 ul li ul {
	visibility:hidden; position:absolute; top:0; left:0; height:0; overflow:hidden;
}
.menu3 table {
	margin:0px; border-collapse:collapse; font-size:1em;
}

/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.menu3 ul li.tab1:hover a,
.menu3 ul li.tab1 a:hover {
	background: url(../img/messages_menu_tab1_ON.jpg) no-repeat; border:0px;
}
.menu3 ul li.tab2:hover a,
.menu3 ul li.tab2 a:hover {
	background: url(../img/messages_menu_tab2_ON.jpg) no-repeat; border:0px;
}
.menu3 ul li.tab3:hover a,
.menu3 ul li.tab3 a:hover {
	background: url(../img/messages_menu_tab3_ON.jpg) no-repeat; border:0px;
}
.menu3 ul li.tab4:hover a,
.menu3 ul li.tab4 a:hover {
	background: url(../img/messages_menu_tab4_ON.jpg) no-repeat; border:0px;
}
.menu3 ul li.tab5:hover a,
.menu3 ul li.tab5 a:hover {
	background: url(../img/messages_menu_tab5_ON.jpg) no-repeat; border:0px;
}
.menu3 ul li.tab6:hover a,
.menu3 ul li.tab6 a:hover {
	background: url(../img/messages_menu_tab6_ON.jpg) no-repeat; border:0px;
}
.menu3 ul li.tab7:hover a,
.menu3 ul li.tab7 a:hover {
	background: url(../img/messages_menu_tab7_ON.jpg) no-repeat; border:0px;
}

.menu3bottom {
	float:left;
	height:22px;
	width:540px;
	margin:0px;
	border: 0px;
	padding: 0px;
	background:transparent url(../img/messages_menu_base.jpg) no-repeat;
}

/* other on-off buttons */
.container4 {
	float:left;
	width:540px;
	height:68px;
	margin:0px;
	border: 0px;
	padding: 0px;
}
.menu4 {
	position:relative;
	background:transparent;
	width:230px;
	height:54px;
	margin:4px auto 0px auto;
	padding:0px;
	text-align:center;
}

.menu4 ul {
	padding:0; margin:0; list-style-type: none;
}
.menu4 ul li {
	float:left; position:relative; color: #FFFFFF;
}
.menu4 ul li.reveal {background:transparent url(../img/REVEAL_survey_230x54_off.jpg) no-repeat;}

.menu4 ul li.reveal_on {background:transparent url(../img/REVEAL_survey_230x54_on.jpg) no-repeat;}


.menu4 ul li a, .menu4 ul li a:visited {
	display:block; text-decoration:none; width:230px; height:54px; color:#FFFFFF;
}
* html .menu4 ul li a, .menu4 ul li a:visited {
	width:230px; w\idth:230px;
}

.menu4 ul li ul {
	visibility:hidden; position:absolute; top:0; left:0; height:0; overflow:hidden;
}
.menu4 table {
	margin:0px; border-collapse:collapse; font-size:1em;
}

/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.menu4 ul li.reveal:hover a,
.menu4 ul li.reveal a:hover {
	color:#FFFFFF; background: url(../img/REVEAL_survey_230x54_on.jpg); border:0px;
}

/*Online Giving Button*/
.menu5 {
	position:relative;
	background:transparent;
	width:85px;
	height:52px;
	margin:0px auto 0px auto;
	padding:0px;
	text-align:center;
}

.menu5 ul {
	padding:0; margin:0; list-style-type: none;
}
.menu5 ul li {
	float:left; position:relative; color: #FFFFFF;
}
.menu5 ul li.giving {background:transparent url(../img/online_giving_button_OFF.jpg) no-repeat;}

.menu5 ul li.giving_on {background:transparent url(../img/online_giving_button_ON.jpg) no-repeat;}


.menu5 ul li a, .menu5 ul li a:visited {
	display:block; text-decoration:none; width:85px; height:52px; color:#FFFFFF;
}
* html .menu5 ul li a, .menu5 ul li a:visited {
	width:85px; w\idth:82px;
}

.menu5 ul li ul {
	visibility:hidden; position:absolute; top:0; left:0; height:0; overflow:hidden;
}
.menu5 table {
	margin:0px; border-collapse:collapse; font-size:1em;
}

/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.menu5 ul li.giving:hover a,
.menu5 ul li.giving a:hover {
	color:#FFFFFF; background: url(../img/online_giving_button_ON.jpg); border:0px;
}