
/***************************************************************
horizontal menu. dynamic background color.
\***************************************************************/

/*Set the DIV background color*/
#navigation{ 
	background:#;
}

/* Some stylesheet reset */
#navigation > ul {
	list-style:inside none; 
	padding:0; 
	margin:0; 
} 

#navigation > ul > li {
	list-style:inside none; 
	padding:0; 
	margin:0; 
	float:left; 
	display:block; 
	position:relative;
}

#navigation > ul > li > a{ 
	outline:none; 
	display:block; 
	position:relative; 
	padding:12px 20px;  
	text-align:center; 
	text-decoration:none; 
} 


#navigation > ul > li > a:after{ 
	content:''; 
	position:absolute; 
	top:-1px; 
	bottom:-1px; 
	right:-2px; 
	z-index:99; 
} 

#navigation ul li:hover > a:after ul{
	top:0; 
	bottom:0;
} 


#navigation > ul > li:hover > a:before ul{
	top:19px;
} 

#navigation ul li:hover > a ul{   
	padding-bottom:13px; 
	padding-top:13px; 
	top:-1px; 
	z-index:999; 
} 

#navigation ul li:hover > ul, 
#navigation ul li:hover > ul{
	display:block;
} 


/* General hover link styling */  
#navigation ul ul li > a:hover{
	background:#;
	border-color:#3f3f3f;  
} 


#navigation ul li > ul, 
#navigation ul li > div{ 
	display:none; 
	width:auto; 
	position:absolute; 
	top:38px; 
	padding:10px 0; 
	background:#;
	z-index:999; 
} 

#navigation ul > li > ul{
	width:200px;
} 

#navigation ul li > ul li{
	display:block; list-style:
	inside none; 
	padding:0; 
	margin:0; 
	position:relative;
} 

/* General link styling */  
#navigation ul li > ul li a{ 
	/* Layout */
	outline:none; 
	display:block; 
	position:relative; 
	margin:0;
	padding:8px 20px; 
	/* Typography */
	font:10pt Arial, Helvetica, sans-serif; 
	color:#; 
	text-decoration:none;  
} 

/*link text color*/
#navigation > ul > li > a{ 
	color:#;
}

#navigation > ul > li > a:after{
	border-color:#6696bd;
} 

/*link styling on hover*/
#navigation > ul > li > a:hover{
	background:#; 
	color: #;
} 