/*- Container list. Everything is inside this. -*/
#nav {
background: transparent;
border: none;
cursor: pointer;
font-size: 0.75em;
line-height: 25px;
list-style: none;
padding: 0;
position: absolute;
right: 0;
top: 137px;
z-index: 5;
margin: 0;
}
/*- General <li> rules -*/

#nav li {
background: #FFFFFF url('../images/menuimages/buttons.png') 0 0;
border: none;
color: #000000;
cursor: pointer;
float: left;
height: 25px;
list-style: none;
max-width: 120px;
position: relative;
padding: 0;
text-align: center;
width: 120px;
z-index: 5;
margin: 0;
}

#nav li:hover, #nav li.over {
background: #FFFFFF url('../images/menuimages/buttons.png') 0 25px;
}

#nav li ul li {
clear: both;
background: #FFFFFF url('../images/menuimages/buttons.png') 0 0;
font-size: 0.9em;
width: 100%;
}

#nav li ul a:hover, #nav li ul a.over {
background: #FFFFFF url('../images/menuimages/buttons.png') 0 50px;
top: 0;
}

/*- <ul> rules -*/

#nav li ul {
display: none;
left: 0;
margin: 0;
padding: 0;
position: absolute;
top: 25px;
}
#nav li:hover ul, #nav li.over ul {
display: block;
}

/*- <a> rules -*/

#nav a {
background: transparent;
color: #000000;
display: block;
height: 100%;
text-decoration: none;
width: 120px;
}

/*- swapImage rules -*/

/*- General -*/

#nav li.swapImage {
height: 155px;
max-width: 250px;
width: 250px;
z-index: 4;
}

/*- Individual -*/

#nav li#swapChurch {
background: transparent url('../images/menuimages/focuschurch.gif');
left: -277px;
top: -173px;
}
#nav li#swapSchool {
background: transparent url('../images/menuimages/focusschool.gif');
left: -397px;
top: -98px;
}
#nav li#swapHome {
background: transparent url('../images/menuimages/focushome.gif');
left: -517px;
top: -123px;
}