@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700&display=swap');

body 	{
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	border: #FFFFFF 0px solid;
	}

.wrappage	{ max-width: 100%; }

.mainouter	{
		padding: 0px 0px 0px 0px;
		}

.maininner	{ margin: 0 auto; }

.out-content	{
		margin: 0 auto;
		min-width: 260px;
		max-width: 1200px;
		}

.content-pad	{ padding: 0px 50px 50px 50px; }

.tbl-outer	{
		display: table;
		width: 100%;
		margin: 0 auto;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		}
.tlb-row	{ display: table-row; vertical-align: top; }
.tlb-cellLR	{ display: table-cell; vertical-align: top; }
.tlb-padR	{ padding-right: 20px; }

/* HEADER */

.head-ban	{
		position: absolute;
		top: 0px;
		left: 50%;
		margin-left: -110px;
		max-width: 219px;
		height: auto;
		}

.R-headerbg	{
		text-align: left;
		background-color:#0056BF;
		background-image: url("../picts/headerRight.png");
		background-repeat: no-repeat;
		background-position: right top;
		position: relative;
		}

.logo-img	{ vertical-align: bottom; }

.R-features	{
		position: absolute;
		top: 14px;
		right: 61px;
		width: 208px;
		height: 50px;
		margin: 0px 0px 0px 0px;
		}

.R-features img	{ display: block; }

.R-searchbox	{
		text-align: left;
		position: absolute;
		top: 67px;
		right: 60px;
		margin: 0px 0px 0px 0px;
		}

.H-searchbox	{
		font: normal 14px arial, helvetica, sans-serif;
		line-height: normal;
		background-color:#FFFFFF;
		background-image: url("../picts/shadesearch.gif");
		border-color: #FF0000;
		border-style: solid;
		border-width: 2px 0px 2px 2px;
		margin: 0 auto 0 0;
		}

.H-searchform	{
		height: 18px;
		width: 170px;
		font-size: 13px;
		line-height: normal;
		border: #C0C0C0 0px solid;
		padding-left:3px;
		padding-top: 1px;
		margin: 0px;
		background-color: transparent;
		}

.Fsearchbutton	{
		display: block;
		-webkit-appearance: none;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		border-radius: 0px;
		}

/* HEADER MENU */

.topmenuR	{ height: 38px; padding: 0px 0px 0px 9px; }

div.topmenuR ul 	{
		float: left;
		width: 100%;
		padding: 0;
		margin: 10px 0px 0px 0px;
		list-style-type: none;
		}

div.topmenuR a:link,
div.topmenuR a:visited,
div.topmenuR a:active 
		{
		float: left;
		font: 500 14px "Roboto", arial, sans-serif;
		color: #FFFFFF;
		white-space: nowrap;
		text-decoration: none;
		padding: 0px 8px 0px 8px;
		border-right: 0px solid #CCFFCC;
		}

.topmenuRfirst	{ border-left: 0px solid #CCFFCC; }

div.topmenuR a:hover { color: #CCFFCC; text-decoration: underline overline; }

div.topmenuR li { display: inline; }


/* MENU */

.menuboxR	{
		text-align: right;
		position: relative;
		border-bottom: #C8CED5 1px solid;
		background-color: #E4E8EE;
		padding: 0px 3px 0px 0px;
		height: 48px;
		background-image: url("../picts/menu-background.gif");
		}

#menusub a	{
		font: 500 14px "Roboto", arial, sans-serif;
		line-height: normal;
		text-decoration: none;
		padding: 5px 7px 5px 7px;
		margin: 10px 0px 0px 0px;
		cursor: pointer;
		display: inline-block;
		text-align: center;
		white-space: nowrap;
		border: 1px solid transparent;
		border-left: 1px solid #C8CED5;
		}

#menusub a:link, #menusub a:visited, #menusub a:active	{ color: #003399; }

#menusub a:hover 	{
		background-color:#C9E3FA;
		color: #003399;
		border: #4698FF 1px solid;
		text-decoration: none;
		}

#sociconLOC	{ position: absolute; top: 12px; left: 10px; }

.menuicons	{ margin: 0px 2px 0px 0px; }

/* MOBILE MENU ICON - SEE ALSO media-queries.css FOR MORE MOBILE COLORS AND FONTS!! */

#mobile-menu-icon	{ cursor: pointer; display: none; text-align: center; padding: 0px 0px 0px 0px; }

.menu-icon-img		{ background-color:#0056BF; display: block; margin: 0 0 0 auto; }


/* SUB NAV */

.nav-title	{
		color: #000000;
		font-size: 20px;
		font-weight: 700;
		padding: 0px 6px 0px 8px;
		margin-bottom: 4px;
		border-bottom: #CC0000 1px solid;
		}

#navstick	{
		position: fixed;
		top: 0px;
		left: 0px;
		z-index: 10;
		margin-top: 196px;
		}

