﻿/* see Msr_Webpage_A for current colours */

#top_menu {
	position:absolute;
	bottom:0;
	left:0;
	width:1160px;
}

#msrmenu{
	position:absolute;
	bottom:0;
	width:100%;
	margin:0 auto;
	padding:0;
	list-style:none;
}

#msrmenu li{
	float:left;
	margin:0;
}

#msrmenu a{
	float:left;
	height:45px; /*specify a height that can handle 2-line names*/
	margin:0;
	padding:2px 8px 0 8px;
	border:2px solid #e09a74; /* (*COLOUR4*) */
	border-radius:8px 8px 0 0;
	border-left-width:0; /*creates a smooth seamless line along left side of page*/
	text-align:center;
	text-decoration:none;
	font:normal normal bold 16px/normal "Times New Roman", Times, serif;
	color:#211917; /* (*COLOUR3*) */
	background-color:#e5d3cc; /* (*COLOUR2*) */
	/*NEW*/
    -webkit-transition: background-color 0.25s;  /* For Safari 3.1 to 6.0 */
    transition: background-color 0.25s;
}

#msrmenu a:hover{
	color:#999;
	background-color:#fffbf9; /* (*COLOUR0*) */
    outline: none; /*removes the dotted line around link in IE8+. Thanks microsloth...*/
}

#msrmenu a:active{
	color: #e5d3cc; /* (*COLOUR2*) */
	background-color: #211917; /* (*COLOUR3*) */
    outline: none; /*removes the dotted line around link in IE8+. Thanks microsloth...*/
	/*NEW*/
    -webkit-transition: background-color 0s;  /* For Safari 3.1 to 6.0 */
    transition: background-color 0s;
}

/*GL 20191018 rebuilt menu so last item is not a li to allow a link to be added wihtout it looking like a menu tab*/
#menu_last{
	position:absolute; /*positioned to top_menu*/
	right:0;
	bottom:0; 
	padding:5px;
	font:normal normal normal 12px/15px "Arial Narrow", Arial, Helvetica, sans-serif;
	text-align:center;
	color:#FFF; /*is fabric credit, leave as white against black bg*/
}

/*GL 20130201 make tab for current page look like part of the page*/
#bodyHome #menuHome, 
#bodyClasses #menuClasses, 
#bodyEvents #menuEvents, 
#bodyMachines #menuMachines, 
#bodyNewsletter #menuNewsletter, 
#bodyLongarm #menuLongarm, 
#bodyResources #menuResources, 
#bodyAbout #menuAbout, 
#bodyCharity #menuAbout, 
#bodyContact #menuContact, 
#bodyEmployment #menuContact, 
#bodyMSRNetHome #menuMSRNetHome, 
#bodyMSRNetStaff #menuMSRNetStaff, 
#bodyMSRNetSchedule #menuMSRNetSchedule, 
#bodyMSRNetMachines #menuMSRNetMachines, 
#bodyMSRNetNewsletter #menuMSRNetNewsletter, 
#bodyMSRNetITServices #menuMSRNetITServices {
	border-bottom-color:#fffbf9; /* (*COLOUR0*) */
	color:#999;
	background-color:#fffbf9; /* (*COLOUR0*) */
	cursor:default;
}

/*fixes a Firefox-only issue*/
@-moz-document url-prefix() {
	#msrmenu a{
		line-height:1.16; /*NOTE no unit - allows each font/font size to size accordingly, vrs using %, px or em, where it get s set once and same distance applied to all!*/
	}
}
