/* ------ NAVIGATION ------ */

/* first level */
nav.main-navigation {
    z-index: 990;
    margin: 90px 0 15px 0px ;
    background-image:  url( '../../uploads/images/layout/tint.png' ) ;
    background-repeat: repeat ; 
padding-bottom: 20px;
}

nav.main-navigation > ul {

  list-style: none;
  
  text-align: center ; 
  
  
/*
  position: absolute;
  left: 0;
  right: 0;
  margin: auto ;
padding: 10px 0px 0 20px ;
width: 100% ; 
width: 800px ; 
    float:left ;
    padding: 10px 0px 0 20px ;
    list-style: none;
    margin-top: 0;
    width: 100% ; 
*/
}

nav.main-navigation > ul > li:hover, nav.main-navigation > ul > li a:hover {
background-color:#fff;
color: #28468e;
}

nav.main-navigation > ul > li {
    float: left;
    padding: 0;
    margin:0 5px ;
    position: relative;
}
nav.main-navigation > ul > li:first-child,
nav.main-navigation > ul > li.first {
    margin-left: 0
}
nav.main-navigation > ul > li:last-child,
nav.main-navigation > ul > li.last {
    margin-right: 0
}

nav.main-navigation > ul > li > a{
padding: 10px 14px;
}

nav.main-navigation > ul > li > a,
nav.main-navigation > ul > li.sectionheader span {
    color: #fff;
    text-decoration: none;
    font-size: 1.5em ;
    font-weight: normal;
    cursor: pointer;
    text-transform: uppercase ;
font-family: HansonRVFont2;
 
}
/* Second Level */
nav.main-navigation ul li ul {
    list-style: none;
    top: -999em;
    left: -999em;
    position: absolute;
    display: block;
    height: 0px;
    width: 220px;  
    padding: 10px;
    background: #28468e;
margin: 0 ;


}
nav.main-navigation > ul > li:hover > ul {    
    height: auto;
    z-index: 9999;
    top: 31px;
    left: 0;
    right: auto;
    display: block;

}
nav.main-navigation ul ul li {
    position: relative;
    line-height: 1;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #dcdcdc ; 


}
/* third level */
nav.main-navigation > ul > li > ul > li:hover > ul { 
    height: auto;
    top: 0;
    right: auto;
    left: 150px;
    z-index: 999;    
    display: block
}
/* navigation text color */
nav.main-navigation ul li li a,
nav.main-navigation ul li li.sectionheader span {
    padding: 6px 12px;
    font-family: sans-serif;
    text-transform: none;
    font-weight: normal;
    font-size: 1.2em ; 
    text-decoration: none;
    color: #fff;
    display: block
}
nav.main-navigation a:hover{
  color: #efefef; 
}

nav.main-navigation a.current{
    color: #fff;
}
nav.main-navigation ul ul li a.current,
nav.main-navigation ul ul li a:hover{
  color: #dedede; 
}


nav.main-navigation li.sectionheader span:hover,
nav.main-navigation li.sectionheader span.current,
nav.main-navigation li.sectionheader span.parent{
    color: #000;

}

/* Stylesheet: Menu - Main Modified On 2023-06-02 07:07:04 */
/* ------ NAVIGATION ------ */

/* first level */
nav.footer-navigation {
    z-index: 990;
    clear: left ; 
    margin: 0 ;
}

