@import url(/_resources/scripts/hmenu/hmenu.css);

/* ================ SPECIAL NOTE ================== */
/*
1. When editing the popup (verticle) portion of the #menucontainer-top horizontal menu take into consideration the #sideLinks-container verticle menu - as the general selector div.dynarch-horiz-menu used for the popup portion of the #menucontainer-top horizontal menu will affect the sideLinks-container verticle menu.
2. The position of #menucontainer-top popup menu has been set in the hmenu.js file return{x:-245,y:0} - the default setting is return{x:0,y:0}
*/


/*--------------------------- Side Menu -------------------------------------*/
/* Home, City Overview, Area Profiles, Industry Profiles, Business Opportunities, Business Incentives */

#sideLinks-container {
	/*margin: 1em auto;*/
	/*width: 100px;*/
	/*position: relative;*/
	width: 113px;
	height: auto;
    min-height: 368px;
    _height: 368px;
}

/* CSS */

#view_richmond {
	position: relative;
	left: -15px;
}

/*#view_richmond img{
	position:relative;
	left:-150px;
}*/

#sideLinks-container ul {
	list-style: none;
	margin: 0;
}
#sideLinks-container li {
	margin: 5px 0; /* Adds spacing between li elements */
	padding: 8px 10px;
}
#sideLinks-container li.menu-getstarted {
	background-color: #7E8F39;
}
#sideLinks-container a {
	display: block; /* This value causes an element to generate a principal block box. */
	/* Block-level elements generate a principal block box that only contains block boxes.
	The principal block box establishes the containing block for descendant boxes and 
	generated content and is also the box involved in any positioning scheme. Principal
	 block boxes participate in a block formatting context. */
	font-size: 14px; /* Sets font-size */
	font-weight: bold; /* Sets font weight */
	color: #000000; /* Sets font color */
}
#sideLinks-container a:hover {
	text-decoration: none;
	color: #f1aD02;
}
#sideLinks-container a:active {
	text-decoration: none;
	color: #cccccc;
}
#sideLinks-container li.menu-getstarted a {
	color: #ffffff;
}
#sideLinks-container li.menu-getstarted a:hover {
	text-decoration: none;
	color: #f1aD02;
}
#sideLinks-container li.menu-getstarted a:active {
	text-decoration: none;
	color: #cccccc;
}


/* Dynarch */

#sideLinks-container div.dynarch-popup-menu { 
	/*color: #000000;
	background: #ffffff;*/
	/*padding: 1px;*/
	z-index: 1000;
	border: 0;
	padding: 0;
	margin: 0;
	width: 50px;
}
/* Remove Icon Section */
#sideLinks-container div.dynarch-popup-menu tr.item td.icon img,
#sideLinks-container div.dynarch-popup-menu tr.item td.icon div {
	display: none;
}
#sideLinks-container div.dynarch-popup-menu tr.item td.icon {
	display: none;
}
/*div.dynarch-popup-base-menu {
}
div.dynarch-popup-base-menu table {
	width: 100%;
}*/
/*div.dynarch-popup-menu tr.hover td.arrow div,
div.dynarch-popup-menu tr.active td.arrow div {
	background: transparent url("/_resources/scripts/hmenu/img/rarrow.gif") no-repeat 0% 50%;
}*/
#sideLinks-container div.dynarch-popup-menu tr.item {
	font-size: 13px;
	font-weight: bold;
	color: #000000;
}
#sideLinks-container div.dynarch-popup-menu tr.item.hover {
	color: #f1aD02;
}
#sideLinks-container div.dynarch-popup-menu tr.item.active {
	color: #cccccc;
}
#sideLinks-container div.dynarch-popup-menu td {
	padding: 14px 0px;
	text-align: left;
	background-color: #ffffff;
	border: none;
}
#sideLinks-container div.dynarch-popup-menu tr.youarehere {
	color: #F1AD02;
	font-weight: bold;
}
#sideLinks-container div.dynarch-popup-menu tr.menu-businessincentives td {
	padding: 14px 0px 15px 0px;
}
#sideLinks-container div.dynarch-popup-menu tr.menu-getstarted {
	background-color: #7E8F39;
	color: #ffffff;
}
#sideLinks-container div.dynarch-popup-menu tr.menu-getstarted td {
	padding: 5px 0;
}

#sideLinks-container div.dynarch-popup-menu tr.menu-getstarted td.label a:link,
#sideLinks-container div.dynarch-popup-menu tr.menu-getstarted td.label a:visited {
	color: #ffffff;
}
#sideLinks-container div.dynarch-popup-menu tr.menu-getstarted td.label a:hover {
	color: #00CCFF;
}
#sideLinks-container div.dynarch-popup-menu tr.menu-getstarted td.label a:active {
	color: blue;
}
#sideLinks-container div.dynarch-popup-menu tr.hover {
	cursor: pointer;
}
/*div.dynarch-popup-menu tr.item.active.youarehere {
	background: #ddd;
}*/

