/*Top menu, left, width, padding, zindex, and top can all be changed*/
div#top-menu  {
	position:absolute;
	top:122px;
	left:190px;
	z-index:100;
	text-align:left;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	width:555px;
	padding:0;
	height:25px;
}

div#top-menu_gallery  {
	position:absolute;
	top:122px;
	left:190px;
	z-index:100;
	text-align:left;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	width:555px;
	padding:0;
	height:25px;
}

/*main headings*/
div#top-menu_gallery UL,
div#top-menu UL {
	PADDING:0;
	MARGIN:0; 
	LIST-STYLE-TYPE: none;
	z-index:100;
}

/*This floats the menu so they appear side by side and not on top of eachother.*/
div#top-menu_gallery UL LI,
div#top-menu UL LI {
	POSITION: relative;
	float:left;
	line-height:130%;
	z-index:100;
	padding:0;
	margin:0;
}

/*This changes the position and appearance of the submenus*/
div#top-menu_gallery LI UL,
div#top-menu LI UL {
	DISPLAY: none; 
	POSITION: absolute;
	background-color:#017E3A;
	line-height:130%;
	/*border:1px solid #CCCCCC;*/
	z-index:100;
}

div#top-menu_gallery UL UL,
div#top-menu Ul UL {
	z-index:100;
}

/*This changes the top level menu's links*/
div#top-menu_gallery UL LI A,
div#top-menu UL LI A {
	padding:2px 10px;
	DISPLAY: block;
	color:#D9DEE2;
	text-decoration:none;
	/*border:1px solid #CC0000;*/
}



/*This changes the hover for all links in the menu div*/
div#top-menu_gallery UL LI A:hover,
div#top-menu UL LI A:hover {
	color:#82C69E;
	/*background-color:#017E3A;*/
	background-image:url(../images/menu-bg.gif);
	background-position:top left;
	background-repeat:repeat;
}


/*This changes the submenu links*/
div#top-menu_gallery LI UL LI A,
div#top-menu LI UL LI A {
	PADDING:2px 3px;
	color:#D9DEE2;
	display:block;
	width: 100%;

}

div#top-menu_gallery LI UL LI A:hover,
div#top-menu LI UL LI A:hover {
	background-color:#017E3A;
	background-image:none;
}

/*This makes the submenu list display in the hover. Do not change either of the commands listed below.*/
div#top-menu_gallery LI:hover UL,
div#top-menu LI:hover UL {
	DISPLAY: block;
}

div#top-menu_gallery LI.over UL,
div#top-menu LI.over UL {
	DISPLAY: block;
}
/*Please note that each of the main menus can have a class added to them and then each given a different width. The 
same can be done for the submenus. Each sub UL can be given a class and then each given a different width */

ul#sub-about {
	width:80px;
}

ul#sub-prod {
	width:110px;
}

ul#sub-news {
	width:110px;
}



/*li.home {
	width:59px;
}
li.about {
	width:79px;
}
li.locate {
	width:74px;
}

li.serv {
	width:74px;
}
li.prod {
	width:74px;	
}
li.news {
	width:55px;
}

li.photos {
	width:60px;
}

li.contact {
	width:70px;
}*/