
<STYLE TYPE="text/css">



/*IMPORTANT NOTICE - This is a completly functioning and working CSS file, however; there is still room for
improvement and ease of use.  This file can be condesned, if duplicate css statements were to be pulled from
each asp statement and placed above the conditional asp code statements.  This would condense the size of this file and only have the ASP print out what is truly unique/different in each case.  It is probably possible to 
shrink the file in half by doing it this way.

Created By: Jeffrey Bower
Last Updated: 07/27/2007
*/



/*Other includes firefox, safaria + others or netscape*/
	/*
	ul.topmenu - as you can assume it is the name of the UL that contains the entire menu
	ul.topmenu ul - Is for the UL, contained within each categories div layer.  These are the names of the
	menu items, within each sub_category (ie Acrylics >> Sign Holders)
	*/
	ul.topmenu, ul.topmenu ul{
		display: block;
		margin: 0px;
		padding: 0px;
	}
	/*
	ul.topmenu li - This controls the apperance of each of the sub-categories
	This removes an list styles and makes it so that the lists line up under the main title.
	IE - Removes any offsets
	*/
	ul.topmenu li{
		list-style: none;					/*Remove all list style*/
		position: relative;					/*lists position is relative - so it's not longer offset*/
		margin: 0px 0px 0px 0px;			/*remove all margins*/
		padding: 5px 0px 5px 0px;			/*set all padding*/
		text-decoration: none;				/*remove all text-decoration*/
		border-bottom: 1px solid #aaaaaa;	/*assign a border style for the menu - Gives the box appearance*/
	}
	/*
	special settings for just ul.topmenu.  Assigns borders to the main list, to make it look like a menu
	By adding a boder to the righ and left.  This runs the entire length of the menu.
	This can probably be combined with the above ul.topmenu, ul.topmenu ul, however; for now it will be left
	as is
	*/
	ul.topmenu{
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		border-right: 1px solid #aaaaaa;
		border-left: 1px solid #aaaaaa;
	} 
	/*
	Styles the links that are within the main list.  These would be the main Sub-Category Names.
	IE - Acrylics, Archival, etc
	*/
	ul.topmenu a{
		padding: 3px;				/*Add padding to the entire link*/
		padding-left: 5px;			/*this pushes the link more to the right, used for offsetting*/
		margin: 0px 0px 0px 0px;	/*removes all margins that may remain*/
	} 
	/*
	Changes the style of the lists, that are under each Sub-Category, when a customer hovers over them
	*/
	ul.topmenu li ul li:hover{
		list-style: none;			/*Make sure all list style are removed*/
		background-color: #fffedd;	/*change the color of the current item that is being hovered over*/
		margin : 0px 0px 0px 0px;	/*remove all margins... moves the moused over item to the left*/
		padding : 0px 0px 0px 5px;	/*add padding to the right so that it's not touching the menu wall*/
		width:10em;					/*unsure if this is necessary or not*/
	}
	/*
	This opens up the list for the Sub-Categories, when a customer mouses over a certain item
	*/
	ul.topmenu li.submenu:hover{
		padding-bottom: 6.7em; 		/*push the padding down, to make room for the list*/
		border: none;				/*make sure there is no border*/
	}
	/*
	This will enable the viewing of the menu list, that is within each Sub-Category
	*/
	ul.topmenu li.submenu:hover ul{
		visibility: visible; 		/*Make the list visible*/
		left: 0;					/*Remove any spacing that may exist*/
		background-color : #f7f7f7;	/*set the background color of the list*/
		height:6.25em;				/*set the height of the list*/
	}
	/*
	Sets the value for each individual list item, for the Sub-Category list display
	*/
	ul.topmenu li.submenu:hover ul li{
		margin-bottom: 0px; border-bottom: none;
	} 
	/*
	Change the color, when a customer mouses over a certain list item.  May not need this anymore, should
	be looked into
	*/
	ul.topmenu li.submenu:hover ul li:hover{ 
		background-color: #fffedd;
	}
	/*NOTE:  ul.topmenu li ul: This CSS statement does nearly the same thing that the below statement does.  This is 
			 the normal state class, for non-IE browsers.  This class was written with Fire-Fox optimization in 
			 mind*/
	ul.topmenu li ul{
		position: absolute;
		visibility: hidden;
		width: 10.3em;
		z-index: 1000;
		background-color : #fff;
		top: 1.8em;	
		top: 30px;	
		border : none;
		border-top: 1px solid #aaaaaa;
		border-bottom: 1px solid #aaaaaa;
		margin: 0px 0px 0px 0px;
		padding : 0px 0px 0px 0px;
	}
	/*NOTE:  ul.topmenu li ul li: This is the normal state class for non-IE browsers.  This class was written with 		
			 Fire-Fox optimization in mind. This class sets the layout and look of the submenus that appear on 
			 mouseover*/
	ul.topmenu li ul li{
		list-style:none;
		padding : 0px 0px 0px 20px;
		margin:  0px 0px 0px 0px;
		width: 90%%;
		height: 1.25em;
		background-color : #f7f7f7;
		border: none;
	}
	/*NOTE:  ul.#homeNav li ul li: This CSS statement does nearly the same thing that the above statement does.  This
			 is the normal state class for Internet Explorer.  This class sets the layout and look of the submenus
			 that appear on mouseover*/
	ul.#homeNav li ul li{
		list-style:none;
		padding : 0px 0px 0px 20px;
		margin:  0px 0px 0px 0px;
		width: 100%;
		background-color : #f7f7f7;
		text-decoration: none;
		border: none;
		line-height:19px;
	}
	/*NOTE:  ul.topmenu li ul li a.subhead:hover: This is the normal state class for non-IE browsers.  
			 This class sets the layout and look/style of the submenu links that appear on mouseover*/
	ul.topmenu li ul li a.subhead:hover{
		text-decoration: none;
		color:#3366FF;
	}
	ul.topmenu li.submenu ul li a.subhead{
	/*	border: 1px solid gray;*/
	/*	padding-right:75%; */
	}
	/*NOTE:  ul.topmenu li.Open ul: This is the normal state class for non-IE browsers.  
			 This class makes the sebmenu visible, even when it's not being moused-over.  Used for when
			 customers are within one of the menus.*/
	ul.topmenu li.Open ul{
		visibility: visible; 	
		left: 0;
		background-color : #f7f7f7;
		height:6.25em;
	}
	/*NOTE:  ul.topmenu li.Open: This is the normal state class for non-IE browsers.  
			 This class makes the sebmenu visible, even when it's not being moused-over.  Used for when
			 customers are within one of the menus.*/
	ul.topmenu li.Open{
		padding-bottom: 6.7em; 
		border: none;
	}
	/*NOTE:  ul.topmenu li.Open ul li: This is the normal state class for non-IE browsers.  
			 This class makes the sebmenu visible, even when it's not being moused-over.  Used for when
			 customers are within one of the menus.*/
	ul.topmenu li.Open ul li{
		margin-bottom: 0px; border-bottom: none;
	}

</STYLE>
