/* CSS Document */
#menu { font-size: 12px; }
#menu {
        z-index: 1;
        width: 160px;
        padding: 5px;
        margin-left: auto; margin-right: auto; background-color: #FFF;
        border-right: 1px solid #903;
        margin-bottom: 12px;
}
#menu div, #menu p, #menu form, #menu ul { margin: 5px;}
#menu ul { padding: 0; margin-bottom: 2em;}
#menu a { text-decoration: none; }
#menu ul a:hover { color: #903; }
#menu ul a { color: #000; }
#menu ul ul { font-size: 11px; }
#menu ul ul a { color: #903; }
#menu ul ul a:hover { text-decoration: underline; }
#menu ul li { margin-bottom: 1em; list-style: none; list-style-image: none; font-weight: bold;}
#menu ul ul li { 
	margin-left: 10px; 
	margin-bottom: 1em; 
	line-height: 1em;
	color: #903; 
	}
#menu form { text-align: center; }
#menu h1 { margin-top: 0; margin-bottom: 0; font-size: 14px; letter-spacing: -1px; }
#menuwrapper img#menuTop { vertical-align: top;} /* keep the top menu image in the right spot in IE*/
#menuwrapper img#menuBottom{ vertical-align: bottom; } /* keep the bottom menu image in the right spot in IE */
#menuwrapper { width: 198px; float: left; margin: 0; padding-top: 20px;}


#header #headerlinks { background-image: url(../template_images/longheader.jpg); }
/*#content, #menuwrapper { display: inline; } /*IE Hack absolutely necessary or content will clear past the menu */
#menuwrapper { float: left; }
#content { width: 540px; float: left; margin: 10px;}
#menu div.hr { width: 95%; } /* anything larger than 95% makes the menu too fat in IE */

#menu div.hr { margin-left: 0; }