/*--------------------------- Side Menu (Spanish) -------------------------------------*/
#sideLinks-container-es {
	display: none; /* hide spanish menu */
	width: 113px;
	height: auto;
	min-height: 368px;
    _height: 368px;
}
#sideLinks-container-es div.dynarch-popup-menu { 
	z-index: 1000;
	border: 0;
	padding: 0;
	margin: 0;
	width: 50px;
}
#sideLinks-container-es div.dynarch-popup-menu tr.item td.icon img,
#sideLinks-container-es div.dynarch-popup-menu tr.item td.icon div {
	display: none;
}
#sideLinks-container-es div.dynarch-popup-menu tr.item td.icon {
	display: none;
}
#sideLinks-container-es div.dynarch-popup-menu tr.item {
	font-size: 13px;
	font-weight: bold;
	color: #000000;
}
#sideLinks-container-es div.dynarch-popup-menu tr.item.hover {
	color: #f1aD02;
}
#sideLinks-container-es div.dynarch-popup-menu tr.item.active {
	color: #cccccc;
}
#sideLinks-container-es div.dynarch-popup-menu td {
	padding: 14px 0px;
	text-align: left;
	background-color: #ffffff;
	border: none;
}
#sideLinks-container-es div.dynarch-popup-menu tr.youarehere {
	color: #F1AD02;
	font-weight: bold;
}
#sideLinks-container-es div.dynarch-popup-menu tr.menu-businessincentives td {
	padding: 14px 0px 15px 0px;
}
#sideLinks-container-es div.dynarch-popup-menu tr.menu-getstarted {
	background-color: #7E8F39;
	color: #ffffff;
}
#sideLinks-container-es div.dynarch-popup-menu tr.menu-getstarted td {
	padding: 5px 0;
}
#sideLinks-container-es div.dynarch-popup-menu tr.menu-getstarted td.label a:link,
#sideLinks-container-es div.dynarch-popup-menu tr.menu-getstarted td.label a:visited {
	color: #ffffff;
}
#sideLinks-container-es div.dynarch-popup-menu tr.menu-getstarted td.label a:hover {
	color: #00CCFF;
}
#sideLinks-container-es div.dynarch-popup-menu tr.menu-getstarted td.label a:active {
	color: blue;
}
#sideLinks-container-es div.dynarch-popup-menu tr.hover {
	cursor: pointer;
}


#imageLinks-container {
	display: block;
}
#imageLinks-container-es {
	display: none;
}
/*--------------------------- Horizontal menu -------------------------------------*/



#menucontainer-top {
	margin: 0px;
	padding: 0px;
	height: 36px;
}
#menucontainer-top-es {
	margin: 0px 0px 20px 0px;
	padding: 0px;
	display: none;
}


/* CSS */

#menucontainer-top li {
	margin: 0;
	display: inline;
	padding: 0px 10px;
	border-right: 1px solid black;
	font-size: 11px;
	text-transform: uppercase;
}
#menucontainer-top a:link, 
#menucontainer-top a:visited {
	width: 100%;
	text-decoration: none;
	color: #000000;
}
#menucontainer-top a:hover {
	text-decoration: none;
	color: #f1aD02;
}
#menucontainer-top a:active {
	text-decoration: underline;
	color: #cccccc;
}

#menucontainer-top ul ul {
	display: none;
	position: absolute;
	top: 20px;
	left:10px;
	width: 125px;
	background-color: #ffffff;
	border: 1px solid #CCCCCC;
	text-align: left;
	padding: 2px;
}
#menucontainer-top ul li:hover ul {
	display: block;
}
#menucontainer-top ul ul li{
	display: block;
	background: url("_resources/images/icons/spacer.gif") no-repeat left; /*set divider graphic*/
	padding: 2px;
}
#menucontainer-top ul li:hover ul ul {
	display: none;
}
#home     .menu-home a,
#about    .menu-about a,
#services .menu-services a,
#contact  .menu-contact a,
#inquire  .menu-contact a,
#sitemap  .menu-sitemap a {
color: #666;
}

/* Dynarch */

