/*

#sidenav-area .sf-vertical, .sf-vertical li
{
    width: 100% !important;
}

#sidenav-area #side-nav-box a
{   
	text-decoration: none;
	color: rgba(0,0,0,0.5) !important;
	border-left: 0px solid #000 !important;
	display: block !important;
	border-top: 0px solid #000 !important; 
	background: rgba(0,0,0,0.0) !important;
	transition: background-color 0.5s !important;
}

#sidenav-area #side-nav-box a
{
	border-bottom: 2px solid rgba(0,0,0,0.2) !important;
	line-height: 0px !important;
	padding: 20px !important;
	margin: 0.125rem 0rem;
	background-color: transparent !important;
	text-transform: uppercase !important;
	font-size: 1.5rem !important;
}

#sidenav-area #side-nav-box li
{
	background-color: transparent !important;
}

#sidenav-area #side-nav-box li:current
{
	background: rgba(0,0,0,0.1) !important;
}

#sidenav-area #side-nav-box li:hover a
{
	background: rgba(0,0,0,0.1) !important;
	border-radius: 0.25rem !important;
}

*/


/*

#sidenav-area #side-nav-box li a
{
	display: none;
}

#sidenav-area #side-nav-box li a
{
	padding: 0;
	text-transform: none;
}

#sidenav-area #side-nav-box li.side-nav-parent
{
	font-size: 1.5rem;
	line-height: 2rem;
	display: list-item;
}

#sidenav-area #side-nav-box li.side-nav-parent > a
{
	display: block;
}

#sidenav-area #side-nav-box li.side-nav-current
{
	font-size: 1rem;
	line-height: 1.5rem;
	display: list-item;
}

#sidenav-area #side-nav-box li.side-nav-parent > ul > li, #sidenav-area #side-nav-box .side-nav-parent > li
{
	font-size: 1rem;
	line-height: 1.5rem;
	display: list-item;
}

#sidenav-area #side-nav-box li.side-nav-current > ul > li
{
	font-size: 0.8125rem;
	line-height: 1rem;
	display: list-item;
}

#sidenav-area #side-nav-box li.side-nav-current > a
{
	font-weight: bold;
}

*/


/*Joe*/




#sidenav-area .sf-vertical, .sf-vertical li
{
    width: 100% !important;
}

#sidenav-area .perc-navbar-vertical
{
    margin: 0;
}

#sidenav-area #side-nav-box ul
{
	padding-left: 0rem;
}

#sidenav-area #side-nav-box li
{
	list-style-type: none;
	padding: 0;
}

