#menuphone{padding:1px;}

form#naviphone select{width:200px;  margin:5px auto; display:block; font-size:14px;
  background-color:#ccc; border:none;}






#navigation{width:100%; clear:both; margin-top:10px; display:block; padding:0 2px 0 0 ;	background-color:#003893; }

.backhome{width:19px;}



/*** ESSENTIAL STYLES ***/
.sf-menu{padding:0; margin:0;   font-family: 'Roboto Condensed', sans-serif;  font-size:1.105em;}
  
.sf-menu li {position: relative; 
  -webkit-transition: background .2s; 
  transition: background .2s; 
    text-transform:capitalize; margin:0px;}

.sf-menu li a {
	display: block;
	position: relative;
  text-decoration: none; zoom: 1;
  padding:10px 20px;
   text-transform:capitalize; 
}
.sf-menu li a.on{background-color:#2064c1;}

.sf-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 99;
padding:0;
  box-shadow: 2px 2px 6px rgba(0,0,0,.2); 
}


.sf-menu ul li{
  text-transform:none;
    font-size:0.9em;
    background-color:#2064c1;
    display:block;
    margin:0 0 0 0px;
    width:200px; }


.sf-menu li a, .sf-menu li:hover li a{color:white}
.sf-menu li:hover{background-color:#2064c1;}
.sf-menu li li:hover{background-color:#003893;}



.sf-menu li:hover > ul, .sf-menu li.sfHover > ul {display: block;}

   

.sf-menu li:hover, .sf-menu li.sfHover {
	/* only transition out, not in */
	-webkit-transition: none;
	transition: none;}


.sf-menu ul ul {top: 0; left: 100%;}

@media (max-width: 1028px) {
.sf-menu li a {padding:10px 15px;} }

@media (max-width: 960px) {
.sf-menu li a {padding:10px 12px; font-size:0.9em; } }

@media (max-width: 850px) {
.sf-menu li a {padding:10px 8px; font-size:0.9em; text-transform:capitalize;} }



@media (min-width: 701px) {
#naviphone{display:none; width:100% ; }
}

@media (max-width: 700px) {
.sf-menu{display:none;}
}