#menucontainer-top div.dynarch-horiz-menu {
	border: none;
	z-index: 1000;
}
#menucontainer-top div.dynarch-horiz-base-menu table {
	width: 100%;
}
#menucontainer-top-es div.dynarch-horiz-menu {
	border: none;
	z-index: 1000;
}
#menucontainer-top-es div.dynarch-horiz-base-menu table {
	width: 100%;
}
/*#menucontainer-top div.dynarch-popup-menu {
	background-color: #a056a1;
	border: 1px solid #CCCCCC;	
	display: inline;
	cursor: pointer;
	color: #000000;
}*/
div.dynarch-horiz-menu td.label {
	color: #FFFFFF;
}
div.dynarch-horiz-menu tr.hover, {
	color: #f1aD02;
}
div.dynarch-horiz-menu tr.active {
	color: #cccccc; 
}
div.dynarch-horiz-menu td.item {
	font-size: 1em;
	color: #000000;
	font-weight: bold;
	text-transform: uppercase;
}
#menucontainer-top div.dynarch-horiz-menu td.menu-news {
	padding-left: 0px;
}
div.dynarch-horiz-menu td.hover {
	color: #f1aD02;
	cursor: pointer;
}
div.dynarch-horiz-menu td.active {
	color: #cccccc;
	cursor: pointer;
}
div.dynarch-horiz-menu td.item.youarehere div{
	color: #F1AD02; /* gold */
}
div.dynarch-horiz-menu td.item.hover.youarehere, 
div.dynarch-horiz-menu td.item.active.youarehere {
	text-decoration: none;
}
/*---- Dynarch Quicklinks Popup ------*/
div.dynarch-popup-menu { 
	/*color: #000000;
	background: #ffffff;*/
	/*padding: 1px;*/
	z-index: 1000;
	border: 0;
	padding: 0;
	margin: 0;
	width: 200px;
}
/* Remove Icon Section */

div.dynarch-popup-menu tr.item td.icon img,
div.dynarch-popup-menu tr.item td.icon div {
	display: none;
}
div.dynarch-popup-menu tr.item td.icon {
	display: none;
}

div.dynarch-popup-menu tr.item {
	font-size: 9px;
	font-weight: bold;
	color: #ffffff;

}
div.dynarch-popup-menu tr.item.hover {
	color: #f1aD02;
}
div.dynarch-popup-menu tr.item.active {
	color: #cccccc;
}
div.dynarch-popup-menu td {
	padding: 2px 0px;
	background-color: #566C92;
	border-bottom: 1px solid #8F8F8F;
}


div.dynarch-popup-menu tr.hover {
	cursor: pointer;
}
/*div.dynarch-popup-menu tr.item.active.youarehere {
	background: #ddd;
}*/


/*--------------------------- Horizontal menu 2 -------------------------------------*/

#menucontainer-sub {
	margin: 0px 0px 6px 0px; /* Add space between green bottom-border and section title */
	height: 36px;
	padding: 0px 0px 6px 0px; /* Add space between menu and green bottom-border */
	border-bottom: 7px solid #7C8F36;
}

#menucontainer-sub div.dynarch-horiz-menu {
	border: none;
	z-index: 1000;
}
#menucontainer-sub div.dynarch-horiz-base-menu table {
	width: 100%;
}
#menucontainer-sub div.dynarch-horiz-menu td.label {
	color: #FFFFFF;
}
#menucontainer-sub div.dynarch-horiz-menu tr.hover, {
	color: #f1aD02;
}
#menucontainer-sub div.dynarch-horiz-menu tr.active {
	color: #cccccc; 
}
/* td.item is the part of the menu that has the text
set font styles here */
#menucontainer-sub div.dynarch-horiz-menu td.item {
	font-size: 1em;
	color: #000000;
	font-weight: normal;
	text-transform: none;
}
/* Remove left padding on first menu item so the menu lines up right */
#menucontainer-sub div.dynarch-horiz-menu td.facade-sum {
	padding-left: 0;
}
#menucontainer-sub div.dynarch-horiz-menu td.ced-index {
	padding-left: 0;
}
#menucontainer-sub div.dynarch-horiz-menu td.tr-index {
	padding-left: 0;
}
#menucontainer-sub div.dynarch-horiz-menu td.civic-des {
	padding-left: 0;
}
#menucontainer-sub div.dynarch-horiz-menu td.hover {
	color: #7C8F36;
	cursor: pointer;
}
#menucontainer-sub div.dynarch-horiz-menu td.separator div {
	color: #000000;
	border-left: none;
	border-right: 1px solid #000000;
	height: 3em;
}
#menucontainer-sub div.dynarch-horiz-menu td.active {
	color: #cccccc;
	cursor: pointer;
}
#menucontainer-sub div.dynarch-horiz-menu tr.hover td.arrow div,
#menucontainer-sub div.dynarch-horiz-menu tr.active td.arrow div {
	background: transparent url("/_resources/scripts/hmenu/img/rarrow.gif") no-repeat 0% 50%;
}
#menucontainer-sub div.dynarch-horiz-menu td.item.youarehere div{
	color: #7C8F36; /* green */
}
#menucontainer-sub div.dynarch-horiz-menu td.item.hover.youarehere, 
#menucontainer-sub div.dynarch-horiz-menu td.item.active.youarehere {
	color: #cccccc;
	text-decoration: none;
}