/* Start of CMSMS style sheet 'responsive-nav' */
@charset "utf-8";
/* CSS Document */

- Toggle class & menu anchor tags in list items have box-sizing: border-box
style property to allow padding inside the container without conflicting with layout.
*/
/*--------------------------------
Functional Styles (Required)
---------------------------------*/
/* Tim Pietrusky advanced checkbox hack (Android <= 4.1.2) */
body{ -webkit-animation: bugfix infinite 1s; }
@-webkit-keyframes bugfix { from {padding:0;} to {padding:0;} }
.rsnav-header { position: relative; }
#toggle, .rsnav-toggle { display: none; }
.clearfix > li { list-style: none; display: inline-block; }
/* Nicolas Gallagher micro clearfix */
.rsnav-clearfix:before, .rsnav-clearfix:after { display: table; content: ""; }
.rsnav-clearfix:after { clear: both; }
@media only screen and (max-width: 767px){
.clearfix { display: none; opacity: 0; width: 100%; right: 0; }
.clearfix > li { display: block; width: 100%; margin: 0; }
.clearfix > li > a { display: block; width: 100%; text-decoration: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  }
.rsnav-toggle { display: block; position: relative; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; }
#toggle:checked ~ .clearfix { display: block; opacity: 1;}
}
/*--------------------------------
Presentation Styles (Editable)
---------------------------------*/
.rsnav-header{
min-height: 100px;
height: 100%;
padding: 0 20px;
background: #FFFFFF;
}
.rsnav-header > h1 {
float: left;
padding: 30px 0 0;
font-style: italic;
font-family: Georgia;
font-size: 28px;
font-size: 2.8rem;
color: #DFDFDF;
}
.rsnav-nav{
display: block;
float: right;
}
.clearfix {
/*background-color: #0e76bc;*/
margin-bottom: 0;
/*position: absolute;
bottom: 0;*/
width: 100%;
text-align: center;
}
.clearfix > li { /* Make the li element relative so the sub menu will appear below them using absolute positioning */
position: relative;
}
.clearfix li {
margin:0 0 0 -3px;
padding:0;
}
.clearfix > li > a,
.clearfix > li.sectionheader {
border-left:1px solid #05285e;
}
.clearfix > li:first-child > a,
.clearfix > li:first-child.sectionheader { /* no left border for first item */
border-left:0;
}
.clearfix > li > a,
.clearfix > li > a:visited,
.clearfix ul > li > a,
.clearfix ul > li > a:visited,
.clearfix > li.sectionheader {
display: block;
text-decoration: none;
text-transform: none;
font-weight: bold;
font-size: 14px;
font-size: 1.4rem;
line-height: 1;
padding:14px 28px;
text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: background-color 0.25s ease;
-moz-transition: background-color 0.25s ease;
-o-transition: background-color 0.25s ease;
transition: background-color 0.25s ease;
background-color: #0a3e75;
color: #fff;
}

.clearfix > li.sectionheader{display:inline-block;}

.clearfix li a:hover,
.clearfix li a:focus,
.clearfix li a.currentpage,
.clearfix li ul li a:hover,
.clearfix li ul li a:focus,
.clearfix li ul li a.currentpage{
background-color: #0066a8;
color: #fff;
text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
text-decoration: none;
}
.rsnav-toggle{
z-index: 2;
}

/* Second Tier */
.clearfix ul {
	display: none;
	position: absolute;
	top:42px;
	left: 0;
	margin: 0;
	padding: 0;
	z-index: 9999;
	min-width: 100%;
	text-align: left;
	background-color: #5fa6d5;
}
.clearfix li:hover ul {
	display: block;
}

.clearfix li li {
	margin-left:0;
	padding:0;
}

.clearfix li li a,
.clearfix li li a:visited {
background-color: #5fa6d5;
color: #0a3e75;
white-space: nowrap;
font-size: 14px;
font-size: 1.4rem;
line-height: 14px;
height: 42px;
}
.clearfix li li a:hover,
.clearfix li li a.currentpage{
color: #fff;
background-color: #0066a8;
}

/* show parent menu items consecutively (i.e. 2nd level, with children)  */
.clearfix ul ul {
	position:relative;
}




@media only screen and (max-width: 960px) {
.clearfix > li > a,
.clearfix > li > a:visited,
.clearfix ul > li > a,
.clearfix ul > li > a:visited {
font-size:12px;font-size:1.2rem;
padding: 14px 22px;
}


}
@media only screen and (max-width: 768px){
.clearfix{
background-color:transparent;
padding-top:10px;
text-align: left;
}
.clearfix, .clearfix li, .clearfix li a, .clearfix li ul li, .clearfix li ul li a, .clearfix > li.sectionheader {
height: auto;
}

ul.clearfix {
background-color:transparent;
margin-bottom: 0;
position: static;
}
.clearfix ul{position:relative;top:0;}


/* First Tier */
.clearfix > li > a,
.clearfix > li.sectionheader {
border-left:0;
}
.clearfix li {
margin:0;
padding:0;
}
.clearfix li a,
.clearfix > li.sectionheader {
padding: 7px 14px;
background-color: #0a3e75;
font-size: 14px;
font-size: 1.4rem;
text-align:center;
-webkit-transition: padding 0.25s ease, background-color 0.25s ease;
-moz-transition: padding 0.25s ease, background-color 0.25s ease;
-o-transition: padding 0.25s ease, background-color 0.25s ease;
transition: padding 0.25s ease, background-color 0.25s ease;
}

.clearfix > li.sectionheader{display:block;}
.clearfix > li.sectionheader > ul{margin-top:10px;}

.clearfix > li a:hover, .clearfix > li a:focus, .clearfix li a.currentpage{
padding: 12px 12px 12px 28px;
background-color: #0066a8;
-webkit-transition: padding 0.25s ease, background-color 0.25s ease;
-moz-transition: padding 0.25s ease, background-color 0.25s ease;
-o-transition: padding 0.25s ease, background-color 0.25s ease;
transition: padding 0.25s ease, background-color 0.25s ease;
}

/* Second Tier */
.clearfix li li a {
padding: 7px 14px;
font-size: 14px;
background-color: #5fa6d5;
border-bottom:1px solid #0a3e75;
}
.clearfix li li a:hover,
.clearfix li li a:focus,
.clearfix li li a.currentpage {
color: #fff;
padding: 12px 12px 12px 28px;
background-color: #0a3e75;
border-bottom:1px solid #5fa6d5;
}


.rsnav-toggle:after {
content: 'Main Menu';
display: block;
width: 100%;
text-align: center;
margin: 0;
padding: 8px 50px;
background-color: #c21819;
text-align: center;
font-size: 14px;
font-size: 1.4rem;
color: #fff;
-webkit-transition: all 0.25s ease;
-moz-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* End of 'responsive-nav' */

