@media screen and (max-width: 840px) {  

	div.menu-icon { 
		margin:0 auto 0; 
		width: 7%;
	}
	img.menu-icon { 
		width: 100%; 
		display: inline-block; 
		vertical-align: middle; 
		margin: 8px; 
		cursor:pointer; 
		outline:none;
	}

	/*** ESSENTIAL STYLES ***/
	.sf-menu, .sf-menu * {
		margin:0;
		padding:0;
		list-style:none;
	}
	.sf-menu {
		display: none;
		border-top:0px solid #aa5;
		line-height:1.0;
	}
	.sf-menu ul {
		position:absolute;
		top:-999em;
		max-width:23em; /* adjust in conjunction with nbsp's in menu labels */
		margin-top:0px;
	}
	.sf-menu ul li {
		width:100%;
	}
	.sf-menu li:hover {
		visibility:inherit; 
	}
	.sf-menu li {
		float:left;
		position:relative;
	}
	.sf-menu a {
		display:block;
		position:relative;
	}
	.sf-menu li:hover ul,
	.sf-menu li.sfHover ul {
		margin: 0 0 0 3px;
		left:100%;
		top:0;
		z-index:99;
	}
	ul.sf-menu li:hover li ul,
	ul.sf-menu li.sfHover li ul {
		top:-999em;
	}
	ul.sf-menu li li:hover ul,
	ul.sf-menu li li.sfHover ul {
		left:15em;
		top:0;
	}
	ul.sf-menu li li:hover li ul,
	ul.sf-menu li li.sfHover li ul {
		top:-999em;
	}
	ul.sf-menu li li li:hover ul,
	ul.sf-menu li li li.sfHover ul {
		left:15em;
		top:0;
	}

	#nav { 
		background-color: white;
		padding:0px;
		width: 100%;
	}
	#nav > ul {
		width: 100%;
		margin: 5px auto 8px;
		padding:15px 0px 0px 0;
		list-style:none;
	}
	.sf-menu {
		float: left;
	}
	.sf-menu a {
		padding: .5em 1.04em;
		text-decoration: none;
		font-weight: bold;
		font-size: 24px;
	}
	.sf-menu > li { clear:left;
		margin: 0px 0px 0px 0px;
	}
	.sf-menu > li.last { clear:left;
		border-right: 0px;
	}
	.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
		color: #000;
	}
	.sf-menu li {
		background: #FFF;
	}
	.sf-menu li.top-most {
		border-top: 1px solid black;
	}
	.sf-menu li li {
		background:#FFF;
		border: 1px solid #000;
		border-top: 0px;
	}
	.sf-menu li li li {
		background:#FFF;
	}
	.sf-menu li:hover, .sf-menu li.sfHover,
	.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
		background:#7A88AF;
		outline:0;
		color: #FFF;
	}
}

