/***************************************************  
	File Name:	menu.css
	Desc.:		menu navigation
	Site:		Harford Shelter
	Version:	1.0 2010-06-25
	
	Author:		Nicolas Minacapelli
	Company:	Sequel Design Associations, Inc.
	Email:		webmaster@sequeldesign.com
***************************************************/

/***************************************************
	COLORS CODES:
	
	c0143c	bkgd - left side menu		red
	fedd4b	bkgd - left side search		yellow
	4570a9	bkgd - left side buttons	red
	f0c52d	bkgd - menu horizontal 		yellow
	002e5f	bkgd - footer				blue (dk)
	
	fedd4b	headers, nav, subnav		yellow
	4570a9	links						red
	002e5f	subhead color				blue (dk)
	4670AA	side buttons/footer links 	blue (lt)
	414141	main text					gray (dk)
	bababa	font color					gray (lt)
***************************************************/

/** BEGIN menu vertical **/
#menu_vertical {
	background-color: #c0143c;
	float:left;	
	text-align:left;
	margin:0 0 10px 0;
	padding:20px 0 20px 0;
	width:240px;
	color:#fff;
	border-bottom:2px #fff solid;
}

#menu_vertical ul {
	list-style-type:none;
	padding:0px;
	margin:0px 15px 0 15px;
}

#menu_vertical li {	
	text-transform: uppercase;
	color:#fff;
	font-size:12px;
	font-weight:bold;		
	margin-bottom:8px;	
}

#menu_vertical li ul li {
	width:200px;
	font-size:11px;
	font-weight:bold;
	margin:5px 0 5px 0;
	color:#fedd4b;
	text-align:left;
	margin-left:0;
}
html>body #menu_vertical ul { 
	width:auto;
}
#menu_vertical ul li a { 
	color:#fff;
	text-decoration:none;
}
#menu_vertical ul li ul li a { 
	color:#fedd4b;
	text-decoration:none;
}
#menu_vertical li a { 
	color:#FFF;
	text-decoration:none;
}
#menu_vertical li a:hover { 
	color:#fedd4b;
}
#menu_vertical li ul li a:hover { 
	color:#f0c52d;
}

.selected { color:#fedd4b!important; }

/** END menu vertical **/


/** BEGIN menu horizontal **/
#menu_horizontal {
	background-color: #f0c52d;
	width:480px;
	height:40px;
}

.menu_horiz {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:14px;
	/*background-color: #005998;*/
	width:480px;
	height:40px;
	text-align: left;
	z-index:2;
}

.menu_horiz ul{
	z-index:3;
	margin-left: 10px;
	padding: 0;
	list-style-type: none;
	height: 40px;
}

/*Top level list items*/
.menu_horiz ul li {
	position: relative;
	display: inline;
	float: left;
	text-transform: uppercase;
}

/*background: url(../images/menu_divider.jpg) no-repeat right 0;*/

/*Top level menu link items style*/
.menu_horiz ul li a {
	display: block;
	background: #f0c52d; /*background of menu items (default state)*/
	color: #002e5f;
	padding:0 15px 0 15px;
	/*border-right: 1px solid #778;*/
	text-decoration: none;
	line-height:40px;
	margin:0; /*margin-right:15px*/
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}

.menu_horiz li a:hover {
	color: #4570a9; /*blue*/
}

* html .menu_horiz ul li a { /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}

.menu_horiz ul li a:link, .menu_horiz ul li a:visited {
	color: #002e5f;
	font-weight:bold;
}

.menu_horiz ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
	background: #f8d743; 
	color: #002e5f!important;
}

.menu_horiz ul li a:hover {
	background: #f8d743; /*background of menu items during onmouseover (hover state)*/
	color: #4570a9!important; /*blue*/
	/*margin-right:15px*/
}
	
/*1st sub level menu*/
.menu_horiz ul li ul {
	position: absolute;
	left: 0;
	display: none; /*collapse all sub menus to begin with*/
	visibility: hidden;
	margin-left: -2px;
	color: #4570a9!important; /*blue*/
}

/*Sub level menu list items (undo style from Top level List Items)*/
.menu_horiz ul li ul li {
	display: list-item;
	float: none;
	color: #4570a9; /*blue*/
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.menu_horiz ul li ul li ul {
	top: 0;
}

/* Sub level menu links style */
.menu_horiz ul li ul li a {
	font-family: Arial, Helvetica, sans-serif;
	font: 11px;
	text-transform: none;
	width: 200px; /*width of sub menus*/
	padding-left:15px;
	padding-right:15px;
	margin: 0;
	/*border: 1px solid #fff;*/
	line-height: 25px;
	height: 25px;
}

.menu_horiz ul li ul li a:hover {
	/*border: 1px solid #f0c52d!important;*/
}

/*.menu_horiz li ul li a {
	padding: 2px 8px !important;
}
.menu_horiz li ul li a:hover {
	padding: 2px 8px !important;
}*/

/* Holly Hack for IE \*/
* html .menu_horiz {height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass {
	position: absolute;
	top: 0;
	left: 0;
}
.rightarrowclass {
	position: absolute;
	top: 10px;
	right: 12px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	background: silver;
}
.toplevelshadow { /*shadow opacity. Doesn't work in IE*/
	opacity: 0.8;
}
	

/** END menu horizontal **/