nav.footer-navigation > ul {
    float:left;
    padding: 0px 5px 0 0;
    list-style: none;
    margin-top: 0;
}
nav.footer-navigation > ul > li {
    float: left;
    padding: 0 10px 0px 0 ;
    margin:0 8px ;
    position: relative ; 
 /*   border-right: 1px solid #000 ; */
}
nav.footer-navigation > ul > li:first-child,
nav.footer-navigation > ul > li.first {
    margin-left: 0
}
nav.footer-navigation > ul > li:last-child,
nav.footer-navigation > ul > li.last {
    margin-right: 0
}
nav.footer-navigation > ul > li > a,
nav.footer-navigation > ul > li.sectionheader span {
    color: ;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;

}
/* Second Level */
nav.footer-navigation ul li ul {
    list-style: none;
    top: -999em;
    left: -999em;
    position: absolute;
    display: block;
    height: 0px;
    width: 180px;  
    padding: 10px;
    background: ;
/*    background: rgba(255,255,255,.95);     */
    box-shadow: 1px 1px 8px ;
    -webkit-box-shadow: 1px 1px 8px ;
    -moz-box-shadow: 1px 1px 8px ;
    -o-box-shadow: 1px 1px 8px ;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    border: 1px solid  
}
nav.footer-navigation > ul > li:hover > ul {    
    height: auto;
    z-index: 9999;
    top: 37px;
    left: 0;
    right: auto;
    display: block
}
nav.footer-navigation ul ul li {
    position: relative;
    line-height: 1;
    margin: 0;
    padding: 0;
    border-bottom: 1px dotted 
}
/* third level */
nav.footer-navigation > ul > li > ul > li:hover > ul { 
    height: auto;
    top: 0;
    right: auto;
    left: 150px;
    z-index: 999;    
    display: block
}
/* navigation text color */
nav.footer-navigation ul li li a,
nav.footer-navigation ul li li.sectionheader span {
    padding: 6px 12px;
    font-family: sans-serif;
    text-transform: none;
    font-weight: normal;
    font-size: 12px;
    text-decoration: none;
    color: ;
    display: block
}
nav.footer-navigation a:hover,
nav.footer-navigation a.current,
nav.footer-navigation li.sectionheader span:hover,
nav.footer-navigation li.sectionheader span.current,
nav.footer-navigation li.sectionheader span.parent,
nav.footer-navigation ul ul li a:hover,
nav.footer-navigation ul ul li a.current {
    color: 
}

/* Stylesheet: Menu - Footer Modified On 2017-09-15 17:57:35 */
/******************** MENU *********************/
#menu_vert {
	margin: 0;
	padding: 0;
}
#menu_vert ul {
/* remove any bullets */
	list-style: none;
/* margin/padding set in li */
	margin: 0px;
	padding: 0px;
}
#menu_vert ul ul {
	margin: 0;
/* padding right sets second level li in on right from first li */
	padding: 0px 5px 0px 0px;
/* replaces bottom of li.menuactive menuparent, looks like li below it, set in 5px more, is sitting on top of it */
	/*
background: transparent url(https://www.hansonrv.com/uploads/ngrey/liup.gif) no-repeat right -4px;
*/
}
#menu_vert li {
/* remove any bullets */
	list-style: none;
/* dividing line / bottom border */
  border-bottom: 1px solid   ;
  padding-right: 10% ; 
/* negative bottom margin pulls them together, images look like one border between */
	margin: 0px 0px -1px;
/* bottom padding pushes "a" up enough to show our image */
	padding: 0px 0px 2px 0px;
/* you can set your own image here */
/*

*/
}
#menu_vert li.currentpage {
	padding: 0px 0px 3px 0px;
}
#menu_vert li.menuactive {
	margin: 0;
	padding: 0px;
/* replaced by image in ul ul */
	background: none;
}
#menu_vert li.menuactive ul {
	margin: 0;
}
#menu_vert li.activeparent {
	margin: 0;
	padding: 0px;
}
/* fix stupid IE6 bug with display:block; */
* html #menu_vert li {
	height: 1%;
}
* html #menu_vert li a {
	height: 1%;
}
* html #menu_vert li hr {
	height: 1%;
}
/** end fix **/
/* first level links */
div#menu_vert a {
/* IE6 has problems with this, fixed above */
	display: block;
/* some air for it */
	padding: 0.3em 0.3em 0.3em 1.4em;
/* this will be link color for all levels */
	color: 
/* Fixes IE7 whitespace bug */
	min-height: 1em;
/* no underline for links */
	text-decoration: none;
  font-size: 0.9em ; 
/* all caps */
  text-transform: uppercase ;

}
/* next level links, more padding and smaller font */
div#menu_vert ul ul a {
	font-size: 90%;
	padding: 0.8em 0.3em 0.5em 2.8em;

}
/* third level links, more padding */
div#menu_vert ul ul ul a {
	padding: 0.5em 0.3em 0.3em 3em;
color: #b50000;
}
/* hover state for all links */
div#menu_vert a:hover {
	background-color: transparent;
	/* background-color:  ; 
  color:  ; 
*/
color:  ; 
font-weight: bold ; 
font-size: 0.9em;
}
div#menu_vert a.activeparent:hover {
	color: #595959;
}
/* active parent, that is the first level parent of a child page that is the current page */
div#menu_vert li.activeparent {
/* you can set your own image here */
/*
	background: transparent url(https://www.hansonrv.com/uploads/ngrey/liup.gif) no-repeat right -65px;
*/
/* white to contrast with background image */
	color: #fff;
}
div#menu_vert li.activeparent a.activeparent {
/* you can set your own image here */
/*
	background: transparent url(https://www.hansonrv.com/uploads/ngrey/libk.gif) no-repeat right top;
*/
/* to contrast with background image */
	color: #000;
}
div#menu_vert li a.parent {
/* takes left padding out so span image has room on left */
	padding-left: 0em;
}
div#menu_vert ul ul li a.parent {
/* increased padding on left offsets it from one above */
	padding-left: 0.9em;
}
div#menu_vert li a.parent span {
	display: block;
	margin: 0;
