ul#css3menu3, ul#css3menu3 ul { margin: 0;list-style: none;}
/* background colours in the line below affects the flyout background colours */
ul#css3menu3 ul { width: 120%;display:none;position:absolute;left:100%;top:0;background-color:#0161a4;border-width:1px;padding:0;}
/* background colours in the lines below doesnt affect the background colour of the side menu items */
ul#css3menu3 { background-color: #ffffff;font-size:0;position:relative;display:block;float:left;padding:0;}
ul#css3menu3 li:hover>* { display:block;} 
ul#css3menu3 li { position:relative;display:block;font-size:0;}
ul#css3menu3 li:hover { z-index:1;}/*z-index:99;*/
/* line below controls margin of each top category item was bottom 6px now zero*/
ul#css3menu3>li { margin:0 0 0 0;}
ul#css3menu3 a:active, ul#css3menu3 a:focus { outline-style:none;}
/* line below controls font and font colour and other elements of the side menu top categories NOT background colour or border colours */
ul#css3menu3 a { display:block;vertical-align:middle;text-align:left;text-decoration:none;font:bold 14px Arial,Helvetica,sans-serif;color:#FFFFFF;cursor:pointer;padding:18px 8px;background-color:transparent;background-repeat:repeat;background-position:0 0;border-width:0px;border-style:none;border-color:transparent;}
ul#css3menu3 li.subside { display:block;vertical-align:middle;text-align:center;text-decoration:none;font:bold 14px Arial,Helvetica,sans-serif;color:#000000;padding:18px 8px;background-color:white;border-width:0px;}
ul#css3menu3 ul li { float:none; margin:0; padding: 6px 0 6px 6px; border-right: 1px solid black; border-bottom: 1px solid black;}

/*font colour of flyout menu items*/
ul#css3menu3 ul a { text-align:left;padding:2px;font:12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;color:#ffffff;text-decoration:none;;}
ul#css3menu3 li:hover>a,ul#css3menu3 li a.pressed { border-style:none;color:#000000;background-position:0 100%;text-decoration:none;}
ul#css3menu3 ul li:hover>a { color:black;text-decoration:none;  }
ul#css3menu3 ul li.subpress { text-decoration: none; background-color:white; border-top: 1px solid black; }
ul#css3menu3 ul li.subpress a {color:black;}
/*  old line 19 above  ul#css3menu3 ul li:hover>a, ul#css3menu3 ul li a.pressed { color:black;text-decoration:none;  }*/
/*not sure following here >  background-color: test; border-width: 3px;border-style:solid;border-color:#ff0000;} */
/* line below sets the background colours and other features of the top category side menu items including the last item in the list */
ul#css3menu3 li.sidemenu>a {
-moz-box-shadow: 0 1px 0 #7FD2F1 inset, 0 1px 0 #FFFFFF;
-webkit-box-shadow: 0 1px 0 #7FD2F1 inset, 0 1px 0 #FFFFFF;
box-shadow: 0 1px 0 #7FD2F1 inset, 0 1px 0 #FFFFFF;
background-color: #0b8ee9;
background-image: -o-linear-gradient(-90deg,rgba(44,160,202,0),rgba(0,0,0,0.13));
background-image: -moz-linear-gradient(-90deg,rgba(44,160,202,0),rgba(0,0,0,0.13));
background-image: -webkit-gradient(linear,50% 0%,50% 100%,from(rgba(44,160,202,0)),to(rgba(0,0,0,0.13)));
background-image: -webkit-linear-gradient(-90deg,rgba(44,160,202,0),rgba(0,0,0,0.13));
border-width: 1px;
border-style: solid;
border-color: #186F8F;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
overflow: hidden;
text-align:center;
}
ul#css3menu3 li.mainfour>a {
color:black;background-color:white;/*dark blue background-color:#0161a4;*/
}
/* line below sets the background colours of the top category items for  hover and class = pressed */
ul#css3menu3 li.sidemenu:hover>a { -moz-box-shadow:0 1px 0 #7FD2F1 inset, 0 1px 0 #FFFFFF;-webkit-box-shadow:0 1px 0 #7FD2F1 inset, 0 1px 0 #FFFFFF;box-shadow:0 1px 0 #7FD2F1 inset, 0 1px 0 #FFFFFF;background-color:#ffffff;background-image:-o-linear-gradient(-90deg,rgba(0,0,0,0.13),rgba(44,160,202,0));background-image:-moz-linear-gradient(-90deg,rgba(0,0,0,0.13),rgba(44,160,202,0));background-image:-webkit-gradient(linear,50% 0%,50% 100%,from(rgba(0,0,0,0.13)),to(rgba(44,160,202,0)));background-image:-webkit-linear-gradient(-90deg,rgba(0,0,0,0.13),rgba(44,160,202,0));border-style:solid;border-color:#186F8F}
.leftnavmaincattxt { letter-spacing: .01em;clear:left;}
.urhere { color:black;}
.urhere1 {color:blue;}
ul#css3menu3 a.toptop , ul#css3menu3 a.toptop:link{color:darkblue; border:1px dotted darkblue;display:block;vertical-align:middle;text-align:center;text-decoration:none;font:bold 12px Arial,Helvetica,sans-serif;padding:18px 8px;background-color: white;}
ul#css3menu3 a.toptop:visited {color:black; border:1px dotted darkblue; background-color:white;}
ul#css3menu3 a.toptop:hover {color:red; border:1px dotted red; background-color:white;}
ul#css3menu3 a.toptop:active { color:black; border:1px dotted darkblue; background-color:white;}
/* MEDIA QUERIES START */
@media only screen and (max-width: 1330px) {
.leftnavmaincattxt { letter-spacing: -.05em;clear:left;}	
}

@media handheld, only screen and (min-width: 520px) and (max-width: 667px) {

 }
 
 /* below Desktop Computers less than 1140px width 
below was moved to bridco1140style.css on Tue 8 Apr 2014 in the midst of the disappearing left menu saga...*/
@media only screen and (max-width: 1023px) { 
ul#css3menu3  a {  font-size: 11px; line-height: 1.3em; }	
ul#css3menu3 li.subside {font-size: 11px; line-height: 1.3em;}
}