/*main headings*/
#menu UL {
	PADDING:0 0 0 10px; 
	MARGIN: 0px; 
	LIST-STYLE-TYPE: none;
	white-space:nowrap;
}


/*This floats the menu so they appear side by side and not on top of eachother.*/
#menu UL LI {
	POSITION: relative;
	float:left;
	padding-left:11px;
	padding-right:9px;
	margin:0;
}

/*This changes the position and appearance of the submenus*/
LI UL {
	DISPLAY: none; 
}

#menu li ul {
	POSITION: absolute;
	background-color:#F80202;
	width:160px;
	white-space:nowrap;
	padding:0;
	margin:0;
}

#menu UL LI UL LI {
	padding:0;
	text-align:left;
	clear:both;
}

/*This changes the top level menu's links*/
#menu UL LI A {
	padding:6px 0 0 3px;
	margin:0;
	DISPLAY:block;
	COLOR:#FFFFFF;
	TEXT-DECORATION:none;
	text-align:right;
}

/*This changes the submenu links*/
#menu UL LI UL LI A {
	color:#FFFFFF;
	padding:3px;
	text-align:left;
}

/*Don't change anything in the IE5-mac hack. Do not put comment tags in side the hack*/
/* Hides from IE5-mac \*/
*HTML UL LI {
	FLOAT: left; 
	HEIGHT: 1%;
}

*HTML UL LI A {
	HEIGHT: 1%;
}
/* End hide from IE5-mac */


/*This changes the hover for all links in the menu div*/
UL LI A:hover {
	color:#000000;
	background-image:url(../images/menu_flame.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

LI UL LI A:hover {
	BACKGROUND:#000000;
	color:#FFFFFF;
}


/*This makes the submenu list display in the hover. Do not change either of the commands listed below.*/
LI:hover UL {
	DISPLAY: block;
}

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 */

#top_home {
	width:59px;
}

#top_about {
	width:78px;
}

#top_products {
	width:148px;
}

#top_faq {
	width:48px;
}

#top_appointment {
	width:178px;
}

#top_contact {
	width:89px;
}

/*Active Page Styles*/

body#home a#homenav,
body#about a#aboutnav,
body#woodburning a#productsnav,
body#gas a#productsnav,
body#annual a#productsnav,
body#chimney a#productsnav,
body#fireplace a#productsnav,
body#accessories a#productsnav,
body#gallery a#productsnav,
body#faq a#faqnav,
body#contact a#contactnav,
body#appointment a#appointmentnav {
	background-image:url(../images/menu_flame.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

body#woodburning a#woodburningnav,
body#gas a#gasnav,
body#annual a#annualnav,
body#chimney a#chimneynav,
body#fireplace a#fireplacenav,
body#gallery a#gallerynav,
body#accessories a#accessoriesnav {
	background-color:#000000;
}