/* accessability menu */
*:focus { outline: 0; }
a:hover, a:focus, button:hover, button:focus { text-decoration: none; }

.accessibilty  { position: relative; float: right; margin: 32px 0 0 10px; }

a.accessibility_title { padding-bottom: 25px; }
a.accessibility_title:hover~ul#access-menu{ display: block; }

#access-menu>li:after, #skip-links-list li:last-child a:after{ display: none; }
#access-menu li { margin: 0; border-bottom: 1px solid #B5B5B5; }
#access-menu li:last-child { border-bottom: 0px; }
.accessibilty_menu { display: none; position: absolute; top: 28px; z-index: 1010; left: -10px; background-color:#fff; border:2px solid #334669; border-radius:0px; outline:0; -webkit-box-shadow:0 3px 9px rgba(0,0,0,.5); box-shadow:0 3px 9px rgba(0,0,0,.5); padding: 18px 18px 18px 18px; width: 300px; }
.accessibilty_menu:hover { cursor: pointer; display: block; }
.accessibilty_menu li { display: block; float: right; clear:both; line-height: 30px; color: #000; text-align: right; padding-right: 0px; font-size:18px; width: 100%; }
.accessibilty_menu li:hover { color:#334669; cursor:pointer; text-decoration: underline;}
.sfs { font-size:16px; color: #334669; text-align: right; padding: 10px; }
.sfs:hover { cursor:default;}

#skip-links { position:fixed; left: 1%; top: 3%; z-index: 1011; background: #fff; border: 1px solid #2B2D42; padding: 10px; width: 390px; }
#skip-links h3 { text-align: center; color: #1c1207!important; }
#skip-links ul { margin: 0; padding: 0; }
#skip-links ul li { display: block; clear: both; width: 100%; text-align: right; padding: 0;}
#skip-links ul li a { display: block; }
#skip-links ul li a em { float: left; font-family: arial;}
#keyboard-shortcuts em{ float: left; font-family: arial; margin-left: 10px;}
.navigation_directions {  margin: 10px 0 0 0; text-align: right; }

.grayscaleMode {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	filter: grayscale(100%);
}
.negativeMode {
	-webkit-filter: invert(100%);
	-moz-filter: invert(100%);
	filter: invert(100%);
	background: #000;
}

html.grayscaleMode a:hover,
html.grayscaleMode a:focus,
html.grayscaleMode button:hover,
html.grayscaleMode button:focus,
html.negativeMode a:hover,
html.negativeMode a:focus,
html.negativeMode button:hover,
html.negativeMode button:focus{
	text-decoration: underline!important;
}


.font-sizes:hover { text-decoration: none; color: #2B2D42; cursor: context-menu; }
body { zoom: 1; }