@charset "utf-8";
/* CSS Document */

/*********************************/
/*     TOPNAV BUTTONS
/*********************************/

#topnav {
height: 29px;
position:relative;
float:right;
top:50px;
right:20px;
clear:right;
}

#topnav li {
float: left;
position: relative;
z-index: 98;
list-style:none;
margin:0 2px;
}

#topnav ul li a {
display: block;
height: 29px;
text-indent: -5000px;
text-transform:uppercase;
text-decoration:none;
display:block;
outline:none;
}

#topnav .donate a{
background:url(../images/nav/button_donate.jpg) no-repeat 0 0;
background-position:top left;
position:relative;
width: 125px;
}

#topnav .becomeFriend a{
background:url(../images/nav/button_friend.jpg) no-repeat 0 0;
background-position:top left;
position:relative;
width: 125px;
}

#topnav .contact a{
background:url(../images/nav/button_contactUs.jpg) no-repeat 0 0;
background-position:top left;
position:relative;
width: 125px;
}

#topnav .donate a:hover, #topnav .becomeFriend a:hover, #topnav .contact a:hover   {
background-position: 0 -29px;
}


/*********************************/
/*      MAIN NAV
/*********************************/
#nav {
height: 30px;
width: 930px;
border-bottom: 4px solid black;
position:relative;
z-index:97;
}

#nav ul {    
background:url(../images/nav/navBkgd2.gif) no-repeat 0 0;
height:30px;
width:930px;
}

#nav li {
float: left;
position: relative;
z-index: 75;
list-style:none;
}

#nav li .last {
margin: 0;
}

#nav ul li a {
display: block;
height: 30px;
text-decoration:none;
display:block;
outline:none;
color:#241811;
line-height:30px;
padding:0 33px;/*adjust spacing as needed*/
background:url(../images/nav/navSep.gif) no-repeat left;
}


#nav ul li a:hover {
background:url(../images/nav/navBkgd_hover.jpg) repeat-x;
}



/****************************/
/*  BEGIN DROPDOWN STYLES
/****************************/

#nav ul ul {
background:url(../images/nav/dropdownBkgd.png) no-repeat bottom;
list-style:none;
display:none;
position:absolute;
width: 245px;
top: 30px;
left: -5px;
padding: 10px 15px 20px 15px;
height:auto;
}

#nav li li {
color:#000000;
display:block;
text-decoration:none;
text-align:left;
margin:0;
/*background:url(../images/nav/dropdown_sep.png) repeat-x bottom left;*/
border-bottom:1px dotted #9a8673;
padding-bottom:0px;
float:none;
}

#nav ul li li a {
background:url(../images/nav/dropdownIcon.gif) no-repeat 0 10px;
display: block;
width: 225px;
height:auto;
color: #000;
text-decoration: none;
font-size: 1em;
padding: 0.5em 5px 0.6em 10px;
margin:0 0 0 7px;
text-indent:0;
line-height:1.2em;
}

#nav ul li li a:hover 
{background:url(../images/nav/dropdownIcon.gif) no-repeat 0 10px;
}

#nav li li:hover {
background:url(../images/nav/dropdown_hover.png) repeat-x;
}

#nav li li a:hover {
text-decoration:none;
}

li > ul {
top: auto;
left: auto;
}

#nav li:hover ul {
display:block;
}

#nav li.over ul {
display:block;
}

#nav li .last ul  {
left: auto;
right: -5px;
}

.last ul {
margin:0 0 0 -93px;
}