body {background-color:#8F7242; margin:0; padding:0; text-align: left; -webkit-text-size-adjust: 100%;}

body p, dl{color:#0f3141; font-family: 'Lato', sans-serif;; font-size: 11pt; line-height:15pt;}

@viewport {
    min-width: 1200px;
}

#loader {
display:block;
position:absolute;
top:0;
left:0;
background: url(/images/loader.gif) center no-repeat fixed; 
width:100%; 
height: 100%;
}

#wrapper {margin-bottom:0; margin-left:auto; margin-right:auto; margin-top:0; padding:0; width: 100%;}

div.container {margin-bottom:0; margin-left:auto; margin-right:auto; margin-top:0; padding:0; width: 1200px;}


#header {width:100%; background: #0f3141;}
#header img {float:left; margin:0; padding:15px 30px 15px 0;}
#header h1, #header h1 a {margin: 0; padding: 15px 0 0 0; font-family:'BenchNine', sans-serif; font-size:24pt; text-decoration: none; color: #e2e2e2;}

#top-nav {clear: both; float:right; margin: 0; padding:10px 0 10px 0; background:#8F7242; text-align:center; width: 100%;}
#top-nav p {margin:0; padding:0 2px 0 2px; font-family:'BenchNine', sans-serif; font-size:12.5pt; font-weight:bold; color:#fff;}
#top-nav p a {font-size:10.5pt; color:#fff; text-decoration: none;}
#top-nav p a:hover {text-decoration: underline;}
#top-nav ul {float: right;}

#footer {width:100%; background: #8F7242; padding-top: 20px;}
#footer img {float: left; margin: 0;}
#footer p {font-family:'Lato', sans-serif; font-size: 8pt; color:#ffffff; text-align: right; margin:0 0 10px 0; padding:0; line-height: 12px;}
#footer a {font-weight: bold; text-decoration: none; color: #ffffff;}

#notice { padding-top: 10px; margin-top: 20px; border-top: 1px solid #ffffff;}
#notice p {font-family:'Lato', sans-serif; font-size: 8pt; color:#ffffff; text-align: center; margin:0 0 10px 0; padding:0;}

#ie-spacer {display:none;}


#breadcrumb_container {background: #e2e2e2; width: 100%;}
#breadcrumb {margin:0 auto 0 auto; padding:5px 30px 5px 30px; overflow:auto; background: #e2e2e2; width: 1200px;}
#breadcrumb p {margin:0; padding:0; font-family: 'BenchNine', sans-serif; font-size: 12pt; color:#0f3141;}
#breadcrumb p a {text-decoration: none; border: 1px dotted #8F7242; border-style: none none dotted; color:#0f3141;}

h1, h2, h3, h4, h5 {
    text-transform: uppercase;
    text-decoration: none; 
}
.speciallower {
    text-transform: lowercase !important;
}

#content {clear: both; background: #fff; padding: 30px 0 150px 0;}
#popup_content {padding: 0px; background: #e2e2e2;}

#content a {
    text-decoration: none;
    font-weight: 700;
    font-family: 'Lato', sans-serif;
    font-size: 11pt;
    text-transform: uppercase;
    color: #0f3141;
    line-height: 25px;
    border: 1px dotted #0f3141; border-style: none none dotted;
}

