/* 1. basic menu controls (based on suckerfish template - alistapart.com) -----------*/

#navbar ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}

#navbar li { /* all list items */
	float: left;
	position: relative;
	
}

#navbar li ul { /* second-level lists */
	visibility: hidden;
	position: absolute;
	top: 19px;
	left: 0;
}

#navbar 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: 19px;
	left: 0;
}

#navbar li:hover ul, #navbar li.over ul { /* lists nested under hovered list items */
	visibility: visible;
}

#content {
	clear: left;
}

	
/* 2. customized appearance controls ----------------------------- */

#navbar {width: 100%;}

/* 2.a nav menu bar buttons -- common traits, e.g. font type/color/size, padding, rollover*/

ul#nav li { color:white; text-decoration: none; line-height: 17px; padding: 0px 0 0px 5px; margin: 0 0 0 5px; font-size: 12px; padding: 0; margin: 0; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;   }

ul#nav a { color:white; text-decoration: none; line-height: 17px; padding: 0px 0 0px 5px; margin: 0 0 0 0;}
ul#nav a:hover { color:white; text-decoration: none; line-height: 17px; padding: 0px 0 0px 5px; margin: 0 0 0 0;}

.navbarbutton { color:white; text-decoration: none; line-height: 17px; padding: 0px 0 0px 5px; margin: 0 0 0 0;}


/* 2.b. nav menu bar button sizes and borders */

li#home { width: 90px; border-bottom: 2px solid #b66161; }

li#first { width: 106px; border-bottom: 2px solid #7fa67c;}

li#second { width: 100px; border-bottom: 2px solid #c49652;}

li#third { width: 86px; border-bottom: 2px solid #699a94;}

li#fourth { width: 78px;  border-bottom: 2px solid #d18868;} 

li#overflow {width: auto; background-color: red;}



/* 2.c. dropdown menus -- common traits, e.g. size, padding*/

ul#nav ul { width: 100px; }

ul#nav ul li {   display: block; width: 100px; float:none; color: white; 
font-size: 11px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; 
border-bottom: 1px solid white; text-decoration: none; }

ul#nav ul a { display: block; float: none; text-decoration: none; color: white; font-size: 11px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; margin: 0; height: 100%; padding: 5px 0 5px 5px; }

ul#nav ul a:hover { display: block; float: none; text-decoration: none; 
color: white; font-size: 11px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
padding: 5px 0 5px 5px; margin: 0;
width: 95px; }



/* 2.d. colors for nav menubar buttons and dropdown menus*/ 

li#home, ul#homemenu, ul#homemenu a { background-color: #772323; }

li#first, ul#firstmenu, ul#firstmenu a {background-color: #375d34;}

li#second, ul#secondmenu, ul#secondmenu a {background-color: #926521; }

li#third, ul#thirdmenu, ul#thirdmenu a {background-color: #31625c;}

li#fourth, ul#fourthmenu, ul#fourthmenu a { background-color: #8b4222; }





/* 2.e. dropdown rollover colors*/

ul#homemenu li, ul#homemenu a:hover {background-color: #b66161; }

ul#firstmenu li, ul#firstmenu a:hover {background-color: #7fa67c; }

ul#secondmenu li, ul#secondmenu a:hover {background-color: #c49652; }

ul#thirdmenu li, ul#thirdmenu a:hover {background-color: #699a94; }

ul#fourthmenu li, ul#fourthmenu a:hover {background-color: #d18868; }
 
#fourthmenudiv {position: absolute; left: -22px; top: 0px;}


/* ------- end dropdown menu css controls ----------------------------------------------  */