/* Left Button Bar Start -------------------------------------- */

a.Buttons { color: #000000; background-color: #5677AB; text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size:9pt; font-weight: bold; display: block; text-align: center; font-style: normal; }
a:hover.Buttons { color: #FFFFFF; background-color: #5677AB; text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size:9pt; font-weight: bold; display: block; text-align: center; font-style: normal; }

a.Drop { color: #000000; background-color: #5677AB; text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size:9pt; font-weight: bold; display: block; text-align: left; font-style: normal; padding: 2px; }
a:hover.Drop { color: #FFFFFF; background-color: #5677AB; text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size:9pt; font-weight: bold; display: block; text-align: left; font-style: normal; padding: 2px;}


/* Left Button Bar End -------------------------------------- */

/* OurStaff pop out menu group */
.OurStaff { 
	/* Wrapper that defines the menu header, then the submenu */
	position: relative;
	/* width: 178px; */
	border:none;
	}	
	
.OurStaff div span {
	/* 
		Defines the transition the CSS needs to look for to hide initially 
		and where to locate it.  So it will look for a Div followed by a Span.
	*/
	background-color: #5677AB;
	display: none;
	width: 78px; 
	position: absolute;
	left: 5px;
	top: 15px;
	border: solid 1px;
	border-bottom-color: #FFFFFF;
	border-top-color: #5677AB;
	border-left-color: #FFFFFF;
	border-right-color: #FFFFFF;
	padding: 5px;
	}

.OurStaff div:hover > span {
	/* Defines when the hidden portion needs to become visible */
	display: block;
	}
/* End of OurStaff pop out menu group */

/* OurServices pop out menu group */
.OurServices { 
	/* Wrapper that defines the menu header, then the submenu */
	position: relative;
	/* width: 278px;  */
	border:none;
	}	
	
.OurServices div span {
	/* 
		Defines the transition the CSS needs to look for to hide initially 
		and where to locate it.  So it will look for a Div followed by a Span.
	*/
	background-color: #5677AB;
	display: none;
	width: 278px; 
	position: absolute;
	left: 5px;
	top: 15px;
	border: solid 1px;
	border-bottom-color: #FFFFFF;
	border-top-color: #5677AB;
	border-left-color: #FFFFFF;
	border-right-color: #FFFFFF;
	padding: 5px;
	}

.OurServices div:hover > span {
	/* Defines when the hidden portion needs to become visible */
	display: block;
	}
/* End of OurServices pop out menu group */

/* ContactUs pop out menu group */
.ContactUs { 
	/* Wrapper that defines the menu header, then the submenu */
	position: relative;
	/* width: 80px; */
	border:none;
	}	
	
.ContactUs div span {
	/* 
		Defines the transition the CSS needs to look for to hide initially 
		and where to locate it.  So it will look for a Div followed by a Span.
	*/
	background-color: #5677AB;
	display: none;
	width: 78px; 
	position: absolute;
	left: 5px;
	top: 15px;
	border: solid 1px;
	border-bottom-color: #FFFFFF;
	border-top-color: #5677AB;
	border-left-color: #FFFFFF;
	border-right-color: #FFFFFF;
	padding: 5px;
	}

.ContactUs div:hover > span {
	/* Defines when the hidden portion needs to become visible */
	display: block;
	}
/* End of ContactUs pop out menu group */