/* px * 0.0626 = em  */

/* ----- Horizontal Navigation Bar ----- */

div.Nav_MenuBar
{
	display:block;
	height: 1.5em;
	background-image:url(https://www.ci.hillsboro.or.us/include/MasterPage/header/Horiz_NavBar_bkgnd.png);
	background-repeat:repeat-x;
	background-color:Blue;
	text-align: left;
	width: 100%;
	/*
	background-image:url(https://www.ci.hillsboro.or.us/include/MasterPage/header/glossyback.gif); 
	background-image:url(https://www.ci.hillsboro.or.us/include/MasterPage/header/GreyMenuBar.png);
	*/
	background-image:url(https://www.ci.hillsboro.or.us/include/MasterPage/header/glossyback2.gif);
	background-position: bottom;
	padding-top: 3px; /* extra padding on the top */
	padding-bottom: 2px;
	/*
	background-color: white;
	border-bottom:solid 1px black;
	*/
}

Div.Nav_MenuBar a
{
	color: #eeee77;			/* Color of the text on the horizontal menu bar */
	color: #ffffff;			/* Color of the text on the horizontal menu bar */
	text-decoration: none;	
	font-weight: bold;
	font-style:normal;
	font-family:'Arial Unicode MS', Tahoma, Verdana;
	padding-top: 0px;		/* For the width of the menu bar button */
	padding-right: 9px;		/* For the width of the menu bar button */
	padding-left: 9px;		/* For the width of the menu bar button */
	padding-bottom: 6px;	/* How far from the top or Gap under menu menu bar */
   	font-size: .9em;		/* .75em */
	height: 1%;
	display:inline; 
}

Div.Nav_MenuBar a:hover
{
	color:blue;
	background-color: #aaaa77;
	color:blue;
	background-color: #cccc99;
	color:white;
	background-color: #3333ff;
	height: 1%;
	text-decoration: none;
	padding: 0px 8px 0px 8px; /*  T.R.B.L. */
	border: 1px solid #aaaaaa;
	height: 1%;
	display:inline; 
}

#NavBarLink_Home { position:absolute; left:100px; }

.anylinkcss
{
	visibility: hidden;
	z-index: 100;
	position: absolute;
}

/* ----- Vertical Navigation Bar ----- */
		
div.QuickLinks {
	 width: 8.45em; /* total_width */
	 width: 9.4em; /* total_width */
	}
	
div.QuickLinks_C2 {	width: 18.45em; }

div.QuickLinks_C3 {	width: 27.45em; }

.qHeader
	{
	font-family: Verdana;
	font-size: smaller;
	font-size: 0.8em;
	font-weight: bold;
	/* text-transform: uppercase; */
	padding: 0px 0px 4px 0px;
	display: block; 
	color: #eeee77;			/* Font Color */
	text-align: center;
	font-family: Verdana;
	text-decoration: none;
	background-image:url(https://www.ci.hillsboro.or.us/images/QuickLinksBlueHeader.jpg);
	background-image:url(https://www.ci.hillsboro.or.us/include/MasterPage/header/Horiz_NavBar_bkgnd.png);
	background-image:url(https://www.ci.hillsboro.or.us/include/MasterPage/header/glossyback2.gif);
	background-image:url(https://www.ci.hillsboro.or.us/Graphics/glossyback.gif);
	/*	background-image:url(https://www.ci.hillsboro.or.us/include/MasterPage/header/GreyMenuBar.png); */
	background-position:bottom;    
	background-color:#0000be;
	}
	
.qHeader a
	{
		color: #eeee77;			/* Font Color */
		text-decoration: none;
	}

.qHeader2
	{
		text-decoration: none;
	}
	
div.qBorder, div.qBorder_C2, div.qBorder_C3
	{
		width: 9.25em;  /* total_width - 0.1252 */
		border: 1px solid #5375c6;
		border-top-style:none;
		border-bottom-style:none;
		overflow:hidden;
		background: #ddddCA;
	}
	
div.qBorder_C2
	{
		width: 18.3em;
	}

div.qBorder_C3
	{
		width: 27.3em;
	}

div.qLinks, div.qLinks_C1, div.qLinks_C2, div.qLinks_C3 
	{ 
		padding: 0.3em 0.6em 0.3em 0.5em;  /* T.R.B.L. how far the icons are from the left border */
		padding: 3px 4px 3px 9px;  /* T.R.B.L. how far the icons are from the left border */
		font-size: xx-small;
		font-size:0.8em;
		font-family: Verdana;
		text-decoration: none;
		/* background: #ddddCA; */
		background-image:url(../../icons/QuickLinks.gif);
		background: #ddddCA;
		text-align:left;
	}
	
div.qLinks_C1, div.qLinks_C2, div.qLinks_C3 
	{ 
		width:9em;
		float:left;
	}

div.qLinks a, div.qLinks_C1 a, div.qLinks_C2 a, div.qLinks_C3 a
	{
		display: block; 
		text-decoration: none;
		border: 1px solid #DDDDCA;
		padding: 0.2em 0.7em 0.3em 2em; /*  T.R.B.L. */
		padding: 2px 7px 3px 20px; /*  T.R.B.L. */
	}
	
div.qLinks a:hover, div.qLinks_C1 a:hover, div.qLinks_C2 a:hover, div.qLinks_C3 a:hover
	{
		background-color: #cccc99;
		border: 1px solid #B42A2E;
		height: 1%;
		display: block; 
		text-decoration: none;
		padding: 0.2em 0.7em 0.3em 2em; /*  T.R.B.L. */
		padding: 2px 7px 3px 20px; /*  T.R.B.L. */
	}

.qImportant
	{
		color:Red;
		font-size:small;
		font-family:Arial Narrow;
		font-weight:bold;
	}