/*! responsive-nav.js 1.0.39 by @viljamis */



/* Text meant only for screen readers. */
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; }

.screen-reader-text:focus { background-color: #f1f1f1; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 1em; font-weight: bold; height: auto; left: 1em; line-height: normal; padding: 1em 2em; text-decoration: underline; top: 1em; width: auto; z-index: 10000; outline: 1px dotted #fff; }

#navigation { margin: 0; padding: 0; width: 100%; }
#navigation .nav-toggle { margin: 0; padding: .75em 0 1em; width: 100%; font-size: .875em; text-align: center; text-transform: uppercase; text-decoration: underline; color: #fff; display: block; background-color: #1b3a60; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }
#navigation .nav-toggle span { margin: 0 1em 0 0; padding: 0; width: 22px; height: 16px; background: transparent url("../images/menu.gif") no-repeat center; display: inline-block; position: relative; top: 2px; }

#navigation .nav-toggle:hover, #navigation .nav-toggle:focus { background-color: #000; }
#navigation .nav-toggle:focus { outline: 1px dotted #fff; }


/* ---------- FOR ALL SCREENS UNLESS OVERRULED IN QUERY BELOW ---------- */

.nav-collapse,
.nav-collapse ul 
{ list-style: none; width: 100%; }

.nav-collapse li { margin: 0; padding: 0; width: 100%; float: left; }

body#bodyhome .nav-collapse li#gohome a, 
body#bodyhelp .nav-collapse li#help a, 
body#bodyfaq .nav-collapse li#faq a, 
body#bodyprevention .nav-collapse li#prevention a, 
body#bodypolicies .nav-collapse li#policies a, 
body#bodyresources .nav-collapse li#resources a, 
body#bodyreports .nav-collapse li#reports a, 
body#bodytitleix .nav-collapse li#titleix a
{ background-color: #e84a27; color: #fff; }

.nav-collapse a { margin: 0; padding: .9em 1em; width: 100%; font-size: .875em; text-decoration: underline; background-color: #333; color: #ddd; display: block; border-bottom: 1px solid #999; }
.nav-collapse a:hover, .nav-collapse li a:focus { background-color: #666; color: #fff; }
.nav-collapse li a:focus { outline: 1px dotted #fff; }

.nav-collapse li.last a { margin-bottom: 1em; }


/* ------------------------------------------
  MULTIPLE LEVELS
--------------------------------------------- */

.dropdown ul a, 
body#bodyhelp .nav-collapse li#help ul a, 
body#bodyfaq .nav-collapse li#faq ul a, 
body#bodyprevention .nav-collapse li#prevention ul a, 
body#bodypolicies .nav-collapse li#policies ul a, 
body#bodyresources .nav-collapse li#resources ul a, 
body#bodyreports .nav-collapse li#reports ul a, 
body#bodytitleix .nav-collapse li#titleix ul a 
{ padding-left: 2em; background-color: #ddd; color: #333; }

.dropdown ul a:hover, 
body#bodyhelp .nav-collapse li#help ul a:hover, 
body#bodyfaq .nav-collapse li#faq ul a:hover, 
body#bodyprevention .nav-collapse li#prevention ul a:hover, 
body#bodypolicies .nav-collapse li#policies ul a:hover, 
body#bodyresources .nav-collapse li#resources ul a:hover, 
body#bodyreports .nav-collapse li#reports ul a:hover, 
body#bodytitleix .nav-collapse li#titleix ul a:hover, 
.dropdown ul a:focus, 
body#bodyhelp .nav-collapse li#help ul a:focus, 
body#bodyfaq .nav-collapse li#faq ul a:focus, 
body#bodyprevention .nav-collapse li#prevention ul a:focus, 
body#bodypolicies .nav-collapse li#policies ul a:focus, 
body#bodyresources .nav-collapse li#resources ul a:focus, 
body#bodyreports .nav-collapse li#reports ul a:focus, 
body#bodytitleix .nav-collapse li#titleix ul a:focus 
{ background-color: #bbb; color: #000; }

.dropdown ul ul a, 
body#bodyprevention .nav-collapse li#student_train ul a 
{ padding-left: 3em; background-color: #fff; }

.dropdown ul ul a:hover, 
body#bodyprevention .nav-collapse li#student_train ul a:hover, 
.dropdown ul ul a:focus, 
body#bodyprevention .nav-collapse li#student_train ul a:focus 
{ background-color: #bbb; }


/* ---------- FOR SMALLER SCREENS ---------- */
@media only screen and (max-width: 767px) {
	
.js .nav-collapse { visibility: hidden; }
.js .nav-collapse.opened { visibility: visible; }

/* Enable active class to let the navigation expand over the calculated max height. */
.js .nav-collapse.multiple-level-nav.opened.dropdown-active { max-height: 9999px !important; }

.js .nav-collapse.multiple-level-nav .sub-menu { clip: rect(0 0 0 0); max-height: 0; position: absolute; 
 /* display: none; This way you don't have focus on sub menu items unless you open the sub menu. */
overflow: hidden;
zoom: 1; }

.js .nav-collapse.multiple-level-nav .sub-menu.toggled { display: block; max-height: 9999px; position: relative; }

.js .nav-collapse li { position: relative; }

.js .nav-collapse .dropdown-toggle { border: 1px solid #fff; background-color: #666; color: #ddd; content: ""; height: 3em; width: 3em; padding: 0; position: absolute; margin: 0; text-transform: lowercase; top: .3em; right: 1em; }
.js .nav-collapse .dropdown-toggle:hover,
.js .nav-collapse .dropdown-toggle:focus,
.js .nav-collapse .dropdown-toggle:active 
{ background-color: #000; color: #fff; }
.js .nav-collapse .dropdown-toggle:focus { outline: 1px dotted #fff; }

.js .nav-collapse .dropdown-toggle:after { content: "+"; font-size: 2em; }

.js .nav-collapse .dropdown-toggle.toggled:after { content: "-"; }
  
} /*/mediaquery*/




/* ---------- TABLETS AND LARGER ---------- */
@media only screen and (min-width: 768px) {

.js .nav-collapse,
.js .nav-collapse .dropdown ul 
{ max-height: none; overflow: visible; }

#navigation .nav-toggle, 
.nav-collapse li#gohome, 
.dropdown-toggle 
{ display: none; }

.nav-collapse li { margin: 0; padding: 0; width: 19%; text-align: center; border: none; float: left; }
.nav-collapse li#prevention { width: 20%; }
.nav-collapse li#resources { width: 12%; }
.nav-collapse li#help, 
.nav-collapse li#faq, 
.nav-collapse li#reports 
{ width: 10%; }

.nav-collapse a { padding: 1.5em 0 1em; width: auto; font-size: .8325em; background-color: #1b3a60; color: #fff; text-decoration: none; border-bottom: .5em solid #1b3a60; }
.nav-collapse a:hover, .nav-collapse a:focus { background-color: #1b3a60; color: #fff; border-bottom: .5em solid #fff; }

.nav-collapse li a:focus { background-color: #666; text-decoration: underline; }
.nav-collapse li li a:focus { background-color: #bbb; }

body#bodyhelp .nav-collapse li#help a, 
body#bodyfaq .nav-collapse li#faq a, 
body#bodyprevention .nav-collapse li#prevention a, 
body#bodypolicies .nav-collapse li#policies a, 
body#bodyresources .nav-collapse li#resources a, 
body#bodyreports .nav-collapse li#reports a, 
body#bodytitleix .nav-collapse li#titleix a
{ background-color: #1b3a60; border-bottom-color: #e84a27; }

body#bodyhelp .nav-collapse li#help a:focus, 
body#bodyfaq .nav-collapse li#faq a:focus, 
body#bodyprevention .nav-collapse li#prevention a:focus, 
body#bodypolicies .nav-collapse li#policies a:focus, 
body#bodyresources .nav-collapse li#resources a:focus, 
body#bodyreports .nav-collapse li#reports a:focus, 
body#bodytitleix .nav-collapse li#titleix a:focus 
{ background-color: #666; border-bottom-color: #e84a27; }

.nav-collapse .dropdown { position: relative; }

.nav-collapse .dropdown ul { width: 18em; border-left: 1px solid #999; border-right: 1px solid #999; }

.nav-collapse .dropdown li { width: 100%; }

.nav-collapse .dropdown ul a { text-align: left; text-decoration: underline; border: none; }
.nav-collapse .dropdown ul a:focus { outline: 1px solid #000; }

.nav-collapse ul ul { position: absolute; left: -9999em; }

.nav-collapse li li { float: none; border-bottom: 1px solid #999; }

.nav-collapse ul ul ul { left: -9999em; top: 20px; }

.nav-collapse ul ul a { padding: 1em; white-space: normal; width: 100%; }
  
.nav-collapse ul li:hover > ul,
.nav-collapse ul li.focus > ul 
{ margin-top: -.5em; left: auto; border-top: .5em solid #fff; z-index: 100; }

.nav-collapse ul ul li:hover > ul,
.nav-collapse ul ul li.focus > ul 
{ margin-top: 0; margin-left: -2px; top: 0; left: 18em; border-top: none; }

body#bodyhelp .nav-collapse li#help:hover > ul, 
body#bodyfaq .nav-collapse li#faq:hover > ul, 
body#bodyprevention .nav-collapse li#prevention:hover > ul, 
body#bodypolicies .nav-collapse li#policies:hover > ul, 
body#bodyresources .nav-collapse li#resources:hover > ul, 
body#bodyreports .nav-collapse li#reports:hover > ul, 
body#bodytitleix .nav-collapse li#titleix:hover > ul, 
body#bodyhelp .nav-collapse li#help:focus > ul, 
body#bodyfaq .nav-collapse li#faq:focus > ul, 
body#bodyprevention .nav-collapse li#prevention:focus > ul, 
body#bodypolicies .nav-collapse li#policies:focus > ul, 
body#bodyresources .nav-collapse li#resources:focus > ul, 
body#bodyreports .nav-collapse li#reports:focus > ul, 
body#bodytitleix .nav-collapse li#titleix:focus > ul
{ border-top-color: #e84a27; }

.nav-collapse li a span { margin: 0 0 0 .5em; padding: 0; width: 0; height: 0; border-left: .375em solid transparent; border-right: .375em  solid transparent; border-top: .375em solid #fff; display: inline-block; position: relative; top: -.25em; }
.nav-collapse li li a span { display: none; }

.nav-collapse li#student_train a span { margin: .25em 0 0; padding: 0; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #999; display: inline-block; float: right; }
.nav-collapse li#student_train a:hover span, #navigation .nav-collapse li#student_train a:focus span { border-left-color: #666; }

} /*/mediaquery*/






/* ---------- DESKTOPS AND LAPTOPS ---------- */
@media only screen and (min-width: 1224px) {

.nav-collapse li li { font-size: .875em; }
.nav-collapse li li li { font-size: 100%; }

.nav-collapse .dropdown ul { width: 200%; }
.nav-collapse li#prevention ul, 
.nav-collapse li#policies ul 
{ width: 120%; }

.nav-collapse li#student_train ul { width: 100%; }

.nav-collapse ul ul li:hover > ul,
.nav-collapse ul ul li.focus > ul 
{ right: 100%; }

.nav-collapse ul ul li:hover > ul,
.nav-collapse ul ul li.focus > ul 
{ margin-left: 0; left: 100%; }

} /*/mediaquery*/





/* ---------- DESKTOPS AND LAPTOPS ---------- */
@media only screen and (min-width: 1600px) {

.nav-collapse li#prevention ul, 
.nav-collapse li#policies ul 
{ width: 100%; }

.nav-collapse li#student_train ul { width: 80%; }

} /*/mediaquery*/