#navHome { /*These settings are for the div that houses the dropdown*/
	/*navHome is the id for the div that houses the dropdownlist*/
	width:555px;
	height:30px;
	/*the <li> inside the div will stay at the top regardless of the height, if you want the <li> to be placed lower alter the margin-top parameter directly below*/
	background-color:#00b6ff;
	margin-top:0px;
	position: absolute;
	top: 71px;
	right: 0px;
}
ul {
	margin:0px;
	padding:0px;
	/* you can use these to center the list after padding the selections*/
}
/* 
	LEVEL ONE
*/
/*dropdown is the class of the unordered list*/
ul.dropdown                         { margin:0px; list-style-type:none; font-weight:bold; font-family:Arial, Helvetica, Sans-serif; font-size:12px; }
ul.dropdown *						{ margin: 0px; padding: 0px; }
ul.dropdown a						{ text-decoration:none; }
ul.dropdown li                      { float: left;	background-color: #00b6ff; border-right:thin white solid;} 
/*this background color is for the list items, not the div*/
ul.dropdown li a                    { display: block; padding:7px 10px; color: white; }
/*the padding determines where the text sits inside the <li> and the color is the color of the text*/

ul.dropdown li.hover, 
ul.dropdown li:hover                { background-color: white; position: relative; }
/*this background color is what it will change to when you hover over the main selection*/

ul.dropdown li:hover a,ul.dropdown li.hover a              { color: #00b6ff; }
/*this color is what the text will change to when you hover over the main selection*/

/* 
	LEVEL TWO
sub_menu is the name of the class of the next level <ul>
*/
ul.dropdown ul.sub_menu 			{ width: 175px; z-index:99;   visibility: hidden; position: absolute; top: 100%; /*margin-top:7px; border:1px solid #999; border-right:1px solid #999*/}
/*the width will always stay the same for every pulldown
  the z-index keeps the pulldowns over all other content on your page
  top keeps the pulldown below the main selections
  use margin-top if you need the pulldown to be detached from the main selection
  the border is for the border around the entire dropdown*/
  
ul.dropdown ul.sub_menu li 			{ font-weight:normal; text-align:center; font-weight:bold; list-style-type:none; /*keep*/ width:175px; background-color: white; }
/*  font-weight refers to the text of the dropdown
	keep the width the same as the above css code for ul.dropdown ul.sub-menu
	background color is the color of the background for the dropdown
*/
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul.sub_menu li a		{  padding:5px ; text-align:center;   display: inline-block; color:#00b6ff;} 
/*	padding puts a padding around the dropdown text
	color is the color of the text
*/
ul.dropdown ul.sub_menu li.hover,
ul.dropdown ul.sub_menu li:hover    { background-color: #00b6ff; position: relative; }
/*background-color refers to the color when the dropdown is hovered*/

ul.dropdown ul.sub_menu li.hover a,
ul.dropdown ul.sub_menu li:hover a  { color: white; }
/*color refers to the color of the text when it is hovered*/