﻿#navmenu {
	position: relative;
	float: left;
	width: 221px;
/*	height: 500px; */
	border: 0px solid black;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font-size: 16px;
}

#navmenu p {
	line-height: 100%;
/*	text-align: left; */
	text-indent: -9000px;
	width: 221px;
	height: 53px;
	font-weight: normal;
	padding: 0;
	margin: 0;
}
#navmenu a {
	line-height: 100%;
	text-indent: -9000px;
	width: 221px;
	height: 50px;
	font-weight: normal;
	padding: 10px  0px 0px 0px !important;
	padding: 15px  0px 0px 0px;
	margin: -10px 10px 0 0 !important;
	margin:   0   0px 0 0;
}

#navmenu p.extend a {
	float: left;
	color: #fafafa;
	text-indent: -9000px;
	text-decoration: none; 
	width: 100%;
	vertical-align: sub;
	height: 50px;
	border: 0px solid black;
}

	#navmenu p#solrlc.extend a {
		background: url('/images/menu_rlc.png') -221px 0px no-repeat;
	}
	#navmenu p#solsc.extend a {
		background: url('/images/menu_sc.png') -221px 0px no-repeat;
	}
	#navmenu p#solrc.extend a {
		background: url('/images/menu_rc.png') -221px 0px no-repeat;
	}
	#navmenu p#solca.extend a {
		background: url('/images/menu_ca.png') -221px 0px no-repeat;
	}
	#navmenu p#aboutgatso.extend a {
		background: url('/images/menu_aboutgatso.png') -221px 0px no-repeat;
	}
	#navmenu p#aboutlibrary.extend a {
		background: url('/images/menu_aboutlibrary.png') -221px 0px no-repeat;
	}
	#navmenu p#aboutevents.extend a {
		background: url('/images/menu_aboutevents.png') -221px 0px no-repeat;
	}
	#navmenu p#aboutnews.extend a {
		background: url('/images/menu_aboutnews.png') -221px 0px no-repeat;
	}
	#navmenu p#aboutcontact.extend a {
		background: url('/images/menu_aboutcontact.png') -221px 0px no-repeat;
	}
	#navmenu p#careers.extend a {
		background: url('/images/menu_careers.png') -221px 0px no-repeat;
	}

#navmenu p.extendon a {
	float: left;
	color: #0c0c0c;
	text-indent: -9000px;
	text-decoration: none; 
	width: 100%;
	vertical-align: sub;
	height: 50px;
	border: 0px solid black;
}
	#navmenu p#solrlc.extendon a {
		background: url('/images/menu_rlc.png') -442px 0px no-repeat;
	}
	#navmenu p#solrc.extendon a {
		background: url('/images/menu_rc.png') -442px 0px no-repeat;
	}
	#navmenu p#solsc.extendon a {
		background: url('/images/menu_sc.png') -442px 0px no-repeat;
	}
	#navmenu p#solca.extendon a {
		background: url('/images/menu_ca.png') -442px 0px no-repeat;
	}
	#navmenu p#aboutgatso.extendon a {
		background: url('/images/menu_aboutgatso.png') -442px 0px no-repeat;
	}
	#navmenu p#aboutlibrary.extendon a {
		background: url('/images/menu_aboutlibrary.png') -442px 0px no-repeat;
	}
	#navmenu p#aboutevents.extendon a {
		background: url('/images/menu_aboutevents.png') -442px 0px no-repeat;
	}
	#navmenu p#aboutnews.extendon a {
		background: url('/images/menu_aboutnews.png') -442px 0px no-repeat;
	}
	#navmenu p#aboutcontact.extendon a {
		background: url('/images/menu_aboutcontact.png') -442px 0px no-repeat;
	}
	#navmenu p#careers.extendon a {
		background: url('/images/menu_careers.png') -442px 0px no-repeat;
	}

	#navmenu p#solrlc.extend a:hover {
		background: url('/images/menu_rlc.png') 0px 0px no-repeat;
	}
	#navmenu p#solrc.extend a:hover {
		background: url('/images/menu_rc.png') 0px 0px no-repeat;
	}
	#navmenu p#solsc.extend a:hover {
		background: url('/images/menu_sc.png') 0px 0px no-repeat;
	}
	#navmenu p#solca.extend a:hover {
		background: url('/images/menu_ca.png') 0px 0px no-repeat;
	}
	#navmenu p#aboutgatso.extend a:hover {
		background: url('/images/menu_aboutgatso.png') 0px 0px no-repeat;
	}
	#navmenu p#aboutlibrary.extend a:hover {
		background: url('/images/menu_aboutlibrary.png') 0px 0px no-repeat;
	}
	#navmenu p#aboutevents.extend a:hover {
		background: url('/images/menu_aboutevents.png') 0px 0px no-repeat;
	}
	#navmenu p#aboutnews.extend a:hover {
		background: url('/images/menu_aboutnews.png') 0px 0px no-repeat;
	}
	#navmenu p#aboutcontact.extend a:hover {
		background: url('/images/menu_aboutcontact.png') 0px 0px no-repeat;
	}
	#navmenu p#careers.extend a:hover {
		background: url('/images/menu_careers.png') 0px 0px no-repeat;
	}

