﻿
/*main navigation*/
#menu
{
	float:		right;
	height:		49px;
	width:		610px;	
	background: url(../images/menu_bg.gif) no-repeat 0 0;
}
#menu ul
{
	list-style: none;
	margin:	0 0 0 30px;
}
#menu ul li
{
	float:		left;
	margin:		10px 8px 0 0;
}
#menu ul li a
{
	display:		block;
	height:			25px;
	height:			0;
	overflow:		hidden;
	padding-top:    25px;
}
#menu ul li a.home
{
	width:		68px;
	background: url(../images/menu/home.gif) no-repeat 0 0;
}
#menu ul li a.home:hover
{
	background: url(../images/menu/home_over.gif) no-repeat 0 0;
}
#menu ul li a.about
{
	width:		59px;
	background: url(../images/menu/about.gif) no-repeat 0 0;
}
#menu ul li a.about:hover
{
	background: url(../images/menu/about_over.gif) no-repeat 0 0;
}
#menu ul li a.volunteer
{
	width:		81px;	
	background: url(../images/menu/volunteer.gif) no-repeat 0 0;
}
#menu ul li a.volunteer:hover
{
	background: url(../images/menu/volunteer_over.gif) no-repeat 0 0;
}
#menu ul li a.meetJill
{
	width:		133px;
	background: url(../images/menu/meetJill.gif) no-repeat 0 0;
}
#menu ul li a.meetJill:hover
{
	background: url(../images/menu/meetJill_over.gif) no-repeat 0 0;
}
#menu ul li a.tour
{
	width:		125px;
	background: url(../images/menu/building.gif) no-repeat 0 0;
}
#menu ul li a.tour:hover
{
	background: url(../images/menu/building_over.gif) no-repeat 0 0;
}
#menu ul li a.donate
{
	width:		65px;
	background: url(../images/menu/donate.gif) no-repeat 0 0;
}
#menu ul li a.donate:hover
{
	width:		65px;
	background: url(../images/menu/donate_over.gif) no-repeat 0 0;
}





/*main navigation - main page*/
#menuhome
{
	float:		right;
	height:		49px;
	width:		610px;	
	background: url(../images/menu_bg.gif) no-repeat 0 0;
}
#menuhome ul
{
	list-style: none;
	margin:	0 0 0 25px;
}
#menuhome ul li
{
	float:		left;
	margin:		10px 20px 0 0;
}
#menuhome ul li a
{
	display:		block;
	height:			25px;
	height:			0;
	overflow:		hidden;
	padding-top:    25px;
}

#menuhome ul li a.about
{
	width:		59px;
	background: url(../images/menu/about.gif) no-repeat 0 0;
}
#menuhome ul li a.about:hover
{
	background: url(../images/menu/about_over.gif) no-repeat 0 0;
}
#menuhome ul li a.volunteer
{
	width:		81px;	
	background: url(../images/menu/volunteer.gif) no-repeat 0 0;
}
#menuhome ul li a.volunteer:hover
{
	background: url(../images/menu/volunteer_over.gif) no-repeat 0 0;
}
#menuhome ul li a.meetJill
{
	width:		133px;
	background: url(../images/menu/meetJill.gif) no-repeat 0 0;
}
#menuhome ul li a.meetJill:hover
{
	background: url(../images/menu/meetJill_over.gif) no-repeat 0 0;
}
#menuhome ul li a.tour
{
	width:		125px;
	background: url(../images/menu/building.gif) no-repeat 0 0;
}
#menuhome ul li a.tour:hover
{
	background: url(../images/menu/building_over.gif) no-repeat 0 0;
}
#menuhome ul li a.donate
{
	width:		65px;
	background: url(../images/menu/donate.gif) no-repeat 0 0;
}
#menuhome ul li a.donate:hover
{
	width:		65px;
	background: url(../images/menu/donate_over.gif) no-repeat 0 0;
}





ul.submenu
{
	width:			170px;
	list-style:		none;
}

ul.submenu-photos
{
	width:			200px;
	list-style:		none;
}

ul.submenu li
{
	height:			24px;
	border-bottom:	1px dashed #ccc;
}

ul.submenu-photos li
{
	height:			84px;
	border-bottom:	1px dashed #ccc;
}

ul.submenu li.last
{
	border: none;
}

ul.submenu-photos li.last
{
	border: none;
}

ul.submenu li a
{
	display:			block;
	font-size:			1.05em;
	color:				#000;
	height:				22px;
	line-height:		22px;
	text-decoration:	none;
	padding:			0 0 0 18px;
	background:			url(../images/submenu/item_bg.gif) no-repeat 0 6px;
}

ul.submenu li a:hover
{
	background:			url(../images/submenu/item_bg_over.gif) no-repeat 0 0;
}

ul.submenu-photos li a:hover
{
	background:			url(../images/submenu/item_bg_over.gif) no-repeat 0 0;
}

