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

/* first level */
nav.main-navigation {
    z-index: 990;
    height: 50px;
    line-height: 10px;
    margin: 150px 0 40px 0px ;
    background-image:  url( '../../uploads/images/layout/tint.png' ) ;
    background-repeat: repeat ; 
}

nav.main-navigation > ul {
    float:left;
    padding: 25px 10px 0 20px;
    list-style: none;
    margin-top: 0;
}
nav.main-navigation > ul > li {
    float: left;
    padding-bottom: 8px;
    margin:0 20px ;
    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,
nav.main-navigation > ul > li.sectionheader span {
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
/*    text-transform: uppercase */
}
/* Second Level */
nav.main-navigation ul li ul {
    list-style: none;
    top: -999em;
    left: -999em;
    position: absolute;
    display: block;
    height: 0px;
    width: 200px;  
    padding: 10px;
    background: #c5c5c5;
/*    background: rgba(255,255,255,.95);    
    box-shadow: 1px 1px 8px #8f8f8f;
    -webkit-box-shadow: 1px 1px 8px #8f8f8f;
    -moz-box-shadow: 1px 1px 8px #8f8f8f;
    -o-box-shadow: 1px 1px 8px #8f8f8f;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    border: 1px solid #dcdcdc 
 */
}
nav.main-navigation > ul > li:hover > ul {    
    height: auto;
    z-index: 9999;
    top: 37px;
    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: 14px;
    text-decoration: none;
    color: #fff;
    display: block
}
nav.main-navigation ul li li a{
  color: #640f24; 
}

nav.main-navigation a:hover,
nav.main-navigation a.current{
  color: #d8d8d8; 
  font-weight: bold ; 
}
nav.main-navigation a.current{
  color: #d8d8d8; 
}

nav.main-navigation ul ul li a.current,
nav.main-navigation ul ul li a:hover{
  color: #640f24;  

}


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 2022-12-14 04:10: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.nelsonsbracing.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.nelsonsbracing.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.nelsonsbracing.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.nelsonsbracing.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.nelsonsbracing.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.nelsonsbracing.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.nelsonsbracing.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.nelsonsbracing.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 */