/*Slidedoor Menu */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.slidedoormenu{
list-style-type: none;
text-align: center;
margin: 0;
padding: 0;
width: auto; /* width of menu (don't forget to add border with below!) */
border-left: 10px solid #4A8AFA; /* thick left border of menu */
}

.slidedoormenu li{border-bottom: 1px solid #7AA9FB; /* Color border beneath each menu item (6BA0FC as option)*/}

.slidedoormenu li a{
background: white url(images/vgrad01.gif) repeat-y left top; /* Background image positioned to the left(v) top(h) corner initially */
font: bold 13px "Comic Sans MS", Calibri, Garamond, "Lucida Grande", "Trebuchet MS", Verdana;
font-style: italic;
display: block;
color: #023389;
width: auto;
border-bottom: 0px solid white; /* White border beneath each menu item link, to add depth */
padding: 6px 0; /* Vertical (top/bottom) padding for each menu link */
text-indent: 0px;
text-decoration: none;
}

.slidedoormenu li a:visited, .slidedoormenu li a:active{color: #023389;}

.slidedoormenu li a:hover{background-position: -220px 0; /* Shift background image horizontally the start of the 2nd background image */color: yellow;}

.slidedoormenu li.lastitem, .slidedoormenu li.lastitem a{border-bottom-width: 0; /* For last menu item within menu, remove bottom border */}

.slidedoormenu li.lastitem a{padding: 8px 0; /* increase vertical border of last menu link by 2px (default is padding: 7px 0) to account for removed border width */}

/*End Slidedoor menu */