/*

 Some styles used by the "Cascading Popup Menus" script.
 Consult a CSS reference (a good clear one is at www.ncdesign.org) for syntax and tweaking ideas.
 You can delete the ones you're not using in your ItemStyles, or add more if you want.

*/


/*
 Font settings -- change your font, colour, alignment etc.
 Insert 'font-weight: bold;' or 'font-style: italic;' without quotes if you want.
 Note that items contain <A HREF> tags, so if your other stylesheets style anchor tags,
 these may inherit the rules. I've styled all the variations of links here as one.
*/

/* about section */
#span_DMabout 
{
display:inline;
float:left;
}
 #span_DMabout noscript img
{
margin-top:0px;
}


.abouthigh, a.abouthigh:link, a.abouthigh:visited,a.abouthigh:active, a.abouthigh:focus  {
 padding:0px;
 margin:0px 0px 0px 0px;
 background-color:transparent;
 background-image:url("/images/template/navigation/about_us.gif");
 background-repeat:no-repeat;
 background-position:top left;
}

 a.abouthigh:hover {
  /*color: #000000;
 font: 16px Arial, sans-serif;
text-align: center;
 text-decoration: none;*/
   padding:0px;
 margin:0px;
 background-image:url("/images/template/navigation/about_us-o.gif");
 background-repeat:no-repeat;
 background-position:top left;
}

/* Environment */
#span_DMenvironment 
{
display:inline;
float:left;
}

#span_DMenvironment noscript img
{
margin-top:0px;
}

.environmenthigh 
{
	margin-left:0px;
	overflow:visible;
	background-image:url("/images/template/navigation/environment.gif");
	background-position:top left;
	background-repeat:no-repeat;
}
a.environmenthigh:link {
 background-image:url("/images/template/navigation/environment.gif");
	background-position:top left;
	background-repeat:no-repeat;
}
a.environmenthigh:visited {
 background-image:url("/images/template/navigation/environment.gif");
	background-position:top left;
	background-repeat:no-repeat;
}
a.environmenthigh:active {
 background-image:url("/images/template/navigation/environment.gif");
	background-position:top left;
	background-repeat:no-repeat;
}
a.environmenthigh:focus {
 background-image:url("/images/template/navigation/environment.gif");
	background-position:top left;
	background-repeat:no-repeat;
}
/*GROUP 1*/

a.environmenthigh:hover {
 background-image:url("/images/template/navigation/environment-o.gif");
	background-position:top left;
	background-repeat:no-repeat;
}


/* water */

#span_DMwaterandsewerage
{
display:inline;
float:left;
}
#span_DMwaterandsewerage noscript img
{
margin-top:0px;
}


.waterhigh, a.waterhigh:link, a.waterhigh:visited, a.waterhigh:active, a.waterhigh:focus {
  color:#ffffff;
 font: 16px Arial, sans-serif;
 text-align: center;
 text-decoration: none;
 background-image:url("/images/template/navigation/water.gif");
 background-repeat:no-repeat;
 background-position:top left;
}

a.waterhigh:hover
{
color: #000000;
 font: 16px Arial, sans-serif;
 text-align: center;
 text-decoration: none;
 background-image:url("/images/template/navigation/water-o.gif");
 background-repeat:no-repeat;
 background-position:top left;
}
/* customers */

#span_DMcustomers
{
display:inline;
float:left;
}
#span_DMcustomers noscript img
{
margin-top:0px;
}

.customershigh, a.customershigh:link, a.customershigh:visited, a.customershigh:active, a.customershigh:focus {
  color:#ffffff;
 font: 16px Arial, sans-serif;
 text-align: center;
 text-decoration: none;
 background-image:url("/images/template/navigation/customers.gif");
 background-repeat:no-repeat;
 background-position:top left;
}

a.customershigh:hover
{
 color:#ffffff;
 font: 16px Arial, sans-serif;
 text-align: center;
 text-decoration: none;
 background-image:url("/images/template/navigation/customers-o.gif");
 background-repeat:no-repeat;
 background-position:top left;

}
/* developers */
#span_DMDevelopers
{
display:inline;
float:left;
}
#span_DMDevelopers noscript img
{
margin-top:0px;
}

