/* Vertical Menu */

/* Library Revision: $Rev: 6 $ */

/* Example Configuration 1 */
/*
Not written yet, see navHoriz.css and fix this file
*/

/* Example Configuration 2 */
/*
Not written yet, see navHoriz.css and fix this file
*/

/* Example Configuration 3 (using a single image) */
/*
ul.navVert {
    width: 222px;
    * can be used if the height of each button is actually a fractional number
    to set the height so the base doesn't become offset.
    Note: fractional heights actually sum up correctly in firefox.  :) *
    height: 179px;
}
ul.navVert li a {
    * height of each button *
    height: 22.375px;
}
ul.navVert, ul.navVert li, ul.navVert li a:hover { background: url('../images/menu_buttons.gif'); }

* Navigation Links *
li#nav-home,      li#nav-home a      { background-position: left -22px; }
li#nav-family,    li#nav-family a    { background-position: left -45px; }
li#nav-townhomes, li#nav-townhomes a { background-position: left -67px; }
li#nav-news,      li#nav-news a      { background-position: left -90px; }
li#nav-community, li#nav-community a { background-position: left -112px; }
li#nav-design,    li#nav-design a    { background-position: left -134px; }
li#nav-contact,   li#nav-contact a   { background-position: left -157px; }

* Navigation Links (Hover State & Selected State) *
body#home li#nav-home,           li#nav-home a:hover      { background-position: 100% -22px; }
body#family li#nav-family,       li#nav-family a:hover    { background-position: 100% -45px; }
body#townhomes li#nav-townhomes, li#nav-townhomes a:hover { background-position: 100% -67px; }
body#news li#nav-news,           li#nav-news a:hover      { background-position: 100% -90px; }
body#community li#nav-community, li#nav-community a:hover { background-position: 100% -112px; }
body#design li#nav-design,       li#nav-design a:hover    { background-position: 100% -134px; }
body#contact li#nav-contact,     li#nav-contact a:hover   { background-position: 100% -157px; }

*/

ul.navVert {
    margin: 0;
    padding: 0;
    width:100%;
}
ul.navVert li {
    list-style: none;
}
ul.navVert li, ul.navVert a {
    display:block;
}
ul.navVert li a {
    text-indent: -9999px;
    text-decoration: none;
}
ul.navVert li a:hover {
    background-repeat: repeat; /* so it doesn't matter what side you put it on */
    background-color: transparent;
}