/* 
Al Wright
Highlands Bike Fest 2012 CSS code
Style sheet for Drop Down Menu List
*/


/* class styles */

	ul.a {list-style-type:circle;} /* unordered list marker = open circle */
	ul.b {list-style-type:square;} /* unordered list marker = black square */

	.photoright{
		float: right;
		margin-right:30px;
		margin-left:30px;
		}

	.photoleft{
		float: left;
		margin-right:30px;
		}

	.text_white {margin:0px;
	    	     color:#ffffff;
	    	     background-color: transparent;
	    	     font-family:Arial, Helvetica, sans-serif;
	    	     font-size:12pt;
 	    	     text-align:center;
	   	    }
	   	    
	.col_data {margin:0px;
		   color: #000000;
		   background-color:#ffffff;
		   border-style: solid; 
		   border-width: 1px;
		   border-color: #f0eb7f;
		   height: 120px;
		   text-align:center;
		  }  			
		  
	.table2 {font-family: verdana, arial, sans-serif;font-size: 15px;color: #363636;background-color:#dcdcdc; _
	border-style: solid; border-width: 1px; }
	
	.tabledata2 {width: 300px; color: #000000; background-color:#ffffcc; border-style: solid; border-width: 1px; } 		  

/* body styles */ 

	body 	{margin:0px;
		 background-attchment: scroll;
		 background-image:url(images/hbf_bkgnd.png);
		 
		}
	
/* heading styles */

	h1 	{font-family: Arial, Helvetica, sans-serif;
		 font-size: 40px;
		 font-weight: bold;
		 color: #614E03;
		 background-color: #c3b46f;
		 text-align: left;
		 margin-top: 0px;
		 margin-bottom: 0px;
		 padding: 10px;
		}
	   	
	h2 	{margin:0px;
	    	 color:#614E03;
 	    	 background-color: #c3b46f;	    	
	    	 font-family:Arial, Helvetica, sans-serif;
	    	 font-size:20pt;
 	    	 text-align:center;
	   	}
	   	
	h3 	{margin:0px;
	    	 color:#614E03;
	    	 background-color: #c3b46f;
	    	 font-family:Arial, Helvetica, sans-serif;
	    	 font-size:12pt;
 	    	 text-align:center;
	   	}
	   	
	h4 	{margin:0px;
	    	 color:#000000;
	    	 background-color: transparent;
	    	 font-family:Arial, Helvetica, sans-serif;
	    	 font-size:14pt;
 	    	 text-align:center;
	   	}
	   	
	h5 	{font-family: Arial, Helvetica, sans-serif;
		 font-size: 20px;
		 font-weight: bold;
		 color: #614E03;
		 background-color: #c3b46f;
		 text-align: left;
		 margin-top: 0px;
		 margin-bottom: 0px;
		 padding-left: 10px
	   	}	   	
	   
/* table styles */

	table  {font-family: verdana, arial, sans-serif;
		font-size: 15px;
		color: #000000;
		background-color: #FFFFFF;
		border-style: solid; 
		border-width: 0px;  
	       }
	       
/* table data styles */
	       

	 td 	{border-style: none; 
	 	 border-width: 0px;
	 	}     

/* paragraph styles */

	p 	{margin-top:10px;
	   	 margin-bottom:10px;
	   	 margin-right:30px;
	   	 margin-left:30px;
	   	 color: #000000;
	   	 font-family:verdana,arial,sans-serif;
	   	 font-size:10pt;
 	 	}
 	 	
 	
 	  
/* link styles */
	  
	a {color:#000000;text-decoration:none;}
	a:link {text-decoration:none; color:blue;}
	a:visited {text-decoration:none; color:green;}
	a:hover {text-decoration:none; color:red;}
	a:active {text-decoration:none; color:yellow;}	
	  	
	  	
/* horizontal rules styles */
	  	
	hr {width: 90%;color: #614E03;}
 	  
 	  
/*** drop down menu coding ***/

	#menu 		{width: 100%;		/* background strip for menu buttons to rest on */
			background: #383838;
			float: left;
			} 	
	#menu ul 	{list-style: 		/* sets margin,spacing,width and location of menu buttons to center buttons across page */
			none;margin: 0;		
			padding: 0;
			width: 126.6px;		/* (divide page width by num of buttons ie; 760 / 4 = 190px) */
			float: left;
			} 	
	#menu a, #menu h2 	{font: bold 11px/16px arial, helvetica, sans-serif;	/* configures the menu buttons */
				display: block;
				border-width: 2px;border-style: solid;
				border-color: 
				#000000 	/*top border*/ 
				#000000 	/*right border*/ 
				#000000 	/*bottom border*/  
				#000000; 	/*left border*/ 
				margin: 0;
				padding: 2px;
				}  	
	#menu h2 	{color: #ffffff;	/* sets h2 background color and text for (normally disp'd) menu buttons */
			background: #383838;
			text-transform: uppercase;
			} 	
	#menu a 	{color: #000000;	/* sets text color and background for drop down buttons */
			background: #959595;
			text-decoration: none;
			} 	
	#menu a:hover 	{color: #a00;
			background: #fff;
			}
	#menu li 	{position: relative;
			}
	#menu ul ul 	{position: absolute;z-index: 500;
			}
	#menu ul ul ul 	{position: absolute;top: 0;left: 100%;
			}
	div#menu ul ul,div#menu ul li:hover ul ul,div#menu ul ul li:hover ul ul
			{display: none;
			}
	div#menu ul li:hover ul,div#menu ul ul li:hover ul,div#menu ul ul ul li:hover ul
			{display: block;
			}


/* left side table styles */

	#left_content {border-width: 0px;
			border-style: solid;
			border-color: #000000 /*top border*/ 
			#000000 /*right border*/ 
			#000000 /*bottom border*/  
			#000000 /*left border*/ ;
			margin: 0px;
			background-color: transparent;
			color: #000000;
			padding-top: 0px;
			padding-bottom: 0px;
			padding-left: 50px;
			padding-right: 50px;
			}



/* right side table styles */

	#right_content {border-width: 0px;
			border-style: solid;
			border-color: #000000 /*top border*/ 
			#000000 /*right border*/ 
			#000000 /*bottom border*/  
			#000000 /*left border*/ ;
			margin: 0px;
			padding: 5px;
			background-color: #ffffff;
			color: #000000;
			}

/* schedule right side styles */

	#schedule_content {border-width: 1px;
			border-style: solid;
			border-color: #000000 /*top border*/ 
			#000000 /*right border*/ 
			#000000 /*bottom border*/  
			#000000 /*left border*/ ;
			margin: 0px;
			padding: 5px;
			background-color: #ff0000;
			color: #000000;
			}

/* Photo Album display styles (for displaying images in a table */

	div.img 	{  /* Box image is displayed in */
			margin:2px;
			border:1px solid #0000ff;
			height:auto;
			width:auto;
			float:left;
			ext-align:center;
			}
	div.img img
			{  /* Actual image display area */
			display:inline;
			margin:3px;
			border:1px solid #000000;
			}
	div.img a:hover img
			{
			border:1px solid #ff0000;
			}
	div.desc
			{
			text-align:center;
			font-weight:normal;
			width:170px;
			margin:2px;
			}