/* adds left padding taken out of "a.parent" */
	padding-left: 1.5em;
/* arrow on left for pages with children, points down, you can set your own image here */
/*
	background: transparent url(https://www.hansonrv.com/uploads/ngrey/active.png) no-repeat 2px center;
*/
}
div#menu_vert li a.parent:hover {
/* removes underline hover effect */
	text-decoration: none;

}
div#menu_vert li a.parent:hover span {
	display: block;
	margin: 0;
	padding-left: 1.5em;


}
div#menu_vert li a.menuactive.menuparent {
/* sets it in a little more than a.parent */
	padding-left: 0.35em;
}
div#menu_vert ul ul li a.menuactive.menuparent {
/* sets it in a little more on next level */
	padding-left: 0.99em;
}
div#menu_vert li a.menuactive.menuparent span {
	display: block;
	margin: 0;
/* to contrast with non active pages */
	font-weight: bold;
	padding-left: 1.5em;
/* arrow on left for active pages with children, points right, you can set your own image here */
/*
	background: transparent url(https://www.hansonrv.com/uploads/ngrey/parent.png) no-repeat 2px center;
*/
}
div#menu_vert li a.menuactive.menuparent:hover {
	text-decoration: none;
	color: #18507C;
}
div#menu_vert ul ul li a.activeparent {
	color: #fff;
}
/* current pages in the default Menu Manager template are unclickable. This is for current page on first level */
div#menu_vert ul h3 {
	display: block;
/* some air for it */
	padding: 0.8em 0.5em 0.5em 1.5em;
/* this will be link color for all levels */
	color: #000;
/* instead of the normal font size for <h3> */
	font-size: 0.9em;
/* as <h3> normally has some margin by default */
	margin: 0;
/* you can set your own image here, same as "a" */
/*
	background: transparent url(https://www.hansonrv.com/uploads/ngrey/libk.gif) no-repeat right top;
*/
}
/* next level current pages, more padding, smaller font and no background color or bottom border */
div#menu_vert ul ul h3 {
	font-size: 90%;
	padding: 0.8em 0.5em 0.5em 2.8em;
/* you can set your own image here, same as "a" */
/*
	background: transparent url(https://www.hansonrv.com/uploads/ngrey/libk.gif) no-repeat right top;
*/
	color: #000;
}
/* current page on third level, more padding */
div#menu_vert ul ul ul h3 {
	padding: 0.6em 0.5em 0.2em 3em;
}
/* BIG NOTE: I didn't do anything to these, never tested */
/* section header */
div#menu_vert li.sectionheader {
	border-right: none;
	padding: 0.8em 0.5em 0.5em 1.5em;
/*
	background: transparent url(https://www.hansonrv.com/uploads/ngrey/libk.gif) no-repeat right top;
*/
	line-height: 1em;
	margin: 0;
        color: #18507C;
        cursor:text;
}
/* separator */
div#menu_vert .separator {
	height: 1px !important;
	margin-top: -1px;
	margin-bottom: 0;
	-padding: 2px 0 2px 0;
	background-color: #000;
	overflow: hidden !important;
	line-height: 1px !important;
	font-size: 1px;
/* for ie */
}
div#menu_vert li.separator hr {
	display: none;
/* this is for accessibility */
}
/* Stylesheet: Menu - Sidebar Modified On 2017-09-15 18:36:02 */

/* tooltip */

.boxes, .box{

}

.tpd-tooltip {
  position: absolute;
}

/* Fix for CSS frameworks that don't keep the use of box-sizing: border-box
   within their own namespace */
.tpd-tooltip { box-sizing: content-box; }
.tpd-tooltip [class^="tpd-"] { box-sizing: inherit; }

/* Content */
.tpd-content-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  float: left;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.tpd-content-spacer,
.tpd-content-relative,
.tpd-content-relative-padder {
  float: left;
  position: relative;
}
.tpd-content-relative {
  width: 100%;
}

