/********************MENU*********************/
/* hack for IE6 */
* html div.menu_horizf {
/* hide ie/mac \*/
	height: 1%;
/* end hide */
}
div.menu_horizf {
/* insure full width */
	width: 100%;
/* set height */
	margin: 0;
	font-size:12px; 
	font-weight: bold;
	
	
}
div.menu_horizf ul {
/* remove any default bullets */
	list-style-type: none;
	margin: 0;
        padding: 0;
}
/* menu list items */
div.menu_horizf li {
/* makes the list horizontal */

/* remove any default bullets */
	list-style: none;
/* still no margin */
	margin: 0;
       padding: 3px 0;
}
/* the links, that is each list item */
div.menu_horizf a, div.menu_horizf h3 span, div.menu_horizf .sectionheader span {
/* pushes li out from the text, sort of like making links a certain size, if you give them a set width and/or height you may limit you ability to have as much text as you need */
	padding: 0px;
/* still no margin */
	margin: 0;
/* removes default underline */
	text-decoration: none;
/* default link color */
	color: #fff;
/* makes it hold a shape, IE has problems with this, fixed above */
	display: block;
}
/* hover state for links */
div.menu_horizf li a:hover {;
/* set your image here, dark grey image with white text set above
	background:  url(http://www.attakkalari.org/uploads/ngrey/nav.png) repeat-x left -50px;*/
	color: #ff9900;
}
div.menu_horizf a span {

	padding-left: 0;
}
div.menu_horizf li.parent a span {
/* no left padding on the "a" we can set it here, it lets us use the span for an image */
	padding-left: 20px;
/* set your image here, down arrow to note it has children, left side of text 
	background: url(http://www.attakkalari.org/uploads/ngrey/active.gif) no-repeat 0.3em center; */
}
div.menu_horizf li.parent a:hover span {
	padding-left: 20px;
/* hover replaces default with right arrow image 
	background: url(http://www.attakkalari.org/uploads/ngrey/parent.gif) no-repeat 0.3em center;*/
}
div.menu_horizf li.menuactive a span {
	
color: #ff9900;
}
div.menu_horizf li.currentpage h3 span {
	padding-left: 12px;
/* menuactive replaces default with right arrow image 
	background: url(http://www.attakkalari.org/uploads/ngrey/nav.png) repeat-x left 0px;*/
	color: #ff9900;
}
div.menu_horizf .sectionheader span {
/* compensates for no left padding on the "sectionheader" */
	padding-left: 15px;
}
/* active parent, that is the first level parent of a child page that is the current page */
div.menu_horizf li.menuactive, div.menu_horizf li.menuactive a:hover {
/* set your image here, light image with #000/black text set below
	background:  url(http://www.attakkalari.org/uploads/ngrey/nav.png) repeat-x left 0px;*/
	color: #000;
}

/******* level 2 **/

/********************MENU*********************/
/* hack for IE6 */
* html div.menu_horizf2 {
/* hide ie/mac \*/
	height: 1%;
/* end hide */
}
div.menu_horizf2 {
/* insure full width */
	width: 100%;
/* set height */
	height: 49px;
	margin: 0;
	font-size:12px; 
	font-weight: normal;
	
	
}
div.menu_horizf2 ul {
/* remove any default bullets */
	list-style-type: none;
	margin: 0;
        padding: 0;
}
/* menu list items */
div.menu_horizf2 li {
/* makes the list horizontal */

/* remove any default bullets */
	list-style: none;
/* still no margin */
	margin: 0;
padding: 3px 0;
}
/* the links, that is each list item */
div.menu_horizf2 a, div.menu_horizf2 h3 span, div.menu_horizf2 .sectionheader span {
/* pushes li out from the text, sort of like making links a certain size, if you give them a set width and/or height you may limit you ability to have as much text as you need */
	padding: 0px;
/* still no margin */
	margin: 0;
/* removes default underline */
	text-decoration: none;
/* default link color */
	color: #999999;
/* makes it hold a shape, IE has problems with this, fixed above */
	display: block;
}
/* hover state for links */
div.menu_horizf2 li a:hover {;
/* set your image here, dark grey image with white text set above
	background:  url(http://www.attakkalari.org/uploads/ngrey/nav.png) repeat-x left -50px;*/
	color: #ff9900;
}
div.menu_horizf2 a span {

	padding-left: 0;
}
div.menu_horizf2 li.parent a span {
/* no left padding on the "a" we can set it here, it lets us use the span for an image */
	padding-left: 20px;
/* set your image here, down arrow to note it has children, left side of text 
	background: url(http://www.attakkalari.org/uploads/ngrey/active.gif) no-repeat 0.3em center; */
}
div.menu_horizf2 li.parent a:hover span {
	padding-left: 20px;
/* hover replaces default with right arrow image 
	background: url(http://www.attakkalari.org/uploads/ngrey/parent.gif) no-repeat 0.3em center;*/
}
div.menu_horizf2 li.menuactive a span {
	
color: #ff9900;
}
div.menu_horizf2 li.currentpage h3 span {
	padding-left: 12px;
/* menuactive replaces default with right arrow image 
	background: url(http://www.attakkalari.org/uploads/ngrey/nav.png) repeat-x left 0px;*/
	color: #ff9900;
}
div.menu_horizf2 .sectionheader span {
/* compensates for no left padding on the "sectionheader" */
	padding-left: 15px;
}
/* active parent, that is the first level parent of a child page that is the current page */
div.menu_horizf2 li.menuactive, div.menu_horizf2 li.menuactive a:hover {
/* set your image here, light image with #000/black text set below
	background:  url(http://www.attakkalari.org/uploads/ngrey/nav.png) repeat-x left 0px;*/
	color: #000;
}