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

.accessibilty  { position: relative; float: right; margin: 0; padding-left: 15px; }

a.accessibility_title {  width: 40px; height: 40px; position: relative; }
a.accessibility_title:after { content: ''; padding-bottom: 20px; position: absolute; top: 0; width: 40px; height: 60px; }
a.accessibility_title i { color: #fff; font-size: 1em; }
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: 45px; z-index: 1010; left: 15px; background-color:#fff; border:2px solid #1aa6bb; 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: 0 15px; width: 350px; }
.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 { cursor:pointer; text-decoration: underline;}
.sfs { font-size:16px; text-align: right; padding: 10px; text-decoration: none!important; }
.sfs:hover { cursor:default!important; }

#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;
}



body { zoom: 1; }
#skiplist { list-style: none; position: fixed; top: 0; right: 0; z-index: 10000; }
#skiplist a { text-align: center; background: #fff; color: #000; position: absolute; right: -170px; width: 170px; -moz-transition:all 500ms ease-in-out; -o-transition:all 500ms ease-in-out; -webkit-transition:all 500ms ease-in-out; transition:all 500ms ease-in-out; font-size: 18px; padding: 10px 5px; }
#skiplist a:focus { right:0; border: 0; outline: thin dotted \9; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px #ff2121!important; -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px #ff2121!important; box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px #ff2121!important; outline: 2px solid #ff0000!important; display: inherit; }