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

.solidblockmenu {
	border-style: solid;
	margin: 0;
	padding: 0;
	float: left;
	font: bold 11px Arial;
	width: 100%;
	border-width: 1px 0;
	background: black url("../images/menu-default.gif") center center repeat-x;
	border-top-color: #333;
	border-bottom-color: #333;
}
.solidblockmenu li {
    display: inline;
}
.solidblockmenu li a {
	float: left;
	color: white;
	padding: 6px 9px;
	text-decoration: none;
	border-right: 1px solid;
	border-right-color: #808080;
	border-right-style: outset;
	border-right-width: 1px;
}
.solidblockmenu li a:visited {
    color: white;
}
.solidblockmenu li .current{
    color: white;
    background: transparent url("../images/menu-active.gif") center center repeat-x;
}

.solidblockmenu li a:hover{
    color: white;
    background: transparent url("../images/menu-active.gif") center center repeat-x;
}

/*Left Menu */

ul.vert-one {
	margin : 0;
	padding: 0;
	list-style-type: none;
	display: block;
	font: bold 11px Arial, Helvetica, sans-serif;
	line-height: 180%;
	width: 160px;
}
ul.vert-one li {
    margin: 0;
    padding: 0;
    border-top: none;
    border-bottom: 1px solid #FFF;
}
ul.vert-one li a {
    display: block;
    text-decoration: none;
    color: #000066;
    background: #DFDFDF url("../images/menu-left-arrow.gif") no-repeat 5px 5px;
    padding: 0 0 0 15px;
    width: 145px;
}
ul.vert-one li a:hover {
    background: #C9D4DD url("../images/menu-left-arrow.gif") no-repeat 5px 5px;
}

/*Left Menu Directory */

ul.vert-two {
	margin : 0;
	padding: 0;
	list-style-type: none;
	display: block;
	font: bold 11px Arial, Helvetica, sans-serif;
	line-height: 180%;
	width: 160px;
}
ul.vert-two li {
    margin: 0;
    padding: 0;
    border-top: none;
    border-bottom: 1px solid #FFF;
}
ul.vert-two li a {
    display: block;
    text-decoration: none;
    color: #000066;
    background: #C9D4DD url("../images/menu-left-arrow.gif") no-repeat 5px 5px;
    padding: 0 0 0 15px;
    width: 145px;
}
ul.vert-two li a:hover {
    background: #369 url("../images/menu-left-arrow.gif") no-repeat 5px 5px;
    color: #FFF;
}

/*Right Directory Menu */

#directory {
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 11px;
}
#category {
	padding: 5px 10px 0px 10px; 
	line-height: 150%;
}
#alphabetical {
	letter-spacing: 1px; 
	line-height: 150%; 
	padding-left: 20px;
}

/*Gallery Menu */

#gallerymenu a {
	color: #FFF;
	font-weight: normal;
	text-decoration: underline;
}
#gallerymenu a:hover {
	color: #66CC00;
	font-weight: normal;
	text-decoration: none;
}

/*Alphabetical Directory Menu */

ul.alphabet {
	margin : 0;
	padding: 0;
	list-style-type: none;
	display: block;
	font: bold 11px Arial, Helvetica, sans-serif;
	line-height: 180%;
	width: 400px;
}
ul.alphabet li {
    margin: 0;
    padding: 0;
    background: #F0F0F0;
    border-top: none;
    border-bottom: 1px solid #FFF;
}
ul.alphabet li a {
    display: block;
    text-decoration: none;
    background: #F0F0F0 url("../images/menu-left-arrow.gif") no-repeat 5px 5px;
    color: #C30;
    padding: 0 0 0 15px;
    width: 385px;
}
ul.alphabet li a:hover {
    background: #C30 url("../images/menu-left-arrow.gif") no-repeat 5px 5px;
    color: #FFF;
}
ul.alphabet span {
    float: right; 
    padding-right: 10px;
}
#indent {
    padding-left: 15px;
}


/*News Sub Menu */

#submenuwrapper {
	width: 400px;
	background-color: #F0F0F0;
	padding: 8px 10px 10px 10px;
	border-top: 1px solid #FFF;
	border-bottom: 1px dotted #CCC;
}
#submenu1 {
	width: 126px;
	float: left;
}
#submenu2 {
	width: 127px;
	margin-left: 10px;
	float: left;
}
#submenu3 {
	width: 127px;
	float: right;
}
ul.news-submenu {
	margin : 0;
	padding: 0;
	list-style-type: none;
	display: block;
	font: bold 11px Arial, Helvetica, sans-serif;
	line-height: 180%;
	width: 126px;
}
ul.news-submenu li {
    margin: 0;
    padding: 0;
    border-top: none;
    border-bottom: 1px dotted #FFF;
}
ul.news-submenu li a {
    display: block;
    text-decoration: none;
    color: #000066;
    background: #F0F0F0 url("http://www.mysteinbach.ca/images/menu-left-arrow.gif") no-repeat 5px 5px;
    padding: 0 0 0 15px;
    width: 111px;
}
ul.news-submenu li a:hover {
    background: #C9D4DD url("http://www.mysteinbach.ca/images/menu-left-arrow.gif") no-repeat 5px 5px;
}