/**********gallery CSS*************/
/**********gallery CSS************* 
/* styles by Chacha Sikes **  06-05-07  version 2.0/
/**Specific stylesheet for:        gallery.php  submenu**/

/*
	modified 30 November 2007 by Ted Koterwas to fix rendering of list items in IE7
			
		removed the following from #sub_menu li
					position: relative;
					left: -35px;
					height: auto;
					width: 110px;

		added padding to lists and margin to list items to better control layout
	
		#sub_menu ul, #sub_menu ol{
			padding:0px 2px 0px 12px;
		}
		
		#sub_menu li{
			margin: 4px 0px 0px 4px ;
		}
		
		removed the following from 	#sub_menu li a,
									#sub_menu li a:link,
									#sub_menu li a:active,
									#sub_menu li a:visited{

										height: auto;
										left: -4px;
										position: relative;
									
										text-indent: 20px;
										padding-left: -8px;
		and added height:auto; to the above to deal with newline bug in IE6

									 
		removed the arrow, which I think is confusing, and causes layout issues
			background-image:url(../../images/gallery_arrow.gif);
			background-repeat: no-repeat;
			
		removed the text-indent which also causes issues when longer menu items wrap to more than one line:
			text-indent: 20px;	

		
		removed list-style: none; to reinstate the trusty bullet

		
		removed the arrow and text indent from headings:
		
			#sub_menu h1:
		
			background-image:url(../../images/gallery_arrow.gif);
			background-repeat: no-repeat;
			text-indent: 12px;


			#sub_menu h2:
			
			background-image:url(../../images/gallery_arrow.gif);
			background-repeat: no-repeat;
			text-indent: 18px;
			
		added a padding to 2nd level headings to indent:
		
				
			#sub_menu h2:
				margin-left: 10px;	

*/
#sub_menu{
	padding:2px;
	margin:0px;
	height:auto;
	width: 120px
}

#sub_menu ul, #sub_menu ol{
	padding:0px 2px 0px 22px;
	list-style-image:url(../../images/gallery_arrow.gif);
	margin: 4px 0px;
}

#sub_menu li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #FF9933;
	margin: 3px 0px 0px 2px ;
}


#sub_menu li a,
#sub_menu li a:link,
#sub_menu li a:active,
#sub_menu li a:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #FFFFFF;
	height:auto;
	
}



#sub_menu h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #FF9933;
	height:auto;
	line-height: 16px;
	margin: 2px 0px 0px 2px;
	}

#sub_menu h1 *{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #FF9933;
	height:auto;
	line-height: 16px;

}

#sub_menu h2{
	margin: 8px 0px;
	padding: 0px 2px 0px 4px;
}

 #sub_menu h2 *{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	height:auto;


}


#sub_menu h1 a:hover,
#sub_menu h1 a.over,
#sub_menu h2 a:hover,
#sub_menu h2 a.over,
#sub_menu li a:hover,
#sub_menu li a.over{
	color: #FF9933;
}