.tpd-content {
  float: left;
  clear: both;
  position: relative;
  padding: 10px;

  line-height: 16px;
  color: #fff;
  box-sizing: border-box !important;
}
.tpd-has-inner-close .tpd-content-relative .tpd-content { padding-right: 0 !important; }
.tpd-tooltip .tpd-content-no-padding { padding: 0 !important; }

.tpd-title-wrapper {
  float: left;
  position: relative;
  overflow: hidden;
}
.tpd-title-spacer {
  float: left;
}
.tpd-title-relative,
.tpd-title-relative-padder {
  float: left;
  position: relative;
}
.tpd-title-relative { width: 100%; }
.tpd-title {
  float: left;
  position: relative;

  line-height: 16px;
  padding: 10px;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  box-sizing: border-box !important;
}
.tpd-has-title-close .tpd-title { padding-right: 0 !important; }
.tpd-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 28px;
  height: 28px;
  cursor: pointer;
  overflow: hidden;
  color: #fff;
}
.tpd-close-icon {
  float: left;
/*  font-family: Arial, Baskerville, monospace; */
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  width: 28px;
  height: 28px;
  font-size: 28px;
  line-height: 28px;
  text-align: center;
}


/* Skin */
.tpd-skin {
  position: absolute;
  top: 0;
  left: 0;
}

.tpd-frames {
  position: absolute;
  top: 0;
  left: 0;
}
.tpd-frames .tpd-frame {
  float: left;
  width: 100%;
  height: 100%;
  clear: both;
  display: none;
}

.tpd-visible-frame-top .tpd-frame-top { display: block; }
.tpd-visible-frame-bottom .tpd-frame-bottom { display: block; }
.tpd-visible-frame-left .tpd-frame-left { display: block; }
.tpd-visible-frame-right .tpd-frame-right { display: block; }

.tpd-backgrounds {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
}
.tpd-background-shadow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  pointer-events: none;
}
.tpd-no-shadow .tpd-skin .tpd-background-shadow { box-shadow: none !important; }