.lowText, a.lowText:link, a.lowText:visited, a.lowText:active, a.lowText:focus {
 color:#4d5154;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
 text-align: left;
 text-decoration: none;
 padding-left:15px;
 background-image:url("/images/blue_arrow.gif");
 background-repeat:no-repeat;
 background-position:3px 3px;
}

.highText, a.highText:link, a.highText:visited, a.highText:active, a.highText:focus {
 color:#2d2e33;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
 text-align: left;
 text-decoration: none;
 padding-left:15px;
 background-image:url("/images/blue_arrow.gif");
 background-repeat:no-repeat;
 background-position:3px 3px;

}

.developershigh, a.developershigh:link, a.developershigh:visited, a.developershigh:active, a.developershigh:focus {
 color:#ffffff;
 font: 16px Arial, sans-serif;
 text-align: center;
 text-decoration: none;
 background-image:url("/images/template/navigation/developers.gif");
 background-repeat:no-repeat;
 background-position:top left;
}

a.developershigh:hover
{
 color:#ffffff;
 font: 16px Arial, sans-serif;
 text-align: center;
 text-decoration: none;
 background-image:url("/images/template/navigation/developers-o.gif");
 background-repeat:no-repeat;
 background-position:top left;
}
/* education */

#span_DMEducation
{
display:inline;
float:left;
}

#span_DMEducation noscript img
{
margin-top:0px;
}

.educationhigh, a.educationhigh:link, a.educationhigh:visited, a.educationhigh:active, a.educationhigh:focus {
  color:#ffffff;
 font: 16px Arial, sans-serif;
 text-align: center;
 text-decoration: none;
 background-image:url("/images/template/navigation/education.gif");
 background-repeat:no-repeat;
 background-position:top left;
}

a.educationhigh:hover
{
 color:#ffffff;
 font: 16px Arial, sans-serif;
 text-align: center;
 text-decoration: none;
 background-image:url("/images/template/navigation/education-o.gif");
 background-repeat:no-repeat;
 background-position:top left;
}
/* recreation */
#span_DMrecreation
{
display:inline;
float:left;
}

#span_DMrecreation noscript img
{
margin-top:0px;
}


.recreationhigh, a.recreationhigh:link, a.recreationhigh:visited, a.recreationhigh:active, a.recreationhigh:focus {
  color:#ffffff;
 font: 16px Arial, sans-serif;
 text-align: center;
 text-decoration: none;
 background-image:url("/images/template/navigation/recreation.gif");
 background-repeat:no-repeat;
 background-position:top left;
}

a.recreationhigh:hover
{
 color:#ffffff;
 font: 16px Arial, sans-serif;
 text-align: center;
 text-decoration: none;
 background-image:url("/images/template/navigation/recreation-o.gif");
 background-repeat:no-repeat;
 background-position:top left;
}
/* careers */
#span_DMcareers
{
display:inline;
float:left;
}
#span_DMcareers noscript img
{
margin-top:0px;
}

.careershigh, a.careerhigh:link, a.careerhigh:visited, a.careerhigh:active, a.careerhigh:focus {
  color:#ffffff;
 font: 16px Arial, sans-serif;
 text-align: center;
 text-decoration: none;
 background-image:url("/images/template/navigation/careers-o.gif");
 background-repeat:no-repeat;
 background-position:top left;
}

a.careershigh:hover
{
 color:#ffffff;
 font: 16px Arial, sans-serif;
 text-align: center;
 text-decoration: none;
 background-image:url("/images/template/navigation/careers-o.gif");
 background-repeat:no-repeat;
 background-position:top left;
}



/* Borders used by some items */

.itemBorder {
 border: 1px solid #c8c8c8;
}

.itemBorderBlank {
 border: 1px solid #CCCCDD;
}


span.design_selectwrapper {
      border:inset 2px;
      display:none;
}

span.design_selectwrapper select {
      margin:-2px;
      visibility:hidden;
      display:none;
}