/* CSS Document */

/*link and text appearance*/		
a, a:visited, a:active, p {
	
	font-family: verdana;
	font-style: normal;
	font-weight:normal;
	font-variant: normal;
		}
		
/*using a background image for the body*/
body {
		/*background-position: 1000px 40px;*/
		background-repeat: repeat-no;
		}
		
/*positioning the paragraph		
p {
	position: relative;
	left: 170px;
	width: 630px;
	}*/

/*Remove the indents and bullets from the unordered list and define the width of menu items.*/
ul {
        margin: 0;
        padding: 0;
        list-style: none;
		background: #none;
        width: 110px;
		border-bottom:0px solid #003300;
		font:  normal 10px verdana;
		color: #003300;
        }

/*Position our list items. These will stack vertically by default. However, we must set the position as relative, because we will need to position the sub-menus absolutely within them.*/
ul li {
        position: relative;
        }


/*Setup the sub-menus. Each sub-menu is to appear to the right of its parent menu item when that item is hovered over.  the submenu left's property is 149 pixels, 1px less than the width of the menu items which allows the submenus to overlap the main menu and not produce a double border.*/
li ul {
        position: absolute;
        left: 110px;
        top: 0;
		background: #ffffff;
        display: none;
		width: 100px;
		font:  normal 10px verdana;
		color: #003300;
        }

/*Style the links.*/
ul li a {
        display: block;
        text-decoration: none;
        color: #ffffff;
        background: #003300;
        padding: 5px;
        border: 3px solid #ffffff;
        border-bottom: 3;
		font:  normal 10px verdana;
		color: #003300;
        }

/*Unfortunately, IE Win interprets the line breaks between our nicely formatted HTML list items as white space, so you will notice that the menu items don't stack up neatly in that browser. However, there is a way around IE's bugs:*/
/* Fix IE. Hide from IE Mac \*/
* html ul li {
	float: left;
	height: 1%;
	background-color: #none;
}
* html ul li a { height: 1%; }
/* End */

ul li a:hover {
	color: #990000;
	background: #ffcc33;
} /* Hover Styles */

/*Activate the sub-menus using the hover rule over the menu items.*/
li:hover ul, li.over ul { display: block; }