/* CSS Document */
#navcontainer
{
margin: 0;
padding:15px 0 0 0;
}

#navcontainer UL
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#navcontainer LI
{
display: block;
margin:0;
padding: 3px 0 5px 20px;
display: inline;
list-style-type: none;
width: auto;
border:0px solid #ff0000;
line-height:22px;

}

#navcontainer A
{
color: #444;
width: auto;
text-decoration: none;
margin-top:0;
padding:0px 15px 3px 5px;
font-size:16px;
border:0px solid #ff0000;

}

#navcontainer img{
	border:none;
}
#navcontainer A:hover, #navcontainer A:active { }

#navcontainer A.active:link, #navcontainer A.active:visited
{

}

#navcontainer .subnav
{
float:left;
clear:both;
z-index: 101;
margin-top:0px;
padding:8px 0 0 8px;
display:none;
border:0px solid #00ff00;
width:650px;
}

#navcontainer .subnav_on
{
float:left;
clear:both;
z-index: 101;
margin-top:0px;
padding:8px 0 0 8px;
display:block;
border:0px solid #00ff00;
width:650px;
}

#navcontainer .subnav UL,#navcontainer .subnav_on UL
{
list-style: none;
margin: 0px;
padding: 0px;

}

#navcontainer  .subnav LI,#navcontainer  .subnav_on LI
{
display: block;
margin:0 18px 0 0;
padding:0 0 0 18px;
display: inline;
list-style-type: none;
border:0px solid #000;
}

#home { background:url(images/nav/home.gif) no-repeat; }
#family { background:url(images/nav/family.gif) no-repeat; }
#community { background:url(images/nav/community.gif) no-repeat; }
#city { background:url(images/nav/city.gif) no-repeat; }
#noticeboard { background:url(images/nav/noticeboard.gif) no-repeat; }
#contact { background:url(images/nav/contact.gif) no-repeat; }

#home_on { background:url(images/nav/home_ov.gif) no-repeat; }
#family_on { background:url(images/nav/family_ov.gif) no-repeat; }
#community_on { background:url(images/nav/community_ov.gif) no-repeat; }
#city_on { background:url(images/nav/city_ov.gif) no-repeat; }
#noticeboard_on { background:url(images/nav/noticeboard_ov.gif) no-repeat; }
#contact_on { background:url(images/nav/contact_ov.gif) no-repeat; }

#subhome li { background:url(images/nav/subhome.gif) no-repeat; }
#subfamily li { background:url(images/nav/subfamily.gif) no-repeat; }
#subcommunity li { background:url(images/nav/subcommunity.gif) no-repeat; }
#subcity li { background:url(images/nav/subcity.gif) no-repeat; }
#subnoticeboard  li{ background:url(images/nav/subnoticeboard.gif) no-repeat; }
#subcontact  li{ background:url(images/nav/subcontact.gif) no-repeat; }

#navcontainer .subnav A,#navcontainer .subnav_on A
{
color: #444;
text-decoration: none;
padding:0;
margin: 0;
border:0px solid #ff0000;
width: auto;
font-size:14px;
}

#navcontainer .subnav A:hover,#navcontainer .subnav_on A:hover{ color: #777; }
/*#navcontainer.subnav A.active:link,a.active:visited { color: #444; }*/