#navmenu ul {
	position: relative;
	width: 155px;
	float: right;
	vertical-align: .5;
	display: block;
	padding-left: 60px;
	margin-bottom: 15px;
}

#navmenu ul li {
	width: 145px;
	display: block;
	height: 22px;
	line-height: 1em;
	list-style: none;
	text-align: right;
	padding: 3px;
	font-size: 12px;
	color: #000000; 
}

#navmenu ul li a {
	letter-spacing: 1.000;
	height: 22px;
	line-height: 1em;
	width: 145px;
	display: block;
	color: #000000; 
	font-weight: normal;
	padding: 3px;
}

#navmenu ul li a:hover {
	color: #000000; 
	text-decoration: none; 
	background: #fedddd;
}

#navmenu li.extendon a {
	background: #fefefe;
}

#navmenu ul li ul li {
	padding: 0px;
	margin: 0 0 0 10px;
	vertical-align: bottom;
}

#navmenu ul li ul {
	display: none;
	list-style: none;
	margin: 0; padding: 0;
}

#navmenu ul li ul li a {
	text-decoration: none; 
	color: #ffffff; 
	display: block;
	border-bottom: 1px solid #fff;
}

#nav2 {
    margin: 5px; padding: 2px; 
	width: 184px;
}

#nav2 p {
	background: #336699;
	color: #fff;
	font: bold 16px;
	letter-spacing: -1;
	padding: 5px 5px 5px 5px;
	margin: 0;
	border-bottom: 1px solid #fff;
}

#nav2 p.extend {
	background: #336699;
}

#nav2 p a {
	text-decoration: none; color: #fff;
}

#nav2 p a:hover {
	background: #4376A9;	
	width: 100%;
	
}

#nav2 ul {
	display: block;
	list-style: none;
	margin: 0; padding: 0;
	background: #336699;
}

#nav2 ul li {
	background: #336699;
	color: #ffffff;
	font: 11px;
	letter-spacing: -0.333;
	margin: 0 0 0 10px;
	padding: 1px;
}
#nav2 ul li a {
	text-decoration: none; color: #ffffff; display: block;
	border-bottom: 1px solid #fff;
}
#nav2 ul li a:hover {
	text-decoration: none; color: #ffffff; background: #4376A9; 
}

#nav2 ul li ul li {
	background: #336699;
	color: #ffffff;
	font: 11px;
	letter-spacing: -0.333;
	padding: 1px;
	margin: 0 0 0 10px;
}

#navmenu ul li ul {
	display: block;
	list-style: none;
	margin: 0; padding: 0;
}

#navmenu ul li ul li a {
	text-decoration: block; color: #ffffff; display: block;
	border-bottom: 1px solid #fff;
}

/* For Utility Menu */

#unavmenu {
	position: relative;
	float: left;
	width: 241px;
	border: 0px solid black;
	padding: 22px 22px 44px 0;
	font-size: 12px;
	text-align: right;
}

#unavmenu p {
	line-height: 100%;
/*	text-align: left; */
	width: 241px;
	font-weight: normal;
	margin: 0;
}
#unavmenu a {
	color: #fa0606;
	line-height: 100%;
	width: 241px;
	font-weight: normal;
}
#unavmenu p.uextend a {
	color: #ff0606;
	text-decoration: none; 
	border: 0px solid black;
}
#unavmenu p.uextendon a {
	color: #ffffff;
	text-decoration: none; 
	border: 0px solid black;
}

