/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/concertina2.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#menu { padding:0px; background:#000; height: 210px; float: left;  display: inline; position: absolute; top: 308px; left: 50%; margin-left: -160px; }

#menuOuter {padding:0; margin:0; list-style:none; font-family:arial, sans-serif; font-size:12px;}
#menuOuter li {float:left; margin: 0; padding: 0; }
#menuOuter li a {float:left; display:block; width:36px; height:210px; color:#fff; background:url(../menuimages/archivefile.jpg); font-weight:bold; text-decoration:none; text-align:center;  }
#menuOuter li a b {position:absolute; left:-9999px;}

#menuOuter ul {float:left; padding:0; margin:0; list-style:none; display:none;}
#menuOuter ul li a#introduction {background:url(../menuimages/introduction.jpg);}
#menuOuter ul li a#sitemap {background:url(../menuimages/menufile.jpg);}
#menuOuter ul li a#census {background:url(../menuimages/census.jpg);}
#menuOuter ul li a#documents {background:url(../menuimages/documents.jpg);}
#menuOuter ul li a#families {background:url(../menuimages/families.jpg);}
#menuOuter ul li a#photos {background:url(../menuimages/photos.jpg);}
#menuOuter ul li a#religion {background:url(../menuimages/religion.jpg);}
#menuOuter ul li a#contactus {background:url(../menuimages/contactus.jpg);}

#menuOuter ul ul {float:left; padding:15px 0 15px 0; margin: 0; list-style:none; width:164px; background:url(../menuimages/page.jpg); height:180px;/*210px;*/}

#menuOuter ul ul li {float:left; width:164px;height:20px;}
#menuOuter ul ul li a {display:block; width:144px; height:20px; line-height:20px; margin:0 5px; padding:0 5px; text-align:left; font-weight:normal;}

#menuOuter li:hover a,
#menuOuter li.cssplay_hover a {background-position:left 228px;/*bottom;*/}

#menuOuter li:hover ul, 
#menuOuter li.cssplay_hover ul {display:block;}

#menuOuter li:hover ul li a, 
#menuOuter li.cssplay_hover ul li a {color:#000;}

#menuOuter ul li.cssplay_hover a#introduction,
#menuOuter ul li.cssplay_hover a#sitemap,
#menuOuter ul li.cssplay_hover a#census,
#menuOuter ul li.cssplay_hover a#documents,
#menuOuter ul li.cssplay_hover a#families,
#menuOuter ul li.cssplay_hover a#photos,
#menuOuter ul li.cssplay_hover a#religion,
#menuOuter ul li.cssplay_hover a#contactus {background-position:left 228px;/*bottom;*/}
#menuOuter ul li:hover a#introduction,
#menuOuter ul li:hover a#sitemap,
#menuOuter ul li:hover a#census,
#menuOuter ul li:hover a#documents,
#menuOuter ul li:hover a#families,
#menuOuter ul li:hover a#photos,
#menuOuter ul li:hover a#religion,
#menuOuter ul li:hover a#contactus {background-position:left 228px;/*bottom;*/}

#menuOuter li:hover ul ul, 
#menuOuter li.cssplay_hover ul ul {display:none;}

#menuOuter li ul li:hover ul, 
#menuOuter li ul li.cssplay_hover ul {display:block;}

#menuOuter li ul li:hover ul li a, 
#menuOuter li ul li.cssplay_hover ul li a {color:#666; background:transparent; font-size:11px; width:144px; display:inline; booorder-bottom:1px solid #ccc;}

#menuOuter li ul li:hover ul li a:hover, 
#menuOuter li ul li.cssplay_hover ul li a:hover {color:#000;}