#content h1, #popup_content h1, #content h1 a, #popup_content h1 a {color:#0f3141; padding:0; margin: 0; font-family: 'BenchNine', sans-serif; font-size: 24pt;}
#content h2 {margin: 24px 0 0 0; font-family: 'BenchNine', sans-serif;}
#content h2 a {text-decoration: none; color: #0f3141; border: 1px dotted #0f3141; border-style: none none dotted;}
#content h3 {font-family: 'BenchNine', sans-serif; font-weight: bold; font-size: 12pt;}
#content h3 a {/*color:#6b5934;*/ text-decoration: none; color: #0f3141; border: 1px dotted #0f3141; border-style: none none dotted;}
#content p, #popup_content p {color:#0f3141; font-family: 'Lato', sans-serif; font-size: 11pt; line-height:15pt;}
#content .result-link {/*color:#6b5934;*/ text-decoration: none; color: #8F7242; border: 1px dotted #8F7242; border-style: none none dotted;}
#content .excel {padding: 5px 10px 5px 10px; background: #8F7242; border:#8F7242 1px solid; color:#fff; font-weight: bold; margin: 0 0 0 0; font-family: 'Lato', sans-serif; font-size: 10pt; text-decoration: none;}
#content .help {text-decoration: none; color: #0f3141; border: 1px dotted #0f3141; border-style: none none dotted; font-size: 9pt; margin: 0 0 -10px 0}
#content .error {font-weight: bold; color:#660000;}
#content .submit {padding: 6px 10px 6px 10px; background: #0f3141; border:#0f3141 1px solid; color:#fff; font-weight: bold; margin: 0; cursor: pointer; cursor: hand; font-size: 14pt; font-family: 'BenchNine', sans-serif;}
#content .small {font-size: 9pt;}
#content .small a {text-decoration: none; color: #0f3141; border: 1px dotted #0f3141; border-style: none none dotted;}
#content .question {font-size: 125%; font-weight: bold; padding-top: 1em;}
#content .equation {font-size: 115%; font-weight: bold;}

#content .results {font-size: 125%;}

#content .indent {margin: 0 0 0 30px;}

#content ul {list-style: square; color: #0f3141; font-family: 'Lato', sans-serif; font-size: 11pt;}
#content ul li {margin: 0 0 1em 0; color: #0f3141;}
#content ul li a {text-decoration: none; color: #0f3141; border: 1px dotted #0f3141; border-style: none none dotted;}

#content ol {color: #0f3141; font-family: 'Lato', sans-serif; font-size: 11pt;}
#content ol li {margin: 0 0 1em 0; color: #0f3141;}
#content ol li a {text-decoration: none; color: #0f3141; border: 1px dotted #0f3141; border-style: none none dotted;}

#content .downlinks {list-style: none; color: #0f3141; font-family: 'Lato', sans-serif; font-size: 11pt; margin:0 0 0 0; padding:15px;}
#content .downlinks li {margin: 0 0 1em 0; padding: 0 0 0 20px; color: #8F7242; background: url(/images/down_arrow.gif) no-repeat 0 3px;}
#content .downlinks li a {text-decoration: none; color: #0f3141; border: 1px dotted #0f3141; border-style: none none dotted;}


#sub-nav {float: right; background: #e2e2e2; width: 250px; padding: 5px 15px 5px 5px; margin: 15px 0 30px 30px; border-top: 5px solid #0f3141; font-family:'Lato', sans-serif;}
#sub-nav ul {list-style: square; }
#sub-nav ul li {margin-top: 10px; margin-bottom: 10px; color: #0f3141;}
#sub-nav ul li a {text-decoration: none; color: #0f3141; border: 1px dotted #0f3141; border-style: none none dotted; font-size: 10pt; line-height: 13pt;}
#sub-nav ul li .active {text-decoration: none; color: #0f3141; border: none; border-style: none none none; font-weight: bold;}
#sub-nav h3 {margin-left: 1em; font-size: 130%; color: #0f3141;}

.popup {padding: 25px; text-align: left;}