.tpd-background-box {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
/* only the top background box should be shown when not using a stem */
.tpd-no-stem .tpd-background-box,
.tpd-no-stem .tpd-shift-stem { display: none; }
.tpd-no-stem .tpd-background-box-top { display: block; }

.tpd-background-box-shift,
.tpd-background-box-shift-further {
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
}
.tpd-background {
  border-radius: 10px;
  float: left;
  clear: both;
  background: none;
  -webkit-background-clip: padding-box; /* Safari */
  background-clip: padding-box; /* IE9+, Firefox 4+, Opera, Chrome */
  border-style: solid;
  border-width: 1px;
  border-color: rgba(255,255,255,.1); /* opacity here bugs out in firefox, .tpd-background-content should have no opacity if this opacity is less than 1 */
}
.tpd-background-loading { display: none; }
/* no radius */
.tpd-no-radius .tpd-skin .tpd-frames .tpd-frame .tpd-backgrounds .tpd-background { border-radius: 0; }
.tpd-background-title {
  float: left;
  clear: both;
  width: 100%;
  background-color: #3f6585;
}
.tpd-background-content {
  float: left;
  clear: both;
  width: 100%;
  background-color: #3f6585;
}
.tpd-background-border-hack {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-style: solid;
}

.tpd-background-box-top { top: 0; }
.tpd-background-box-bottom { bottom: 0; }
.tpd-background-box-left { left: 0; }
.tpd-background-box-right { right: 0; }

/* Skin / Stems */
.tpd-shift-stem {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
.tpd-shift-stem-side {
  position: absolute;
}
.tpd-frame-top .tpd-shift-stem-side,
.tpd-frame-bottom .tpd-shift-stem-side { width: 100%; }
.tpd-frame-left .tpd-shift-stem-side,
.tpd-frame-right .tpd-shift-stem-side { height: 100%; }

.tpd-stem {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden; /* shows possible invalid subpx rendering */
  width: 16px; /* best cross browser stem: width = 2 x height (90deg angle) */
  height: 8px;
  margin-left: 3px; /* space from the side */
  margin-top: 2px; /* space between target and stem */
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
}
/* remove margins once we're done measuring */
.tpd-tooltip .tpd-skin .tpd-frames .tpd-frame .tpd-shift-stem .tpd-stem-reset { margin: 0 !important; }

.tpd-stem-spacer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.tpd-stem-reset .tpd-stem-spacer { margin-top: 0; }

.tpd-stem-point {
  width: 100px;
  position: absolute;
  top: 0;
  left: 50%;
}
.tpd-stem-downscale,
.tpd-stem-transform {
  float: left;
  width: 100%;
  height: 100%;
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  position: relative;
}

.tpd-stem-side {
  width: 50%;
  height: 100%;
  float: left;
  position: relative;
  overflow: hidden;
}
.tpd-stem-side-inversed {
  -webkit-transform: scale(-1,1);
  transform: scale(-1,1);
}
.tpd-stem-triangle {
  width: 0;
  height: 0;
  border-bottom-style: solid;
  border-left-color: transparent;
  border-left-style: solid;
  position: absolute;
  top: 0;
  left: 0;
}
.tpd-stem-border {
  width: 20px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  background-color: #fff; /* will become transparent */
  border-right-color: #fff;
  border-right-style: solid;
  border-right-width: 0;
}

.tpd-stem-border-corner {
  position: absolute;
  top: 0;
  left: 50%;
  height: 100%;
  border-right-style: solid;
  border-right-width: 0;
}

/* fixes rendering issue in IE */
.tpd-stem * { z-index: 0; zoom: 1; }

/* used by IE < 9 */
.tpd-stem-border-center-offset,
.tpd-stem-border-center-offset-inverse {
  float: left;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.tpd-stem-notransform {
  float: left;
  width: 100%;
  height: 100%;
  position: relative;
}
.tpd-stem-notransform .tpd-stem-border {
  height: 100%;
  position: relative;
  float: left;
  top: 0;
  left: 0;
  margin: 0;
}
.tpd-stem-notransform .tpd-stem-border-center {
  position: absolute;
}
.tpd-stem-notransform .tpd-stem-border-corner {
  background: #fff;
  border: 0;
  top: auto;
  left: auto;
}
.tpd-stem-notransform .tpd-stem-border-center,
.tpd-stem-notransform .tpd-stem-triangle {
  height: 0;
  border: 0;
  left: 50%;
}

/* transformations for left/right/bottom */
.tpd-stem-transform-left {
  -webkit-transform: rotate(-90deg) scale(-1,1);
  transform: rotate(-90deg) scale(-1,1);
}
.tpd-stem-transform-right {
  -webkit-transform: rotate(90deg) translate(0, -100%);
  transform: rotate(90deg) translate(0, -100%);
}
.tpd-stem-transform-bottom {
  -webkit-transform: scale(1,-1) translate(0, -100%);
  transform: scale(1,-1) translate(0, -100%);
}


/* Spinner */
.tpd-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 46px;
  height: 36px;
}
.tpd-spinner-spin {
  position: relative;
  float: left;
  margin: 8px 0 0 13px;
  text-indent: -9999em;
  border-top: 2px solid rgba(255, 255, 255, 0.2);
  border-right: 2px solid rgba(255, 255, 255, 0.2);
  border-bottom: 2px solid rgba(255, 255, 255, 0.2);
  border-left: 2px solid #fff;
  -webkit-animation: tpd-spinner-animation 1.1s infinite linear;
  animation: tpd-spinner-animation 1.1s infinite linear;
  box-sizing: border-box !important;
}
.tpd-spinner-spin,
.tpd-spinner-spin:after {
  border-radius: 50%;
  width: 20px;
  height: 20px;
}
@-webkit-keyframes tpd-spinner-animation {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes tpd-spinner-animation {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

/* show the loader while loading and hide all the content */
.tpd-is-loading .tpd-content-wrapper,
.tpd-is-loading .tpd-title-wrapper { display: none; }
.tpd-is-loading .tpd-background { display: none; }
.tpd-is-loading .tpd-background-loading { display: block; }



/* Resets while measuring content */
.tpd-tooltip-measuring {
  top: 0;
  left: 0;
  position: absolute;
  max-width: 100%;
  width: 100%;
}
.tpd-tooltip-measuring .tpd-skin,
.tpd-tooltip-measuring .tpd-spinner {
  display: none;
}

.tpd-tooltip-measuring .tpd-content-wrapper,
.tpd-tooltip-measuring .tpd-title-wrapper { display: block; }


/* Links */
.tpd-tooltip a,
.tpd-tooltip a:hover { color: #808080; text-decoration: underline; }
.tpd-tooltip a:hover { color: #6c6c6c; }


/* Stylesheet: Tooltip Modified On 2018-02-06 22:10:02 */