@media screen and (min-width: 841px) and (max-width: 1300px), print {  

	img.menu-icon { 
		display:none;
	}

	/*** ESSENTIAL STYLES ***/
	.sf-menu, .sf-menu * {
		margin:0;
		padding:0;
		list-style:none;
	}
	.sf-menu {
		line-height:1.0;
	}
	.sf-menu ul {
		position:absolute;
		top:-999em;
		max-width:19em; /* adjust in conjunction with nbsp's in menu labels */
		margin-top:-5px;
		left:10px;
	}
	.sf-menu ul li {
		width:100%;
	}
	.sf-menu li:hover {
		visibility:inherit; /* fixes IE7 'sticky bug' */
	}
	.sf-menu li {
		float:left;
		position:relative;
	}
	.sf-menu a {
		display:block;
		position:relative;
	}
	.sf-menu li:hover ul,
	.sf-menu li.sfHover ul {
		left:0;
		top:2.5em;
		z-index:99;
	}
	ul.sf-menu li:hover li ul,
	ul.sf-menu li.sfHover li ul {
		top:-999em;
	}
	ul.sf-menu li li:hover ul,
	ul.sf-menu li li.sfHover ul {
		left:0;
		top:0;
	}
	ul.sf-menu li li:hover li ul,
	ul.sf-menu li li.sfHover li ul {
		top:-999em;
	}
	ul.sf-menu li li li:hover ul,
	ul.sf-menu li li li.sfHover ul {
		left:0;
		top:0;
	}

	#nav { 
		background: url('../images/base/menubackground.png');
		padding:0;
		width: 834px;
		height: 50px;
	}
	#nav > ul {
		width: 100%;
		margin: 5px auto 8px;
		padding:15px 0px 0px 20px;
		list-style:none;
	}
	.sf-menu {
		float: left;
	}
	.sf-menu a {
		padding: .5em 1.03em; /* changes with menu text changes */
		text-decoration: none;
		font-weight: bold;
		font-size: 13px;
	}
	.sf-menu > li { 
		margin: 0px 0px 0px 0px;
		border-right: 1px solid #C7CDDB;
	}
	.sf-menu > li.last {
		border-right: 0px;
	}
	.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
		color: #000;
	}
	.sf-menu li {
		background: #FFF;
	}
	.sf-menu li.top-most {
		border-top: 1px solid black;
	}
	.sf-menu li li {
		background:#FFF;
		border: 1px solid #000;
		border-top: 0px;
	}
	.sf-menu li li li {
		background:#FFF;
	}
	.sf-menu li:hover, .sf-menu li.sfHover,
	.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
		background:#7A88AF;
		outline:0;
		color: #FFF;
	}
}

@media screen and (min-width: 1301px) {  

	img.menu-icon { 
		display:none;
	}

	/*** ESSENTIAL STYLES ***/
	.sf-menu, .sf-menu * {
		margin:0;
		padding:0;
		list-style:none;
	}
	.sf-menu {
		line-height:1.0;
	}
	.sf-menu ul {
		position:absolute;
		top:-999em;
		max-width:19em; /* adjust in conjunction with nbsp's in menu labels */
		margin-top:-5px;
	}
	.sf-menu ul li {
		width:100%;
	}
	.sf-menu li:hover {
		visibility:inherit; /* fixes IE7 'sticky bug' */
	}
	.sf-menu li {
		float:left;
		position:relative;
	}
	.sf-menu a {
		display:block;
		position:relative;
	}
	.sf-menu li:hover ul,
	.sf-menu li.sfHover ul {
		left:0;
		top:2.5em;
		z-index:99;
	}
	ul.sf-menu li:hover li ul,
	ul.sf-menu li.sfHover li ul {
		top:-999em;
	}
	ul.sf-menu li li:hover ul,
	ul.sf-menu li li.sfHover ul {
		left:0;
		top:0;
	}
	ul.sf-menu li li:hover li ul,
	ul.sf-menu li li.sfHover li ul {
		top:-999em;
	}
	ul.sf-menu li li li:hover ul,
	ul.sf-menu li li li.sfHover ul {
		left:0;
		top:0;
	}

	#nav { 
		background: url('../images/base/menubackground1.png');
		padding:0px;
		width: 1000px;
		height: 50px;
	}
	#nav > ul {
		width: 100%;
		margin: 5px auto 8px;
		padding:15px 0px 0px 20px;
		list-style:none;
	}
	.sf-menu {
		float: left;
	}
	.sf-menu a {
		padding: .5em .95em; /* changes with menu text changes */
		text-decoration: none;
		font-weight: bold;
		font-size: 16px;
	}
	.sf-menu > li {
		margin: 0px 0px 0px 0px;
		border-right: 1px solid #C7CDDB;
	}
	.sf-menu > li.last {
		border-right: 0px;
	}
	.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
		color: #000;
	}
	.sf-menu li {
		background: #FFF;
	}
	.sf-menu li.top-most {
		border-top: 1px solid black;
	}
	.sf-menu li li {
		background:#FFF;
		border: 1px solid #000;
		border-top: 0px;
	}
	.sf-menu li li li {
		background:#FFF;
	}
	.sf-menu li:hover, .sf-menu li.sfHover,
	.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
		background:#7A88AF;
		outline:0;
		color: #FFF;
	}
}