/*The first 3 a. tags are for the menus across which are black on a white background 
rather than the buttons down which are white on a black background.
a.remove:link 		{color: black; text-decoration:none; font-size:13px; width:120px;}
a.remove:visited 	{color: black; text-decoration:none; font-size:13px; width:120px;}
a.remove:hover 		{color: black; text-decoration:none; font-size:13px; width:120px;}

a:link {color: blue; text-decoration:none}
a:visited {color: white;}
*/
a:hover {color: #ffff00;  text-decoration:none;}
a.removeBd:link 	{color: white; text-decoration:none; font-size:13px; width:120px;}
a.removeBd:visited 	{color: white; text-decoration:none; font-size:13px; width:120px;}
a.removeBd:hover 	{color: white; text-decoration:none; font-size:13px; width:120px;}
a.lightLink:link {color: #00FFFF; text-decoration:none;} /* For darker backgrounds   */
a.lightLink:visited {color: #FF00FF; text-decoration: none;} /* For darker backgrounds   */
a.lightLink:hover 	{color: #ffff00; text-decoration:none; font-size:13px; width:120px;} /* For darker backgrounds   */
#FixMenuBd{
position:relative;
width: 120px;
z-index:22;
float:left;
}
.menuBd{
position:relative;
left:0px;
top:0px;
height:25px;
max-height:25px;
width:120px;
text-align:left;
text-transform:capitalize;
}
#FixSubMenuBd{
position:absolute;
left:0px;
top:86px;
width: 210px;
z-index:26;
}
.subMenuBd{
position:relative;
left:0px;
top:0px;
width: 200px;
height:35px;
visibility:hidden;
text-align:left;
z-index:26;
}
.subMenuItemBd{
position:relative;
left:1px;
top:0px;
width: 190px;
height:25px;
text-align:left;
padding-bottom:5px;
padding-top:5px;
padding-left:5px;
behavior:url(cascade/border-radius.htc); /*	 This lets IE know to call the script on all elements which get the class. IE9 sorted dynamically */
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari and Chrome */
border-width:1px;
border-color:#0000ff;
background-color:#FFffFF;
border-top-style:solid;
border-left-style:solid;
border-right-style:solid;
color:#0000FF;
border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
}

/* The following lines is for visual effect when reducing on the fly*/
@media only screen and (max-width:1176px){}
@media only screen and (max-width:1024px) {}

@media only screen and (max-width:792px) {.menuBd{margin:0.5em 0em; }}

@media only screen and (max-width:771px) {a:link {/*color: white; */text-decoration:none} }
@media only screen and (max-width:600px) {}