body { margin-left: 5%; margin-right: 5%; }


    ul.menu, ul.menu ul { 
        margin: 0px; 
        padding: 0px; 
	margin-bottom: 1em;
    }
    ul.menu, ul.menu ul { 
        width: 17em; 
        border: 1px solid #000; 
        padding-left: 0px; 
        cursor: default; 
        margin-left: 0px; 
    }
    ul.menu li, ul.menu ul {
        background-color: #8aa; 
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
    }
    ul.menu li { 
        list-style-type: none; 
        margin: 0px; 
        position: relative; 
        color: #fff; 
	padding-left: 0.5ex;
    }
    ul.menu li > ul { 
        display: none; 
        position: absolute; 
        top: 2px; 
        left: 17em; 
    }
    ul.menu li:hover, ul.menu li.CSStoHighlight { 
        background-color: #ffa; 
        color: #000; 
    }
    ul.menu ul.CSStoShow, ul.menu li:hover > ul { 
        display: block; 
    }
    ul.menu li a { 
        color: #fff; 
        /* display: block;  */
        width: 100%; 
        text-decoration: underline; 
    }
    ul.menu li a:hover, ul.menu li:hover > a { 
        color: #000;
    }
    ul.menu * { 
        line-height: normal !important; 
        text-align: left;
    } 
    ul.menu { 
         /* width: 80%;  */
	 /* margin-left: 10%; */
	    width: 100%;
       	border: none; 
        text-align: center;
    }
    ul.menu > li { 
        display: inline; 
        padding-right: 1ex;
        padding-left: 1ex;
        border-right: 2px solid white;
    }
    ul.menu > li:first-child {
        border-left: 2px solid white;
	padding-left: 4ex; 
    }
    ul.menu > li:last-child {
	padding-right: 4ex; 
    }
    ul.menu > li > ul { 
        top: 1.1em;
        left: 0px;
    }
     ul.menu,
     ul.menu ul,
     ul.menu ul ul { list-style-image: none ;}

    /* Put a teal line under the menu */
    #menu { border-bottom: 0.3ex solid rgb(51,102,102); padding-bottom: 1em; margin-bottom: 1em;}
    #footer { border-top:  0.3ex solid rgb(51,102,102); margin-top: 1em; }

    /* Move the footer elements around and set their style */
    #footer { font-size: smaller; padding-top: 1ex; }
    #footer span.footer-title { color: #996699; font-weight: bold;
	    display: block;
	    padding-top: 1.5em;
    }
    #footer address { color: black; }
    #footer a { display: block; }
    #footer img { float: left; padding: 1ex; }

    h1, h2, h3, h4, h5, h6
	{color: rgb(51,102,102); }

    img.heading{
		display: inline;
		vertical-align: middle;
	    }

    h1.heading{
		display: inline;
	    background-color: #f3b394;
	    color: #800080;
		padding-right: 1em;
		padding-left: 1em;
		vertical-align: middle;
	    font-weight: bold;}
	h1.heading img { padding-right: 1ex; }

    h3.heading{
		color: rgb(51,102,102); 
		display: inline;
		vertical-align: top;
		font-family: comic sans ms, Arial, Helvetica;
	    font-weight: bold;}

    h2.section{
	    text-align: center;
	    margin-left: 30%;
	    margin-right: 30%;
	    background-color: #f3b394;
	    color: #800080;
	    font-weight: bold;}

    body {
	font-family: Arial, Helvetica, Sans-Serif;
	background-image: url('cnvbkgnd.jpg');}

    UL { list-style-image:url('cnvbull1.gif'); }