#sidenav-area #side-nav-box
{
	background-image: linear-gradient(to bottom, #ccc 0%, #999 100%);
	border-radius: 0.4rem 0.4rem 0.2rem 0.2rem;
	padding: 0.5rem;
}

#sidenav-area #side-nav-box a
{
	font-family: 'Segoe UI', 'Lucida Grande', Calibri, Helvetica, Arial, sans-serif;
	border-bottom: 0.125rem solid rgba(255,255,255,0.125);
	text-decoration: none;
	padding: 0.25rem 0.25rem 0.25rem 0;
	color: rgba(0,0,0,0.6);
	display: block;
	transition: color 0.25s;
}

#sidenav-area #side-nav-box a:visited{color: rgba(0,0,0,0.6);}
#sidenav-area #side-nav-box a:active{color: rgba(0,0,0,0.6);}
#sidenav-area #side-nav-box a:hover{color: #000;}

#sidenav-area #side-nav-box li {display: none;}

#sidenav-area #side-nav-box li.side-nav-parent > ul, #sidenav-area #side-nav-box li.side-nav-current > ul
{
	margin: 0.25rem 0;
}

#sidenav-area #side-nav-box li.current {display: list-item;}
#sidenav-area #side-nav-box li.current a {display: none;}

#sidenav-area #side-nav-box .current-container > li {display: list-item;}
#sidenav-area #side-nav-box li.side-nav-parent {display: list-item;}
#sidenav-area #side-nav-box li.side-nav-parent > ul > li {display: list-item;}
#sidenav-area #side-nav-box li.side-nav-current > ul > li {display: list-item;}

#sidenav-area #side-nav-box .current-container > li.nav-level-1
{
	display: none;
}

#sidenav-area #side-nav-box .parent-container
{
	padding-left: 0;
}

#sidenav-area #side-nav-box .current-container
{
	padding-left: 0.5rem;
}

#sidenav-area #side-nav-box .parent-container.current-container
{
	padding-left: 0;
}

#sidenav-area #side-nav-box .current-container > li > ul
{
	padding-left: 0.5rem;
}

#sidenav-area #side-nav-box .parent-container li a {display: block;}

#sidenav-area #side-nav-box li.side-nav-parent
{
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.25rem;
	line-height: 1.5rem;
}

.side-nav li.side-nav-current > ul > li
{
	font-weight: normal;
	font-size: 1rem;
	line-height: 1.25rem;
	text-transform: none;
}

.side-nav li.side-nav-current > ul > li.nav-level-3
{
	font-weight: bold;
	text-transform: none;
	font-size: 1.0rem;
	line-height: 1.25rem;
}

#sidenav-area #side-nav-box .current-container > li.nav-level-2
{
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.25rem;
	line-height: 1.5rem;
}

#sidenav-area #side-nav-box .current-container > li
{
	font-weight: bold;
	text-transform: none;
	font-size: 1.0rem;
	line-height: 1.25rem;
}


/*
#sidenav-area #side-nav-box li.side-nav-parent > a
{
	text-transform: uppercase;
	font-size: 1.25rem;
	line-height: 1.5rem;
}

#sidenav-area #side-nav-box li.side-nav-parent > ul > li
{
	text-transform: none;
	font-size: 1.0rem;
	line-height: 1.25rem;
}
*/

#sidenav-area #side-nav-box li.side-nav-current > a
{
	color: #990020;
	/*border: none;*/
}

#sidenav-area #side-nav-box li.side-nav-current > a:hover
{
	color: #000;
}

/*
#sidenav-area #side-nav-box li.side-nav-parent > ul
{
	margin-bottom: 0;
	padding: 0;
	border: none;
}
*/

#sidenav-area #side-nav-box li.side-nav-current > ul
{
	/*border-radius: 0.25rem 0 0 0.25rem;
	border-left: 0.125rem solid rgba(255,255,255,0.25);*/
}

/*
#sidenav-area #side-nav-box li.side-nav-current > ul > li > a
{
	font-size: 0.8125rem;
	line-height: 1.0rem;
	text-transform: none;
}
*/




/*forms*/

.perc-form
{
	margin-bottom: 0.75rem;
}

.perc-form form .field-row
{
	margin-top: 0.75rem;
}

.perc-form form .field-row input[type=submit]
{
	border: none;
	border-radius: 0.25rem;
	padding: 0.5rem 1rem;
	background-image: linear-gradient(to top, #800018 0%, #b12541 100%);
	background: rgba(0,0,0,0.125);
	background: rgba(229,191,115,0.4);
	color: #222;
	font-family: 'Segoe UI', 'Lucida Grande', Calibri, Helvetica, Arial, sans-serif;
	font-size: 1rem;
	cursor: pointer;
	-webkit-appearance: none;
}

.perc-form form .field-row input[type=text]
{
	border: none;
	border-radius: 0.25rem;
	box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.25);
	
	width: 100%;
	max-width: 16rem;
	
	font-size: 0.8125rem;
	font-family: 'Segoe UI', 'Lucida Grande', Calibri, Helvetica, Arial, sans-serif;
	padding: 0.25rem;
}

.perc-form form .field-row textarea
{
	border: none;
	border-radius: 0.25rem;
	box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.25);
	font-size: 0.8125rem;
	font-family: 'Segoe UI', 'Lucida Grande', Calibri, Helvetica, Arial, sans-serif;
	width: 100%;
	max-width: 32rem;
	min-height: 12rem;
	max-height: 12rem;
	font-size: 0.8125rem;
	padding: 0.25rem;
	resize: none;
}


/*general forms*/

.standard-content form
{
	margin: 0;
}

.standard-content form input[type=submit]
{
	border: none;
	border-radius: 0.25rem;
	padding: 0.5rem 1rem;
	background-image: linear-gradient(to top, #800018 0%, #b12541 100%);
	background: rgba(0,0,0,0.125);
	background: rgba(229,191,115,0.4);
	color: #222;
	font-family: 'Segoe UI', 'Lucida Grande', Calibri, Helvetica, Arial, sans-serif;
	font-size: 1rem;
	cursor: pointer;
}

.standard-content form input[type=text], .standard-content form input[type=password]
{
	border: none;
	border-radius: 0.25rem;
	box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.25);
	
	width: 100%;
	max-width: 16rem;
	
	font-size: 0.8125rem;
	font-family: 'Segoe UI', 'Lucida Grande', Calibri, Helvetica, Arial, sans-serif;
	padding: 0.25rem;
}

.standard-content form textarea
{
	border: none;
	border-radius: 0.25rem;
	box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.25);
	font-size: 0.8125rem;
	font-family: 'Segoe UI', 'Lucida Grande', Calibri, Helvetica, Arial, sans-serif;
	width: 100%;
	max-width: 32rem;
	min-height: 12rem;
	max-height: 12rem;
	font-size: 0.8125rem;
	padding: 0.25rem;
	resize: none;
}

@media (max-width: 1024px)
{
	#sidenav-area #side-nav-box a
	{
		padding-right: 2rem;
	}
}
