/* styles for contact page */
.regionName{font-weight:bold;font-family:Arial;font-size:24px;color:#585F65;}
.regionAddress{font-family:Arial;font-size:18px;color:#585F65;}
.gridtextRegion{font-weight:bold;font-family:Arial;font-size:12px;color:#585F65;}
.gridtextAddress{font-family:Arial;font-size:10px;color:#585F65;}


/* style for small top navigation links */


.headerNav{font-family:Arial;font-size:11px; color:#585F65;text-decoration:none;}

a.headerNav{font-family:Arial;font-size:11px; color:#585F65;text-decoration:none;padding-left:15px;}

a.headerNav:hover{text-decoration:none;color:red;}

/* drop down menu styles */

#nav, #nav ul {
  padding: 0;
  margin: 0;
  list-style: none;

}

#nav a {
  display: block;
   width: 140px;
        font-family:Arial;
         font-size:12px;
         font-weight:bold;
        color:#000000;
        text-transform:none;
        padding:2px;
         padding-top:12px;
         padding-left:10px;
         padding-bottom:15px;
         border-style:solid;
        border-width:1px;
       border-top-width:0px; 
       border-color:#cccccc;
        text-decoration:none;
       background-color:white;

}


.ddlink a:hover{color:#FF0000}

#nav #mainnav  /* this is the main nivi text that you see */
{

 
background:none;
color:#000000;
text-align:left;
/* padding-bottom:5px; */
border-right-style:none;
border-left-style:none;
border-top-style:none;
border-bottom-style:none;
 border-width:1px;
border-color:#a2a2a2;
font-weight:bold;
text-decoration:none;
}



#nav a:hover     /* this sets the background of the drop down box in the sub memu    */
{

background-color:#FFFFFF;
color:red;    /* this does not seem to have any effect */
 font-size:12px;
 color:#FF0000;
 text-decoration:none;
}


#mainnav a:hover
{

background-color:#FF0000;

}

#nav li {
  float: left;
  width: 13em;

}

#nav li ul {
  position: absolute;
  width: 10em;
  left: -999em;

}

#nav li:hover ul {
  left: auto;

}




#nav li:hover ul, #nav li.sfhover ul {
     left: auto;

}




/*-----------------------------------------------------*/


/* drop down menu styles */

#nav2, #nav2 ul {
  padding: 0;
  margin: 0;
  list-style: none;

}

#nav2 a {
  display: block;
   width: 140px;
        font-family:Arial;
         font-size:12px;
         font-weight:bold;
        color:#000000;
        text-transform:none;
        padding:2px;
         padding-top:12px;
         padding-left:10px;
         padding-bottom:15px;
         border-style:solid;
        border-width:1px;
       border-top-width:0px; 
       border-color:#cccccc;
        text-decoration:none;
       background-color:white;

}


.ddlink a:hover{color:#FF0000}

#nav2 #mainnav  /* this is the main nivi text that you see */
{

 
background:none;
color:#000000;
text-align:left;
/* padding-bottom:5px; */
border-right-style:none;
border-left-style:none;
border-top-style:none;
border-bottom-style:none;
 border-width:1px;
border-color:#a2a2a2;
font-weight:bold;
text-decoration:none;
}



#nav2 a:hover     /* this sets the background of the drop down box in the sub memu    */
{

background-color:#FFFFFF;
color:red;    /* this does not seem to have any effect */
 font-size:12px;
 color:#FF0000;
 text-decoration:none;
}


#mainnav a:hover
{

background-color:#FF0000;

}

#nav2 li {
  float: left;
  width: 13em;

}

#nav2 li ul {
  position: absolute;
  width: 10em;
  left: -999em;

}

#nav2 li:hover ul {
  left: auto;

}




#nav2 li:hover ul, #nav2 li.sfhover ul {
     left: auto;

}