.popup .bottom {padding: 10px 0 0 0; border-top: 1px solid #0f3141;}

.print-pdf {float: right; margin: 0; width: 300px; font-family:'Lato', sans-serif; }
.print-pdf a {padding: 7px 17px 7px 17px;  margin: 0 0 10px 0; background: #0f3141; border: 1px solid #0f3141; color:#fff !important;}

hr {clear:both; margin: 20px 0;border:0; border-top: 1px dotted #e2e2e2; height: 0;}

.right-newsletter {clear: both; float: right; margin: 0 0 20px 20px;}
.right-newsletter img {border:2px solid #e2e2e2;}
.right-newsletter p {padding: 5px; margin:0; color: #8F7242; font-size: 75%; font-weight: bold;}
.left-newsletter {clear: both; float: left; margin: 0 20px 20px 0;}
.left-newsletter img {border:2px solid #e2e2e2;}
.left-newsletter p {padding: 5px; margin:0; color: #8F7242; font-size: 75%; font-weight: bold;}
.center-newsletter {clear: both; margin: 20px; text-align:center;}
.center-newsletter a {border:none; text-decoration: none;}
.center-newsletter img {border:2px solid #e2e2e2;}
.center-newsletter p {padding: 5px; margin:0; color: #8F7242; font-size: 75%; font-weight: bold;}

#content .indent {padding: 15px; background: #e2e2e2; margin: 0 0 20px 0;}
#content .indent p {margin:0; padding:0;}

#news {background: #e2e2e2; margin: 15px 0 30px 0; padding: 20px; border: 1px dotted #e2e2e2; font-family:'Lato', sans-serif;}
#news p {font-size: 115%;}

//* COMPARISON CHART AS TABLES*/
#comparisonchart {width:100%; border:0; font-size:12pt; font-family: 'Lato', sans-serif;}
#comparisonchart tr { padding:10px 0 10px 0; height:30px;border-bottom: 1px solid #8F7242;}
#comparisonchart td { padding:5px 10px 5px 10px;}
#comparisonchart a, #comparisonchart a:visited {color: #eeeeee; text-decoration: underline;}
.compare_highlight {background-color:#eeeeee; height:30px;font-style: italic;font-weight:bold;}
.columnone {width:30%; font-weight:bold;}
.columns {width:95%;-webkit-hyphens: auto;-moz-hyphens: auto;-ms-hyphens: auto;hyphens: auto;/*-ms-word-break: break-all;word-break: break-all;*/}
.columns a, .columns a:visited {color: #0f3141; text-decoration: none;}
.columns a:hover {text-decoration: underline;}
#compare_button {background-color:#0f3141; color: #fff; font-weight: bold;}
.wordbreak_tr {-ms-word-break: break-all; word-break: break-all;}


/* FORMS -------------------------------------------------- */

#content .row, #content .check-row, #content .radio-row, #content .explanatory {color:#8F7242; font-family: 'Lato', sans-serif; font-size: 10.5pt;}

#content .row .submit {padding: 5px 20px 5px 20px; background: #0f3141; border:#0f3141 1px solid; color:#fff; font-weight: bold; margin: 0 0 0 16.85em; cursor: pointer; cursor: hand;}

#content .row a {text-decoration: none; color: #0f3141; font-size: 8pt;}

fieldset {margin: .5em 0 1em 0; /*border: 1px solid #009900;*/ border: none; padding:0;}
	
legend {font-weight: bold; }
	
.redstar {color: #660000; font-weight: bold;}
	
.redtext {color: #660000;}

form {margin:0; padding:0;}

form p {margin: 0;}
	
#content .row,
#content .check-row,
#content .radio-row,
#content .explanatory {margin: .5em 0 1.5em 0;}

#content .check-row .text,
#content .radio-row .text {font-weight: bold; float: left; width: 15em; text-align: right;}

#content .row-box {float: left; margin: 0 0 1.5em 1em; width: 40em;}

#content .text a {text-decoration: none; color: #0f3141; font-size: 8pt;}
	
.indent {margin: .5em 0 1em 10.5em;}

.indenter {margin: 0 0 0 15.65em;}
.indenter2 {margin: 0 0 0 -.35em;}

.button1 {font-size:100%; margin: 1em .5em 0 1em; padding: 5px 40px 5px 40px;}
	
.row label {float: left; width: 15em; padding-right: 1em; text-align: right; font-weight: bold;}

.row2 label {float: left; width: 7em; padding-right: 1em; text-align: right;}

.check-row label,
.radio-row label {font-size: 90%; font-weight: normal; font-family: 'Lato', sans-serif;}

.check-row input,
.radio-row input {font-weight: normal; margin: 0 0 0 0;}

#content .instructions {font-size: 90%; margin:.5em 17em 0 18em; line-height:normal;}

#content .detail-content-text-pad fieldset .row p {color: #8F7242; font-size: 86%; padding: 0 0 0 13.5em; margin:0;}
	
.explanatory label {display: block; padding: 0 0 5px 0;}

.form_indent {margin: 0 0 0 3em;}

.textarea {margin: 1em 0 0 4em;}

#question-keywords {width: 60%;}
	
#form-hidden {display: none;}

.row label a, .explanatory label a {
	text-decoration: none; color: #0f3141; border: 1px dotted #0f3141; border-style: none none dotted;
}


/*SQR Table */
#sqr  {width:100%; padding:0; margin:30px 0 30px 0; border-collapse: collapse;}
#sqr tr th, #sqr tr td {font-family: 'Lato', sans-serif; font-size: 10pt; text-align: center; padding: 20px;}
#sqr tr th {padding: 10px; margin: 0 0 10px 0; font-size: 10pt; font-weight: bold; }
#sqr tr td {padding: 10px; margin: 0 0 10px 0; border-top: 6px solid #eeeeee;}
#sqr .sqr1 {background: #4b8eba; color: #fff; font-weight: bold;}
#sqr .sqr2 {background: #cfecce; color: #000;}
#sqr .sqr3 {background: #8ec3e6; color: #000;}
#sqr .sqr4 {background: #e6a38e; color: #000;}


/* display table */
#content .display {width:80%; padding:0; margin:0 auto 30px auto; border-collapse: collapse;  border: 1px solid #eeeeee;}

#content .display tr th, #content .display tr td {font-family: 'Lato', sans-serif; font-size: 10pt; text-align: center; border: 1px solid #eeeeee;}
#content .display tr th {background-color: #0f3141; color: #ffffff; font-weight: bold; padding: 11px; margin: 5px 0 5px 0}
#content .display tr td {background: #fff; color:#0f3141; padding: 10px;}

/*results table*/
#results {width:100%; padding:0; margin:0 0 /*30px*/ 0 0; border-collapse: collapse;}
#results tr th, #results tr td {font-family: 'Lato', sans-serif; font-size: 9pt; text-align: center;}
#results tr th {background-color: #eeeeee; background-image: url('file:///htdocs_wp_prod$/cmf/images/table-border.jpg') no-repeat  ; color: #8F7242; font-weight: bold; padding: 10px; margin: 5px 0 5px 0;  border-bottom: 2px solid #eeeeee }
#results tr td {background: #eeeeee; color:#333; padding: 10px;  border-bottom: 2px solid #eeeeee;}
#results tr td a {color:#0f3141; border: none; font-size: 10pt; line-height: 11pt;}
#results tr td a:hover {color:#8F7242; border: none; text-decoration:underline;}
#results tr .results {text-align: left;}
#results tr td .positive {color:#004400; font-weight: strong;}
#results tr td .negative {color:#660000; font-weight: strong;}
#results tr td img {background-color: #0f3141; padding: 5px; border-radius: 3px;}


/*details table*/
#details {width:100%; padding:0; margin:30px 0 20px 0; /*border-collapse: collapse*/}
#details tr th {background-color: #eeeeee; color: #8F7242; font-family: 'Lato', sans-serif; font-weight: bold; font-size: 11pt; text-align: center; padding: 10px;}
#details tr td {font-family: 'Lato', sans-serif; font-size: 10.5pt;}
#details tr td {background: #eeeeee; color:#333; padding: 10px;  margin: 2px 0 2px 4px; border-bottom: 3px solid #eeeeee;}
#details tr td a {color:#8F7242;}
#details tr .left {text-align: right; width:33%; color:#8F7242; margin: 2px 0 2px 0;}
#details tr td img {background-color: #0f3141; padding: 5px; border-radius: 3px;}

/*search nav*/
#search-nav {clear: both; padding:0 50px 50px 50px; margin: 0; text-align:center; font-family: 'Lato', sans-serif;}
#search-nav .previous {float: left; margin: 5px; padding: 5px;}
#search-nav .previous a {text-decoration: none; color: #0f3141; border: 1px dotted #0f3141; border-style: none none dotted;}
#search-nav .next {float: right; margin: 5px; padding: 5px;}
#search-nav .next a {text-decoration: none; color: #0f3141; border: 1px dotted #0f3141 border-style: none none dotted;}
#search-nav .page-numbers {list-style: none; margin:0 0 0 225px; padding:0;}
#search-nav .page-numbers li {float: left; margin: 5px; padding: 5px;}
#search-nav .page-numbers li a {text-decoration: none; color: #0f3141; border: 1px dotted #0f3141; border-style: none none dotted;}
#search-nav .page-numbers li .active {font-weight: bold; font-size: 12pt;}


/*////////////////////*/

/* Drop Downs */

#topnavlist {margin: 0; padding: 0;}
	
	#topnavlist li {float: left; list-style: none; font: 12.5px 'Lato', sans-serif; margin:3px 4px 3px 4px; padding:0 8px 0 0; border-right: 3px solid #0f3141; font-weight:bold;}
	
	#topnavlist .last {padding:0 0px 0 0; border-right: none;}

	#topnavlist li a
	{	display: block;
		font-size: 10.5pt;
		color:#fff; 
        text-decoration: none;
		white-space: nowrap}

	#topnavlist li a:hover
	{	/*background: #1A4473; */ color: #fff; text-decoration: underline; }
		
		#topnavlist li ul
		{	margin: 15px 0 0 -18px;
			padding: 0;
			position: absolute;
			visibility: hidden;
			border-top: none;
			z-index: 100; 
			}
		
		#topnavlist li ul li
		{	float: none;
			display: inline; border-right: none; margin: 0; padding:0; float: none; text-align: left; }
		
		#topnavlist li ul li a
		{	width: auto;
			background: #8F7242; padding: 9px 18px 9px 18px;}
		
		#topnavlist li ul li a:hover
		{	}
		#topnavlist li ul li ul li
		{	float: none;
			display: inline; border-right: none; margin: 0; padding:0; float: none; text-align: left; }
		
		#topnavlist li ul li ul li a
		{	width: auto;
			background: #fff/*d2e3ee*/; padding: 9px 18px 9px 18px;}
		
		#topnavlist li ul li ul li a:hover
		{	}


/* Expanding Results +++++++++++++ */

#treewrapper {
	width: 100%;
	float: left;
	margin-bottom: 20px;
}
#sidebar {
	width: 250px;
	min-height: 500px;
	float: left;
	/*background: #ff00ff;*/
	background:#e2e2e2;
	border-top: 5px solid #0f3141;
	padding: 0 0 0 0px;
	font-family: 'Lato', sans-serif;
	font-size: 13pt;
}
#sidebar .filterboxes {
	padding-left: 15px;
	font-size: 14px;
}
#sidebar .filterboxes hr {
	margin: 5px 20px 5px 5px;
}
#sidebar .filterSetHeading {
	margin-top: 20px;
	color: #0f3141;
	font-size: 14px;
	border: 0px !important;
}
#sidebar .filterSetHeading a {
	color: #0f3141;
	text-decoration:none;
	border: 0px solid !important;
    font-family: 'BenchNine', sans-serif;
    font-size: 16pt;
}
#sidebar .filterSetHeading img {
	border: 0px solid !important;
    margin-top: 2px;
}
/* Expanding Results +++++++++++++ */

#treecontrol {
	width: 850px;
	float: left;
	padding-left:20px;
}
#treeresults {
	width: 890px;
	float: left;
	padding-left:20px;
}
#treeresults2 {
	width: 850px;
	float: left;
	padding-left:20px;
}
#treecontrol a {}


#treeresults ul {list-style:none; margin:0; padding:0;}
#treeresults ul li {list-style:none; margin:0; padding:0;}
#treeresults ul li ul {/*list-style:none;*/ background: #fff; margin:0; padding:0;}
#treeresults ul li ul li {/*list-style:none;*/ background: #fff; margin:0; padding:0;}
#treeresults ul li ul li ul {/*list-style:none;*/ background: #fff; margin:0; padding:0;}
#treeresults ul li ul li ul li {/*list-style:none;*/ background: #fff; margin:10px 0 0 0; padding:0; }

#treeresults .level-1 {padding: 0 0 0 25px; font-size: 135%;}

#treeresults .level-2 {padding: 0 0 0 25px; }

#treeresults .level-3 {padding: 0 0 0 25px; font-size:115%;}



/* TESTING _________________________ */

.clear {
	clear: both;
}

#content #notes li, #content #changes li {
	font-size: 12px;
	color: #8f8f8f;
	margin-left: 43px;
	padding-bottom: 6px;
}

div.videotutorial {
	clear: both;
	width: 640px;
	padding: 15px 150px 15px 150px;
	background: #0f3141;
	margin: 0 auto;
}

/* HOMEPAGE 2019 */

#statement, #searchbox, #searchterms, #boxcontainer, #newsletter {
    width: 100%;
    clear: both;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
}

#statement {font-size: 20pt; text-align: center; font-family: 'Lato', sans-serif; padding: 30px 0;}
#searchbox {}
#searchterms {font-family:'BenchNine', sans-serif; font-size: 14pt; color: #0f3141; text-align: center; padding: 0 0 30px 0;}
#searchterms a {text-decoration: none; color: 8F7242; padding-left: 10px; padding-right: 10px; border: none;}

#searchArea {height: 40px; color: #ffffff; border: none; background: #8F7242; font-weight: bold; margin: 0; cursor: pointer; cursor: hand; float: left; font-size: 14pt; font-family: 'BenchNine', sans-serif; width: 20%;}
    
}

#boxcontainer {}
.homebox {
    width: 30%;
    margin-right: 5%;
    float: left;
    background: #e2e2e2;
    min-height: 350px;
}
.homebox img {
    width: 100%;
    height: auto;
}
.homebox h1, .homebox h1 a, #newsletter h1, #newsletter h1 a  {
    font-size: 22pt !important;
    font-weight: 400 !important;
}

.homebox h1 {
       margin: 20px !important;
}

.homebox a {
    text-decoration: none;
    font-weight: 700;
    color: #0f3141;
}
.homebox p {
    padding: 0 20px;
}

.styledlink {
    margin-left: 20px;
}


#newsletter {
    background: #0f3141;
    clear: both;
    margin: 30px 0 -30px 0;
    height: 110px;
}
#newsletter h1 {
     color: #e2e2e2;
    text-align: center;
    padding: 8px;
}

