/* LAYOUT SETTINGS */
/* Main Menu */
#SFNav {
	font-size:12px; /* <-- What is the default font size for the menu text? */
	font-family: arial, san-serif;
}


#SFNav a {
	height:20px; /* <-- How tall should the main menu items be (without padding)? */
	padding:90px 15px 0px 0px; /* <-- How much padding should be on the root menu items? */
}

/* Sub Menu */
#SFNav li ul,
#SFNav li ul li {
	width:180px; /* <-- How wide should the sub-menus be? */
}

#SFNav li ul li a {
	height:15px; /* <-- How tall should the sub-menu items be (without padding)? */
	padding:10px 10px; /* <-- How much padding should be on the sub-menu items? */
}

/* Third Level Menus */
#SFNav li ul ul {
	/*
		Applies to LEVEL 3 OR GREATER sub menus only
		margin-top = total height of parent menu item
		margin-right = total width of parent menu item
	*/
	margin-top: -31px; /* <-- WHat do you get when you add the height, top padding, and top border sizes for a sub-menu item? */
	margin-bottom: 0px;
	margin-left: 220px; /* <-- How wide did you set the the sub-menus to be? */
	margin-right: 0px;
}


/*
	COSMETIC SETTINGS
	The following settings should only affect appearance and not layout
	EXCEPTION: The addition of border sizes may modify heights.  If borders are added, margins on some items may also need to be altered.
*/

/* Main Menu */
#SFNav {
	background-color:transparent; /* <-- What is the background color for the main menu bar (Root UL)? */
}

#SFNav a:link,
#SFNav a:active,
#SFNav a:visited,
#SFNav a:hover {
	white-space:nowrap;
	color:white; /* <-- What is the text color for all root menu items? */
	border-left:1px solid #ffffff;
}

#SFNav a:hover {
	background-color:transparent; /* <-- What is the background color for all root menu items ON HOVER? */
	color:#b3c7eb; /* <-- What is the text color for all root menu items ON HOVER? */
}

/* Sub Menu */
#SFNav li ul {
	border-top:1px solid transparent; /* <-- What are the border settings for the TOP of the entire sub-menu? */
}

#SFNav li ul li {
	background-color:#1560a3; /* <-- What is the background color for all sub-menu items? */
	border:1px solid #000000; /* <-- What are the border settings for the BOTTOM of all sub-menu items? */
}


#SFNav ul a:link,
#SFNav ul a:active,
#SFNav ul a:visited,
#SFNav ul a:hover {
	white-space:normal;
	color:#ffffff; /* <-- What is the text color for all sub-menu items? */
	border-left:none;
}

#SFNav ul a:hover {
	background-color:#323232; /* <-- What is the background color for all root menu items ON HOVER? */
	color:#ffffff; /* <-- What is the text color for all root menu items ON HOVER? */
}

#SFNav li ul li a{
border:none;
}
/* VERTICAL MENUS */

#SFNav.NMDropdown.vertical {
	width:300px;  /* <-- How wide should the flyout menu be? */
}
#SFNav.NMDropdown.vertical ul,
#SFNav.NMDropdown.vertical li {
	width:300px; /* <-- How wide did you set the flyout menu to be? */
}

#SFNav.NMDropdown.vertical li ul {
	margin-top: -30px; /* <-- WHat do you get when you add the height, top padding, and top border sizes for a root menu item? */
	margin-bottom: 0px;
	margin-left: 300px; /* <-- How wide did you set the flyout menu to be? */
	margin-right: 0px;
}

a#home{
background-image:url(dd_home.jpg);
background-repeat:no-repeat;
width:86px;
}
a#home:hover{
background-image:url(dd_home_h.jpg);
}

a#aboutus{
background-image:url(dd_aboutus.jpg);
background-repeat:no-repeat;
width:83px;
}
a#aboutus:hover{
background-image:url(dd_aboutus_h.jpg);
}

a#ministries{
background-image:url(dd_ministries.jpg);
background-repeat:no-repeat;
width:81px;
}

a#ministries:hover{
background-image:url(dd_ministries_h.jpg);
}

a#calendar{
background-image:url(dd_calendar.jpg);
background-repeat:no-repeat;
width:80px;
}
a#calendar:hover{
background-image:url(dd_calendar_h.jpg);
}

a#prayer{
background-image:url(dd_prayer.jpg);
background-repeat:no-repeat;
width:80px;
}
a#prayer:hover{
background-image:url(dd_prayer_h.jpg);
}

a#hope{
background-image:url(dd_hope.jpg);
background-repeat:no-repeat;
width:79px;
}
a#hope:hover{
background-image:url(dd_hope_h.jpg);
}

a#youth{
background-image:url(dd_youth.jpg);
background-repeat:no-repeat;
width:80px;
}
a#youth:hover{
background-image:url(dd_youth_h.jpg);
}

a#expect{
background-image:url(dd_expect.jpg);
background-repeat:no-repeat;
width:84px;
}
a#expect:hover{
background-image:url(dd_expect_h.jpg);
}