@import url(/_resources/scripts/hmenu/hmenu.css);
/*vertical version*/
#sideLinks-container {
	margin: 1em auto;
	position: relative;
	padding: 0 5px 15px 6px;
}

#home #sideLinks-container {
	margin: 0;
	padding: 0;
}

/*no javascript version*/

#sideLinks-container ul {
	font-family: Arial;
	font-size: 12px;
	color: #FFFFFF;
	list-style-type: none;
	list-style-position: outside;
	margin: 0;
}

#home #sideLinks-container ul {
	color: #000000;
	padding: 3px 0 0 14px;
}

#home li.menu-home {
	display: none;
	height: 0;
}

#sideLinks-container li {
	display: block;
	position: relative;
	margin: 7px 0;
	line-height: 150%;
}

#sideLinks-container a {
	display: block;
	/*font-size: 0.85em;
	line-height: 1.65em;
	text-indent: 1.9em;*/
	color: #FFFFFF;
}

#home #sideLinks-container a {
	color: #000000;
	font-weight: bold;
}

#sideLinks-container a:focus,
#sideLinks-container a:hover,
#sideLinks-container a:active {
	text-decoration: none;
	color: #FFFFFF;
}

#home #sideLinks-container a:focus,
#home #sideLinks-container a:active {
	text-decoration: none;
	color: #000000;
}

#home #sideLinks-container a:hover {
	color: #CCCCCC;
}

#sideLinks-container li a {
	padding-left: 10px;
}

#sideLinks-container li li a {
	padding-left: 17px;
}

#sideLinks-container li a:hover {
	background: url(/menuimages/blueblock.gif) no-repeat left 6px;
}

/* Top level you-are-here states */
.section-overview li.menu-overview a,
.section-services li.menu-services a,
.section-projects li.menu-projects a,
.section-contact li.menu-contact a,
#Links li.menu-links a {
	background: url(/menuimages/blueblock.gif) no-repeat left 6px;
	font-weight: bold;
}

#sideLinks-container li li a {
	background: none;
}

#sideLinks-container li li a:hover {
	background: url(/menuimages/blueblockindent.gif) no-repeat left 6px;
}

/* Second level you-are-here states */
#clientfeedback li.menu-feedback a,
#constructionmanagement li.menu-constmgmt a,
#documentdownload li.menu-docdownload a,
#inquireform li.menu-inquire a,
#capabilities li.menu-capabilities a,
#keypersonnel li.menu-personnel a,
#postconstruction li.menu-postconst a,
#preconstruction li.menu-preconst a,
#howwework li.menu-howwework a,
#sitedevelopment li.menu-sitedev a,
#sustainability li.menu-sustainability a,
#techcapabilities li.menu-tech a,
#pajarovalley li.menu-pajarofire a,
#campbell li.menu-campbell a,
#sccityhall li.menu-sccityhall a,
#sccityfire li.menu-sccityfire a,
#sccityfire2 li.menu-sccityfire2 a,
#watsonvillerda li.menu-watsonvillerda a,
#montereycountyrda li.menu-montereycountyrda a,
#immaculate li.menu-immaculateconception a,
#gateway li.menu-gatewaychildren a,
#evangel li.menu-gatewayevangel a,
#lacanada li.menu-lacanada a,
#mthermon li.menu-mthermon a,
#moreau li.menu-moreaucatholichs a,
#salesiansisters li.menu-salesian a,
#stfrancishigh li.menu-stfrancishs a,
#sccityschoolsbond1 li.menu-sccschoolsbond a,
#sccityschoolsbond2 li.menu-sccschoolsmove a,
#cabrilloaec li.menu-cabrilloaec a,
#cabrillohort li.menu-cabrillohort a,
#cabrillosac li.menu-cabrillosac a,
#cabrillowatsonville li.menu-cabrillowatsonville a,
#mpclibrary li.menu-mpclibrary a,
#scottsvalleyfire li.menu-scottsvalleyfire a {
	background: url(/menuimages/blueblockindent.gif) no-repeat left 6px;
	font-weight: bold;
}

#sideLinks-container ul ul {
	display: none;
	/*position: absolute;
	top: 13px;
	left: 103px;
	width: 95%; */
}

body.section-overview #sideLinks-container ul li.menu-overview ul,
body.section-services #sideLinks-container ul li.menu-services ul,
body.section-projects #sideLinks-container ul li.menu-projects ul,
body.section-contact #sideLinks-container ul li.menu-contact ul {
	display: block;
	font-size: 10px;
}

body.section-projects #sideLinks-container ul li.menu-projects ul ul {
	display: block;
}

#sideLinks-container .subsect {
	text-transform: uppercase;
	font-weight: bold;
	padding-left: 10px;
}