#homesubmit {
    width: 10%;
}

#newsletter .button {padding: 6px 17px; background: #e2e2e2 !important; border:#8F7242 1px solid; color:#0f3141; font-weight: bold; margin: 0 0 0 30px; cursor: pointer; cursor: hand; float: left; font-size: 1.2rem; font-family: 'BenchNine', sans-serif;}

.mc_embed_signup {
    padding:  0 20px 20px 20px;
}

.mc-field-group {
    width: 19%;
    float: left;
    margin-left: 3%;
}
.mc-field-group input, #srchTerm {
    font-family: 'BenchNine', sans-serif;
    background: #e2e2e2;
    padding: 5px;
    color: #0f3141;
    font-size: 14pt;
    float: left;
    
}

::placeholder {
    color: #0f3141;
}

#mc-embedded-subscribe {
    background-color: #0f3141 !important;
}

.asterisk {
    color: #990000 !important;
}

.mc-field-group input {
     width: 100%;
}


#srchTerm {
     width: 65%;
    margin-right: 2%;
}

.blue {
    color: #0f3141;
}

#content p.reminder {
    color: #0f3141;
    font-size: 10pt;
    text-align: center;
    padding-top: 60px;
}

div.skiplinks {
    display: none;
}


/* Exit Door Links -see footer for code- styling */
   /* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
   /* Modal Content */
.modal-content {background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 80%;}
.modal-content h3 {font-family: 'BenchNine', sans-serif; font-weight: bold; font-size: 28px;}
   /* The Close Button */
.close { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold;}
.close:hover,.close:focus {color: #000;text-decoration: none; cursor: pointer;}




/* MEDIA QUERIES */

/* @media screen and (max-width: 1250px) {
div.container {max-width:90%;}
} */