/* CSS Document */

#navmain {
width: 800px;
position: relative;
float: left;
color: #457;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
background-color:#fff;
padding: 0;
margin: 0;
border-top: 3px solid #fff;
border-bottom: 3px solid #fff;
}

/*Nav buttons style (div tag) for when page first loads*/
.first
{text-align:center;
margin-bottom:3px;
display:block;
height:100%;
background:#9cf;
padding:7px 0;
}

/*Sets style for drop-down menu*/
table.menu 
{background:#bdf;
position:absolute;
visibility:hidden;
text-align:center;
margin-top:-29px;/*-32*/
padding:0;
}


/*Sets border to right of each nav button*/
.top
{border-right: 3px solid #fff;
padding:0;
margin:0;
}

/*Removes border to right of last nav button (contact)*/
.top-last
{border-right: 0;
padding:0;
margin:0;
}


/*Sets width of drop-downs*/
#about
{width:100px;}

#worship
{width:91px;}

#community
{width:112px;}

#outreach
{width:144px;}

#education
{width:101px;}

#news
{width:126px;}

#contact
{width:108px;}

/*Sets style for drop-down links*/
table.menu a {
color:#457;
text-decoration:none;
display:block;
border-bottom: 3px solid #fff;
margin: 0;
padding:7px;/*7*/
}

table.menu a:hover{background-color:#9cf;}

/*Sets style for first td of hover menu; repeats category name*/
#hover-about{
background-color:#0bb;
color:#fff;
display:block;
border-bottom: 3px solid #fff;
padding:7px;
/*margin-top:-2px; FIREFOX MAC*/
/*padding:8px 7px 4px 7px; FIREFOX MAC*/
}

#hover-worship
{background-color:#629;
color:#fff;
display:block;
border-bottom: 3px solid #fff;
padding:7px;
}

#hover-comm
{background-color:#8b5;
color:#fff;
display:block;
border-bottom: 3px solid #fff;
padding:7px;
}

#hover-outreach
{background-color:#b1b;
color:#fff;
display:block;
border-bottom: 3px solid #fff;
padding:7px;
}

#hover-education
{background-color:#d63;
color:#fff;
display:block;
border-bottom: 3px solid #fff;
padding:7px;
}

#hover-news
{background-color:#69d;
color:#fff;
display:block;
border-bottom: 3px solid #fff;
padding:7px;
}

#hover-contact
{background-color:#551;
color:#fff;
display:block;
border-bottom: 3px solid #fff;
padding:7px;
}