.menu-nav-sub	{
		background-color: #FFFFFF;
		width: 165px;
		text-align: left;
		vertical-align: top;
		}

.menu-nav-sub a	{
		z-index: 10;
		font-size: 15px;
		font-weight: 500;
		padding: 0px 5px 0px 29px;
		line-height: 35px;
		cursor: pointer;
		text-align: left;
		vertical-align: middle;
		display: block;
		}

.menu-nav-sub a:link,
.menu-nav-sub a:active,
.menu-nav-sub a:visited {
	color: #000000;
	text-decoration: none;
	background-image: url("../picts/nav-marker-black.gif");
	background-repeat: no-repeat;
	background-position: 0px 14px;
	}

.menu-nav-sub a:hover { color: #0066FF; text-decoration: none; }

/* CURRENT */

.menu-nav-sub a.current-page
 		{
		color: #CC0000;
		pointer-events: none;
		background-image: url("../picts/nav-marker-red.gif");
		}

/* FOOTER */

#footer-box	{
		background-color: #366795;
		padding: 50px 50px 50px 50px;
		}

.footer-text	{ font-size: 1.0em; color: #FFFFFF; }

.footercell	{
		display: inline-block;
		width: 250px;
		vertical-align: top;
		}

.footercell-r	{
		display: inline-block;
		width: 212px;
		vertical-align: top;
		padding-top: 25px;
		}

.footer-title	{
		color: #FFFFFF;
		font-size: 1.0em;
		font-weight: 500;
		}

.ft-icon	{ padding-top: 6px; }

.copyrightRD 	{
		color: #FFFFFF;
		font-size: 0.70em;
		font-weight: 500;
		text-align: center;
		padding: 25px 5px 25px 5px;
		background-color: #2E587F;
		}

.footer-text a		{ font-size: 0.96em; line-height: 26px; }
.footer-text a:link	{ color: #94CFF8; text-decoration: none; font-weight: normal; }
.footer-text a:visited, .footerlinktable a:active 
			{ color: #94CFF8; text-decoration: none; font-weight: normal; }
.footer-text a:hover	{ color: #99FFFF; text-decoration: none; font-weight: normal; }

.F-searchbox	{ margin: 0px 0px 40px 0px; }

.F-searchbox td	{ padding: 0px; }

.footersearch-text {
		color: #FFFFFF;
		font-weight: 500;
		padding: 10px 0px 5px 0px;
		font-size: 12px;
		}

#pagecounter	{ margin: 0 auto; padding: 0; text-align: center; width: 100px; height: 27px; }

.count1		{ display: none; }


/* DEFAULTS - MARGINS SPACING */

div		{ margin: 0; padding: 0; border: 0; }

table, tr, td	{ border-collapse: collapse; border-spacing: 0; margin: 0; padding: 0; border: 0; }


/* DEFAULTS - ALIGNMENT */

.td-right 	{ text-align: right; }

.td-left 	{ text-align: left; }

.td-center	{ text-align: center; }

.td-top		{ vertical-align: top; }

.td-middle	{ vertical-align: middle; }

.td-bottom	{ vertical-align: bottom; }

.center-align	{ text-align: center; }

.center-div	{ margin-left: auto; margin-right: auto; }

.right-div	{ margin-left: auto; margin-right: 0; }

.left-div	{ margin-left: 0; margin-right: auto; }

.fullwidth	{ width: 100%; }


/* DEFAULTS - MISC */

.nobreak	{ white-space: nowrap; }

.just 		{ text-align: justify; }

img 		{ border: 0; }

.rimage		{ max-width: 100%; height: auto; }

.blockimage	{ display: block; }

.formmargin	{ margin: 0px; }

.floatL		{ float: left; }

.floatR		{ float: right; }

.text-nowrap	{ overflow: hidden; }

.cleardiv	{ clear: both; line-height: 1px; height: 1px; font-size: 1px; }


/* NON-MENU LINK COLORS */

a:link, 
a:visited, 
a:active 	{ color: #0066FF; text-decoration: none; font-weight: 500; }

a:hover 	{ color: #3399FF; text-decoration: underline; font-weight: 500; }


/* FONTS */

body, div, table {
		color: #5C7699;
		font-family: "Roboto", arial, helvetica, sans-serif;
		font-size: 16px;
		font-weight: normal;
		line-height: 150%;
		}

.blackfont	{ color: #000000; }

.title		{ color: #000000; font: 700 17px "Roboto", arial, sans-serif; line-height: normal; }

.subtitle	{ color: #000000; font: 700 16px "Roboto", arial, sans-serif; line-height: normal; }

.title-med	{ font-size: 1.5em; font-weight: normal; letter-spacing: -1px; line-height: normal; }

.title-med-2	{ color: #000000; font-size: 1.6em; font-weight: normal; letter-spacing: 0px; line-height: normal; }

.title-large	{ font-size: 2.0em; font-weight: normal; letter-spacing: -1px; line-height: normal; }

.smalltitle	{ color: #000000; font-size: 1.1em; font-weight: 600; }

.updated	{ font-size: 1.1em; }

.notetext 	{ color: #5C7699; font: normal 15px "Roboto", arial, helvetica, sans-serif; }

.mbold		{ font-weight: 700; }

.templateinfo	{ color: #5C7699; font: normal 15px "Roboto", arial, sans-serif; }

.footnotes	{ padding: 0px 25px 0px 25px; min-width: 250px; max-width: 1100px; margin: 0 auto; }

.smalltext	{ color: #5C7699; font-size: 0.95em; }

.column-x2	{ display: inline-block; vertical-align: top; padding: 0px 20px 0px 0px; }


/* H TAGS */

h1, h2, h3, h4	{ margin: 0px 0px 1px 0px; }


/* INDEX STYLE PAGES */

.title-idx	{
		color: #000000;
		font-size: 2.5em;
		font-weight: normal;
		line-height: normal;
		letter-spacing: -2px;
		padding: 0px 0px 4px 0px;
		}

.idx-top, .idx-sub {
		max-width: 630px;
		text-align: left;
		padding: 0px 15px 85px 15px;
		margin: 0 auto;
		}

.idx-thumbs	{
		font-size: 0;
		text-align: left;
		margin-bottom: 10px;
		}

.idx-thumbs img	{
		width: 100%;
		max-width: 150px;
		height: auto;
		position: relative;
		bottom: 0px;
		left: 0px;
		vertical-align: bottom;
		margin: 0px 6px 6px 0px;
		box-shadow: 5px 5px 8px rgba(0,22,68,0.3);
		border: transparent 0px solid;
		-webkit-transition: all 0.3s;
		transition: all 0.3s ease;
		}

.idx-thumbs img:hover	{
		position: relative;
		bottom: 10px;
		left: 0px;
		border: #FF0000 0px solid;
		}

.idx-phone img	{ box-shadow: 5px 5px 8px rgba(255,255,255,0.0); }

.idx-link-box	{ text-align: left; }

.idx-link	{
		height: 37px;
		display: inline-block;
		padding: 8px 0px 0px 43px;
		margin-top: 12px;
		background: url("../setup/picts/arrow-idx.gif") no-repeat left top;
		}

.idx-link:hover {
		background: url("../setup/picts/arrow-idx-on.gif") no-repeat left top;
		}


.black 		{ color: #000000; }

.orange 	{ color: #FF6600; font-weight: bold; }

.brown 		{ color: #C17833; font-weight: bold; }

.green 		{ color: #009900; font-weight: bold; }

.gray		{ color: #999999; font-weight: bold; }

.darkgreen	{ color: #006600; font-weight: bold; }

.lightgreen 	{ color: #85C336; font-weight: bold; }

.darkred	{ color: #990000; font-weight: bold; }

.yellow		{ color: #D98702; font-weight: bold; }

.red		{ color: #CC0026; font-weight: bold; }

.magenta	{ color: #CC0082; font-weight: bold; }

.violet		{ color: #9900FF; font-weight: bold; }

.purple		{ color: #6600CC; font-weight: bold; }

.navy		{ color: #0011FB; font-weight: bold; }

.blue		{ color: #009AFB; }

.lightblue	{ color: #00CCFF; font-weight: bold; }

.darkblue	{ color: #2250BF; font-weight: bold; }

.blue2		{ color: #0066FF; font-weight: bold; }

.tan		{ color: #E29900; font-weight: bold; }

.silver		{ color: #ACB8BE; font-weight: bold; }

.lavendar	{ color: #9933FF; font-weight: bold; }

.listed		{ line-height: 170%; margin-top: 5px; }

.listH		{
		list-style-type: none;
		padding: 0;
		margin: 20px 0px 20px 0px;
		}

.listgreen li 	{ background-image: url("../picts/check-green.jpg"); }

.listblue li 	{ background-image: url("../picts/check-blue.jpg"); }

.listblack li 	{ background-image: url("../picts/check-black.jpg"); }

.listteal li 	{ background-image: url("../picts/check-teal.jpg"); }

.listbrown li 	{ background-image: url("../picts/check-brown.jpg"); }

.listsilver li 	{ background-image: url("../picts/check-silver.jpg"); }

.listH li 	{
		color: #000000;
		font-size: 0.95em;
		height: 36px;
		padding: 4px 0px 3px 37px;
		background-repeat: no-repeat;
		background-position: 0 0;
		}

.listX		{ margin-left: 30px; height: auto; }

.listX li	{ height: auto; padding: 4px 0px 20px 37px; }

.page-splits	{
		border-top: #8AC6FF 1px solid;
		background-color: transparent;
		height: 2px;
		line-height: 2px;
		font-size: 2px;
		margin-top: 12px;
		margin-bottom: 12px;
		}


/* RIGHT SCROLL TO TOP ARROW */

.scrollToTop	{
	width: 36px;
	height: 36px;
	padding: 0px;
	text-align:center;
	text-decoration: none;
	position:fixed;
	bottom: 50px;
	right: 10px;
	display:none;
	border: #FFFFFF 0px solid;
	background: #5581B2 url('../picts/arrow-up-white.png') no-repeat 0px 0px;
	}

.scrollToTop:hover{
	text-decoration:none;
	border: #FFFFFF 0px solid;
	background: #2A476A url('../picts/arrow-up-white.png') no-repeat 0px 0px;
	}


/***************
MQS 1000
***************/
@media only screen and (min-width: 600px) and (max-width: 10000px)
	{


#menusub	{ display: block !important; }


	}
/***************
MQS 1000
***************/


/***************
MQS 1030
***************/
@media handheld and (max-width: 1030px),
   screen and (max-device-width: 1030px),
   screen and (max-width: 1030px) 
	{

.menu-nav-sub	{ display: none; }

.head-ban	{
		margin-left: -75px;
		max-width: 150px;
		height: auto;
		}

	}
/***************
END MQs 
***************/


/***************
MQS 765
***************/
@media handheld and (max-width: 765px),
   screen and (max-device-width: 765px),
   screen and (max-width: 765px) 
	{

.notetext, 
.templateinfo, 
body, div, table { font-size: 15px; }

.title-large	{ font-size: 1.7em; }

.content-pad	{ padding: 0px 25px 25px 25px; }

.R-features	{ top: 8px; right: 11px; }

.R-searchbox	{ top: 57px; right: 10px; }

.idx-thumbs img	{ max-width: 100px; }

.hidemob1	{ display: none; }

#menusub a.menuhide	{ display: none; }

	}
/***************
END MQs 
***************/


/***************
MQS 600
***************/
@media handheld and (max-width: 600px),
   screen and (max-device-width: 600px),
   screen and (max-width: 600px) 
	{

.content-pad	{ padding: 0px 15px 25px 15px; }

.footnotes	{ padding: 0px 15px 0px 15px; }

.notetext, 
.templateinfo, 
body, div, table { font-size: small; line-height: normal; }

.title		{ font-size: 16px; }

.title-med	{ font-size: 1.4em; }

.title-large	{ font-size: 1.4em; }

.title-idx	{ font-size: 1.8em; }

.just 		{ text-align: left; }

.R-headerbg	{ background-image: none; }

.hidemob2	{ display: none; }

.R-features	{ display: none; }

.R-searchbox	{
		position: static;
		top: 0px;
		right: 0px;
		padding: 0px 0px 15px 20px;
		}

.topmenuR	{ display: none; }

div.topmenuR a:link,
div.topmenuR a:visited,
div.topmenuR a:active 
		{
		font-size: 13px;
		padding: 0px 5px 0px 5px;
		}

.head-ban	{
		margin-left: 0px;
		max-width: 150px;
		height: auto;
		left: auto;
		right: 0;
		}

/* MOBILE MENU */

#menusub a.menuhide	{ display: block; }

.menuboxR	{ padding: 0px 0px 0px 0px; }

#mobile-menu-icon	{ display: block; }

#menusub	{
		background-color: #E4E8EE;
		width: 100%;
		padding-top: 0px;
		display: none;
		position: absolute;
		top: 48px;
		left: 0px;
		z-index: 100;
	/* DROP SHADOW */
		-moz-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.20);
		-webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.20);
		box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.20);
		}

#menusub a:link, #menusub a:visited, #menusub a:active	{ color: #000000; }

#menusub a	{
		background-color: transparent;
		font-size: 15px;
		font-weight: 400;
		text-align: left;
		padding: 5px 5px 5px 14px;
		display: block;
		margin: 0px 0px 0px 0px;
		border: 0px solid #999999;
		}

#menusub a:last-child { margin-bottom: 5px; }

#menusub a:hover {
		color: #FFFFFF;
		background-color: #507BE1;
		border: 0px solid #999999;
		}

/* SUB MENU CORNER ROUNDING */

#menusub, #menusub a:first-child {
		-moz-border-radius-topleft: 0px;
		-moz-border-radius-topright: 0px;
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
		}

#menusub, #menusub a:last-child {
		-moz-border-radius-bottomright: 0px;
		-moz-border-radius-bottomleft: 0px;
		border-bottom-right-radius: 0px;
		border-bottom-left-radius: 0px;
		}

#footer-box	{ padding: 20px; display: none; }

	}
/***************
END MQs 
***************/