#nav    { /* background-color: #000; */
       /* background: #400 url(../../img/menubk.gif) repeat-x; */
       background:#114 url(../img/menu_blue3.gif) repeat-x;
	height: 40px; 
	clear:both;
}


#nav ul	{
	list-style-type:none;
        /* cannot give it a height because it ruins */
        /* the back of the dropdown */
	margin: 0px;
	padding: 0px 0px 0px 10px; 
        border:0;
       
}

#nav ul li {/* the top menu */
	
	float:left; 
    	width:114px;
        line-height:40px;	  
        vertical-align: middle; 
        padding: 0px 9px 0px 0; 
	margin:0;
	text-decoration: none;
	text-align: center;
        color: white;
	font-family: Arial, Verdana, sans-serif;
	font-size: 14px;

        /* color for testing purposes */
        /* background-color:brown;  */
	
}

#nav ul li:hover {
        /* larger than this width makes the words shift on hover */
        width:114px;  
           
        /*  font-weight:bold; */

        background-color:#114; 

        /* color for testing purposes */
        /* background-color:green; */
	}


#nav ul li a { /* all links within the second level lists */
        margin: 0;
	padding: 0;
	display: block;
	text-decoration: none;
	text-align:left;
	color: white;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
        width: 129px;
        padding: 5px 0px 5px 10px; 
        border:0;  

	background-color:#114;
        /* color for testing purposes */     
        /* background-color:red; */
}

#nav ul li a:hover {color:white;
	            display:block;
                    text-decoration: underline; 
                    margin:0; 
                    width:128x;
                    border:0;
                    background-color:#336;
                    /* color for testing purposes */
		    /* background-color:yellow; */

  	        }		


#nav ul li ul { /* second level lists */
	display:none;
	position:absolute;
	top: 16px; 
 	left:0;
	/* width and padding do not matter here */
}


#nav ul li>ul {	/* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}


#nav ul li:hover ul, #nav ul li.over ul { /* lists nested under hovered list items */
        display: block;
	margin:0;
	/* this is the padding between the top menu and the list */
 	padding: 0; 
        border:0;
	color:white;
	position:absolute;
	z-index:1000;
	/* this width controls the width of the dropdown menu */
 	width:123px; 
/*	background-color: #114; */

        /* color for testing purposes */
        /* background-color:white; */
}


#nav ul li:hover ul li, #nav ul li.over ul li {
        border:0;
	border-bottom:1px #CCC solid; 
        text-align: left;
	margin-left: 0;
   
        /* this determines the dropdown menu items height */
        line-height:20px;
   
	/* this made the text go the whole way across the list */
	/* width:100%; */
        width:130px;
	
        /* color for testing purposes */
        /* background-color:blue; */
}

/* this is specific to the one paragraph pages */    
#shortcontent p {padding: 0 0 25px 0;
                  margin-bottom: 10px;}