#sideLinks-container .subsect li {
	text-transform: none;
	font-weight: normal;
}

#sideLinks-container .subhead {
	font-style: italic;
	padding-left: 17px;
}

#sideLinks-container .subhead li {
	font-style: normal;
}

/*#sideLinks-container ul li:hover ul {
	display: block;
	font-size: 10px;
	padding-left: 10px;
}

#sideLinks-container ul li:hover ul li ul {
	display: block;
	padding-left: 20px;
}*/

#sideLinks-container 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 {
	background: #fff;
	color: #14a;
	font-weight: bold;
}

#sideLinks-container ul li.arrow-right a {
	background-image: url("/_resources/scripts/hmenu/img/rarrow.gif");
	background-repeat: no-repeat;
	background-position: center right; 
}

#sideLinks-container li.arrow-right li a {
	background-image: none;
} */

/* --------------------------------- */
/*Javascript/Dynarch-enabled version*/


div.dynarch-popup-menu { 
	color: #25a;
	background: #eee; 
	border: 1px solid #aaa;
	padding: 1px;
	color: #111;
	z-index: 1000;
}

div.dynarch-popup-base-menu {
	border: 1px solid #ddd;
}

div.dynarch-popup-base-menu table {
	width: 100%;
}

div.dynarch-popup-menu tr.item.hover, div.dynarch-popup-menu tr.item.active { background-color: #ddd; color: #14a; cursor: pointer; }

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%; }



div.dynarch-popup-menu tr.youarehere { background: #f9f9f9; color: #25a; font-weight: bold;}
div.dynarch-popup-menu tr.item.active.youarehere { background: #ddd; color: #14a;}

/*horizontal version example

#menu-container {
	background-image: url(/img/menubar.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-color:#FFFFFF;
	margin:0px;
	padding: 0px;
	height: 36px;
	color: #360A35;
	font-size: 80%;
	
/*no javascript	
#menu-container li {
	margin: 0;
	display: inline;
	position: relative;
background: url("/img/arrow1.gif") no-repeat left; /*set divider graphic
padding-left: 20px;
padding-right: 10px;
padding-bottom: 10px;
padding-top: 10px;
}

#menu-container li:hover{
background: url("/img/arrow1over.gif") no-repeat left;
}


#menu-container a {
	width: 100%;
	text-decoration: none;
	color: #360A35;

}


#menu-container a:focus,
#menu-container a:hover,
#menu-container a:active {
text-decoration: underline;

}

#menu-container ul ul {
	display: none;
	position: absolute;
	top: 20px;
	left:10px;
	width: 125px;
	background-color: #ffffff;
	border: 1px solid #CCCCCC;
	text-align: left;
	padding: 2px;
}


#menu-container ul li:hover ul {
	display: block;
}
#menu-container ul ul li{
display: block;
background: url("_resources/images/icons/spacer.gif") no-repeat left; /*set divider graphic
padding: 2px;
}
#menu-container 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

#menu-container div.dynarch-horiz-menu {
	z-index: 1000;
	padding-top: 3px;
	border: 0px solid #ddd;
	margin-left: 20px;
	
}
#menu-container div.dynarch-horiz-base-menu table {
	width: 100%;
}

div.dynarch-popup-menu {
background-color: #a056a1;
	border: 1px solid #CCCCCC;	
	display: inline;
	cursor: pointer;
	color: #000000;
}

div.dynarch-popup-menu td.label {
color: #FFFFFF;
}

div.dynarch-popup-menu tr.hover, div.dynarch-popup-menu tr.active { 
background-color: #3b0b3a;
}



#menu-container div.dynarch-horiz-menu td{
background: url("/img/arrow1.gif") no-repeat left;
}

#menu-container div.dynarch-horiz-menu td.item div{
	color: #360A35;
	padding-left: 10px;
padding-right: 5px;
padding-bottom: 5px;
padding-top: 5px;

	}
	
#menu-container div.dynarch-horiz-menu td.hover, #menu-container div.dynarch-horiz-menu td.active { 
cursor: pointer;
text-decoration:underline;
background: url("/img/arrow1over.gif") no-repeat left;
}


#menu-container div.dynarch-horiz-menu tr.hover td.arrow div,
#menu-container div.dynarch-horiz-menu tr.active td.arrow div { background: transparent url("/_resources/scripts/hmenu/img/rarrow.gif") no-repeat 0% 50%; }


#menu-container div.dynarch-horiz-menu td.youarehere {background: url("/img/arrow1over.gif") no-repeat left;
}
#menu-container div.dynarch-horiz-menu td.item.youarehere div{color: #666;

}
 
#menu-container div.dynarch-horiz-menu td.item.hover.youarehere, #menu-container div.dynarch-horiz-menu td.item.active.youarehere {text-decoration: none; }

*/