/* SHIVS for browser compatibility */
/* ---------------------------------
FROM from https://github.com/necolas/normalize.css/
	to test, see http://necolas.github.io/normalize.css/latest/test.html
updated: 10/3/2014
------------------------------------*/
/*Correct `block` display not defined in IE 8/9.*/
/*	what about these elements?
	address,command,datalist,dialog,keygen,mark,meter,source,time
*/
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
		display: block;
}
audio,canvas,progress,video	{display: inline-block;}
audio:not([controls])	{display: none;height: 0;}
[hidden],template		{display: none;}
html				{font-family: sans-serif;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
body				{margin: 0;}
a				{background-color: transparent;}
a:active,a:hover		{outline: 0;}
h1				{font-size: 2em;margin: 0.67em 0;}
abbr[title]			{border-bottom: 1px dotted;}
b,strong			{font-weight: bold;}
dfn				{font-style: italic;}
hr				{-moz-box-sizing: content-box;box-sizing: content-box;height: 0;}
mark				{background: #ff0;color: #000;}
code,kbd,pre,samp		{font-family: monospace, serif;font-size: 1em;}
pre				{white-space: pre-wrap;}
q				{quotes: "\201C" "\201D" "\2018" "\2019";}
small				{font-size: 80%;}
sub,sup			{font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup				{top: -0.5em;}
sub				{bottom: -0.25em;}
img				{border: 0;}
svg:not(:root)		{overflow: hidden;}
figure				{margin: 1em 40px;}
fieldset {
				border: 1px solid #c0c0c0; /* 1 */
				margin: 0 2px; /* 1 */
				min-width: 0; /* 2 */
				padding: 0.35em 0.625em 0.75em; /* 1 */
}
legend				{border: 0;padding: 0;}
button,input,optgroup,select,textarea {color: inherit;font: inherit;margin: 0;}
optgroup			{font-weight: bold;}
button,input			{line-height: normal;}
button,select			{text-transform: none;}
button,html input[type="button"],input[type="reset"],input[type="submit"] {
				-webkit-appearance: button;cursor: pointer;
}
button[disabled],html input[disabled] {cursor: default;}
input[type="checkbox"],input[type="radio"] {box-sizing: border-box;padding: 0;}
input[type="search"] {
				-webkit-appearance: textfield; /* 1 */
				-moz-box-sizing: content-box;
				-webkit-box-sizing: content-box; /* 2 */
				box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
				-webkit-appearance: none;
}
button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;}
textarea			{overflow: auto;vertical-align: top;}
table				{border-collapse: collapse;border-spacing: 0;}
td,th				{padding: 0;}
/* ---------------------------------
END OF from https://github.com/necolas/normalize.css/
------------------------------------*/

/*color skins are in c_skin_colorthemename.css*/
@media print,screen {
body, table, th, td	{font-family:verdana,arial,helvetica,sans-serif;font-size:x-small;margin:0px;}
table			{padding:0px;width:100%;text-align:left;border-collapse:collapse;} 
td,div			{vertical-align:top;text-align:left;}
h1, h2, h3, h4, h5, h6  {font-family:verdana,arial,helvetica,sans-serif;}
H1, A.H1, A.H1:link, A.H1:visited	{font-size:16px;font-weight:bold;text-decoration:none;margin-bottom:1px;}
H3, A.H3, A.H3:link, A.H3:visited	{font-size:16px;font-weight:bold;text-decoration:none;}
H4, A.H4, A.H4:link, A.H4:visited	{font-size:14px;font-weight:bold;text-decoration:none;}
a                       {font-family:verdana,arial,helvetica,sans-serif; font-size:xx-small;}
p                       {font-family:verdana,arial,helvetica,sans-serif; font-size:xx-small;}
img			{border:0 none;}/*{border-width:0px;}*/
hr			{height:1px;width:95%;border-style:solid;}
select, input, textarea {font-family:verdana,arial,helvetica,sans-serif; font-size:xx-small;} 
ul			{padding-left:2px;margin-left:15px;margin-top:2px;}
li			{padding-bottom:1px;margin-bottom:1px;}

/* order must be: link,visited,hover,active */
a:link			{text-decoration:none;}
a:visited		{text-decoration:none;}
a:hover			{text-decoration:underline;}
a:active		{text-decoration:underline;}
/* white links */
a.white:link		{text-decoration:none;}
a.white:visited		{text-decoration:none;}
a.white:hover		{text-decoration:underline;font-size:110%;}
a.white:active		{text-decoration:underline;}

/*
 * --------------------------------------------------------------------------------------------------<
	FLEX RESPONSIVE LAYOUT adapted from responsivegridsystem.com
	FLEXBOX AND FLEX CLEAR GO ONLY IN THE PARENT DIV
	FLEXBOX (SECTIONS) goes in the parent div holding the flexible divs
 * --------------------------------------------------------------------------------------------------<
 */
.flexBox {
	clear: both;
	padding: 0px;
	margin: 0px;
}
/*  FLEXCLEAR (GROUPING) clears the parent and children divs so they can float */
.flexClear:before,
.flexClear:after {
	content:"";
	display:table;
}
.flexClear:after {
	clear:both;
}
.flexClear {
    zoom:1; /* For IE 6/7 */
}

/* FLEXCOL AND span_1_OF_3S ONLY GO IN THE CHILD DIVS INSIDE THE FLEX BOX */
/*  FLEXCOL (COLUMN) SETUP  */
.flexCol {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.flexCol:first-child { margin-left: 0; }

/*  GRID OF THREE even spaced */
.span_3_of_3 {
	width: 100%;
}
.span_2_of_3 {
	width: 66.1%;
}
.span_1_of_3 {
	width: 32.2%;
}
/*  GRID OF THREE 20/60/20% */
.span_2_of_10 {
	width: 18.72%; 
}
.span_6_of_10 {
	width: 59.36%; 
}
.span_8_of_10 {
  	width: 79.68%;
}
.span_10_of_10 {
	width: 100%;
}
/*
 * --------------------------------------------------------------------------------------------------<
	PAGE LAYOUT/SIZING ONLY ***************
	ALLOW AUTO RESIZING OF DIVS (see resizeChildren) ----
 * --------------------------------------------------------------------------------------------------<
 */
html,
body
{
	height:100%;
}
#wrapper {
	margin:0 auto; 	/* center */
/*	max-width:1020px;  	if want to make entire page a size */
	width:100%;
}
/* sets the width of the body of text for many divs */
.wrapin {
	margin:0 auto; 	/* center */
	max-width:1020px;
	width:95%;
}
#main {
	margin: 0px;
	padding: 5px;
}
#main>.wrapin {
	min-height: 375px;/* to prevent short pages */
}
#headerDIV{
	width:100%;
	margin: 0 auto;	/*'0 4px' for right/left space */
}
#mainDIVCenter {
	margin:2px;
	padding:5px;
}

/* ALIGN THE COLUMN DIVS */
#headerDIVCenter, #footerDIVCenter {
	text-align:center;
}
#headerDIVLeft, #footerDIVLeft {
	text-align:left;
}
#headerDIVRight, #footerDIVRight {
	text-align:right;
}
/* there was an end comment here */

#navrow {
	padding: 2px 5px;
/*	min-height: 25px; */
}
#navrow>.wrapin {
	text-align:center;
}

/* --- THIS GOES IN THE DIV ITSELF - NOT IN A TRAILING BREAK OR DIV ----- */
/* ex. <div id=main class=clearfix> */
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}

.floatClear		{clear:both;}

#headerLogo {height:60px;}

/*
******************* COLOR theme **************
  dark gray: #333333 51,51,51
 med gray:#websafe #334455 not used 51, 68, 85
 med blue: #7990a6
light blue:#ced9e3
*/

#header {
	background:#333;
}
#topAdDIV {
	background:white;
}
#navrow {
	background:#7990a6;
}
#main {
	background:#ced9e3;
}
#main > .wrapin {
	background:white;
}
#footer {
	background:#333;
}
#headerDIV {
	background:#333;color:white;
}
#footerDIV {
	background:#333;color:white;
}


/* IF YOU WANT ROUNDED BORDERS AROUND any div*/
#main>.wrapin {
	border: 1px solid #333;
	border-radius: 7pt;
/*	background: #dddd88; */
	padding:7pt;
	padding-bottom:30px;
}



/*  HEADER FOOTER */
#headerDIV, #footerDIV {
	/* padding: 1em;*/
	text-decoration: none; font-size:14pt;
}
#headerDIV h1 {
	text-decoration: none; font-size:14pt;
}
#headerDIV a, #footerDIV a	{
	text-decoration: none; COLOR:white;font-size:14pt;
}
#headerDIV a, #footerDIV a	{
	COLOR:white;
}
#headerDIV a:hover, #footerDIV a:hover {
	text-decoration:underline;font-size:110%;
}
#footerDIV {
	/* padding: 1em;*/
	text-decoration: none; font-size:10pt;
}
#footerDIV h1	{
	font-size:14pt;margin-top:1px;
}
#footerDIV a {
	text-decoration: none;font-size:12pt;
}

/* FLOATING AD AT BOTTOM */
/* use footer here if you want float during regular viewing as well */
/*#footer{height:180px;}*/


/****************  AD BANNERS ******************/
#header {}
#topAdDIV		{min-height:90px;text-align:center; text-decoration: none;}
#topAdDIV h1		{font-size:8pt;      text-decoration: none; margin-top: 0em; }
.adb {
font-size:11px;
color:red;
}
#googlesearch {
	padding-left:3px;margin:0;overflow: hidden;
	vertical-align:top;text-align:left;
	background-color:white;
	border: 1px solid #334455;
	border-radius: 7pt;
}
#googlesearch img {margin:0;height:20px;}

#adDIVLeft		{width:100%;text-align:left; font-size:xx-small;}
#mainDIVRight		{vertical-align:top; text-align:center;}
#adDIVRight		{width:100%;text-align:left; font-size:xx-small;}

/*
 * --------------------------------------------------------------------------------------------------<
  mainDIVCenter
 * --------------------------------------------------------------------------------------------------<
 */
#main {font-size:12pt;}

#mainDIVCenter,#mainDIVCenter p, #mainDIVCenter a {
	font-size:1em;
}

.favorites		{font-size:xx-small;}

.msgDiv li	{font-size:8pt;font-weight:300;padding:3px;} 
.errDiv li	{font-size:8pt;font-weight:300;padding:3px;} 

/* colors */
.errDiv {BACKGROUND-COLOR:#FAEBD7;COLOR:#CC0000;}
.msgDiv {BACKGROUND-COLOR:#90EE90;COLOR:black;}
.msgerrDiv {background-color:orange;color:white;}/*script did not know if msg or err*/

.floatClear		{clear:both;}
.crumbs		{} /*crumb nav div set in display_functions*/
/****************  SIZING ONLY - NO COLORS  **********************/
.tightform		{margin-bottom:0px; margin-top:0px;}	/* used in search,filter,more */

/*********************   NAVIGATION   ******************/
/* main menu - v or h */

/**************  DROP MENU NAVROW ************************************************/
/* simple one level row drop down - ex. <nav id=navrow>*/
/*  center the UL */

#navrow ul 	{display:inline-table;}

#navrow ul 	{padding:0;margin:0;list-style-type:none;height:30px;}
#navrow li	{float:left; }
#navrow li a 	{font-size:12pt;padding:9px 20px;display:block;text-decoration:none;}
/* Submenu */
#navrow ul ul {
		position:absolute;left:-9999px;top:-9999px;
		list-style-type:none;
}
#navrow li:hover 	{position:relative;}
#navrow li:hover ul 	{left:0px;top:30px;padding:0px;}
#navrow li:hover ul li a {padding:5px;display:block;width:168px;text-indent:15px;}

/* COLORS */
/* */
/*
#navrow 				{background-color:#ced9e3;}
*/
#navrow  a				{background-color:#7990a6;color:black;}
#navrow a:hover			{background:#ced9e3;color:black;font-weight:bold;}


/**************** NAVMENU NAVVERT *****************************************************/
/* ex. <nav id=navvert> */
#navvert		{margin:0 8px 2px 3px;}
#navvert ul		{margin:0;padding:0;}
#navvert li 		{margin:0;list-style-type:none;}
#navvert h2		{
			display: block;
			padding: 5px 10px 10px 2px;
			margin-bottom:0;margin-right:0px;margin-top:0px;
			width:95%;
}
#navvert a		{
			display: block;
			padding: 5px 10px 5px 2px;
			width: 95%;
			text-decoration: none;
			font-size:12pt;
}
#navvert h2 a		{
			font-size:14pt;
}
#navvert a:hover	{text-decoration: none;}
#navvert ul ul li	{margin: 0;}
#navvert ul ul a	{text-decoration: none;}
#navvert ul ul a:hover{text-decoration: none;}

/****** COLORS *********************/
#navvert {
	border: 1px dotted #ced9e3;
	width:95%;
	padding-right:6px;
}
#navvert h2		{background-color: #7990a6;color: black;}
#navvert a		{color: black;}
#navvert a:hover,#navvert a:active	{
			background-color: #333;color: white;
}
#navvert ul ul a	{background-color: #ced9e3;color: #fff;}
#navvert ul ul a:hover{background-color: #333;color: white;}

#navvert h2 {
  border-left: 1px dotted #ced9e3;
  border-right: 1px dotted #ced9e3;
  border-top: 1px dotted #ced9e3;
}

#navvert ul li a {
  border-left: 1px dotted #ced9e3;
  border-right: 1px dotted #ced9e3;
  border-top: 1px dotted #ced9e3;
}
#navvert ul li a.first {
  border-top: 2px dotted #333;
}
#navvert ul li a.last {
margin-bottom:10px;
  border-bottom: 1px dotted #ced9e3;
}


/****************  MAIN CONTENT AREA  *********/
.headerTable		{margin-top:2px;margin-bottom:4px;border-width:0px;border-style:solid;} 
.headerTD		{
			padding:5px;font-size:11px;font-weight:800;letter-spacing:0px;text-align:left;
			vertical-align:top;border-width:0px;border-style:solid;border-top-width:1px;border-bottom-width:1px;
} 
.headerTD h1		{font-size:11px;font-weight:800;letter-spacing:0px;margin-bottom:0px;} 

/* groupTD, labelTD, and dataTD replaced by dataTable below*/
.dataTable th			{font-size:1em;font-weight:200;padding:4px;vertical-align:top;text-align:left;}
.dataTable td			{font-size:10pt;text-align:left;padding:4px;padding-left:4px;}
/* this label td - must follow above */
.dataTable td:nth-child(1)	{padding:2px;text-align:right;vertical-align:top;}

/* colors */
.dataTable th			{BACKGROUND-COLOR:#333;COLOR:white;BORDER:1px solid #333;}/* dk gray */
.dataTable td			{BACKGROUND-COLOR:white;COLOR:#333;BORDER:1px solid #ced9e3;} 
/* this label td - must follow above */
.dataTable td:nth-child(1) {BACKGROUND-COLOR:#ced9e3;BORDER-COLOR:#ced9e3;} 


/***********  START OF FORMS  *********/
.formDIV		{font-size:1em;vertical-align:top;text-align:left;}
/* the form caption */
.formDIV h2		{padding:4px;font-size:10pt;margin:0;}

/* required or error notice above form */
.formRequDiv		{text-align:left;}
.formErrDiv		{text-align:left;}
.formErrDiv		{font-weight:bold;margin:0px;padding:3px;text-align:left;}/*#ffdfff*/
.formErrDiv ul	{font-weight:normal;margin-bottom:0px;}

/* if the formDIV has no table */
.formDIVDIV label	{margin-top:8px;}
.formDIVDIV input, .formDIVDIV textarea, .formDIVDIV label
			{margin-left:5px;margin-right:5px;}

form			{}
form label		{display:block;width:100%;}
form input, form textarea
			{font-size:1em;
			border-radius:5px;
			-webkit-border-radius:5px;
			/* For I.E */
			-moz-border-radius:5px;
}

/* form sizing */
/*
.formDIV		{width:400px;}
form input[type=text]{width:300px;}
form textarea		{width:300px;height:100px;}
*/

/* form colors */
/* standard colors */
.elerr			{color:red;padding:4px;}
.elrequired		{color:red;padding:4px;}
.formRequDiv span	{color:red;}
.formErrDiv		{background-color:red;}


/* the form caption */
.formDIV h2		{BACKGROUND-COLOR:#333;COLOR:white;BORDER:1px solid #333;}/* dk gray */
.formErrDiv		{BACKGROUND-COLOR:#ffecf9;COLOR:black;border:1px dotted black;}/*#ffdfff*/

/* if the formDIV has no table */
.formDIV		{BACKGROUND-COLOR:#ced9e3;}


/***********  END OF FORMS  *********/

/*
.cmd 			{font-size:12px;font-weight:bold;border:1px outset;padding:0px 3px;cursor:pointer;}
*/
.cmd {
	background-color:#333;
	border-radius:5px;
	/*border:none;*/
	padding:10px 25px;
	color:#FFF;
	text-shadow:1px 1px 1px #7990a6;
}
.cmd:hover{
	background-color:#7990a6;color:white;
}

.listLabelTR td	{padding:2px;vertical-align:top;text-align:left;border-width:1px;border-style:solid;} 
.listDataTR td	{text-align:left;padding:1px;padding-left:4px;border-width:1px;border-style:solid;} 
.altRowColor		{} /* striped table rows or li */

.pagingTable		{margin:0px;margin-top:2px;margin-bottom:4px;border-width:0px;border-style:solid;} 
.pagingTD		{
			padding:5px;font-size:11px;font-weight:800;letter-spacing:0px;
			border-width:0px;border-style:solid;border-top-width:1px;border-bottom-width:1px;
} 
a.pagingFont:link	{text-decoration:none;}
a.pagingFont:visited	{text-decoration:none;}
a.pagingFont:hover	{text-decoration:underline;font-size:110%;}
a.pagingFont:active	{text-decoration:underline;}

/* for image and caption (and the like) */
.galleryDiv		{float:left;width:auto;border:0px;margin:0 15px 15px 0;padding:5px;text-align:center;}

/****************  OPTIONAL STYLES  **********************/
#tip			{position:absolute;visibility:hidden;z-index:200;}	/*default width defined in tip.js*/
.tipTable		{}
.tipTD			{padding:10px;text-align:left;font-size:90%;border-width:2px;border-style:solid;}

.rssDiv 	{float:left;margin:0 2px 4px 0;padding:2px;}
.rssDiv h5	{width:99%;font-size:125%;margin:0 0 1px 0;padding:4px 0 4px 4px;text-align:center;}
.rssDiv ul	{margin-top:0px;margin-bottom:10px;list-style:none;padding-left:0;margin-left:0;}
.rssDiv li	{margin-bottom:7px;}
.rssDiv ul h6	{font-size:125%;margin:10px 1px 3px 0;clear:both;}	/*multidiv only*/
.rssHeadline 	{font-size:8pt;text-decoration:none;font-weight:bold;}
.rssAuthor 	{padding-right:1em;}
.rssAuthor a	{font-size:xx-small;}
.rssReg a	{padding-right:1em;font-size:xx-small;}
.rssPubdate	{padding-right:1em;font-size:xx-small;}
.rssDesc	{padding:1px 0;font-size:x-small;}

/*  boxes for main content area - use Color Schemes for color */
.boxTable		{margin-right:0%;margin-top:0%;float:left;} 
.boxTD			{margin-top:0em;margin-bottom:0em;}  /* width of body inside table - should be 100*/
.boxTD   		{font-size:x-small;  border:0; padding:4px;}
.boxTD   a		{font-size:x-small;  border:0; padding:0.5em;}
.boxTD   h2		{font-size:x-small;  margin-top:1em; margin-bottom:0em;}
.boxTD   h3		{font-size:xx-small; margin-top:1em; margin-bottom:1em; font-weight:bold;}
.boxTDHeader		{padding:4px;}
.boxTDHeader h1		{font-size:10pt;margin-top:0em; margin-bottom:0em; font-weight:bold;}
.boxTDHeader h4		{font-size:8pt; margin-top:0em; margin-bottom:0em; font-weight:bold;}

/*  for tables in main area - color schemes 1,2 and 3 */
.boxTableColor1		{ }
.boxTDHeaderColor1	{ BACKGROUND-COLOR:#3A6794; COLOR:white;  }
.boxTDHeaderColor1 h4	{ COLOR:#c0c0c0;;  }
.boxTDColor1		{ BACKGROUND-COLOR:#d5d5b5; }

.boxTableColor2		{ }
.boxTDHeaderColor2	{ BACKGROUND-COLOR:#d5d5b5; COLOR:white;  }
.boxTDHeaderColor2 h4	{ COLOR:yellow;  }
.boxTDColor2		{ BACKGROUND-COLOR:white; }

.boxTableColor3		{ }
.boxTDHeaderColor3	{ BACKGROUND-COLOR:#d5d5b5; COLOR:black;  }
.boxTDHeaderColor3 h4	{ COLOR:yellow;  }
.boxTDColor3		{ BACKGROUND-COLOR:white; }

.boxBorder		{ border:1px solid black; }

.editortoolbar 		{width:auto;}

.redFont		{COLOR:red;}
.redFontBold		{COLOR:red;font-weight:bold;}
.nowrap			{white-space:nowrap;}/* add to existing TD or other class*/

#tryme {visibility:hidden;display:none;}
}/*END OF PRINT AND SCREEN MEDIA*/


/*------- MEDIA QUERY -------- */
@media screen and (max-width:478px){
	body{
		font-size:13px;
	}
}
@media screen and (max-width:740px){

/* -------- DONT SHOW HEADER CENTER, OR LARGE ADS ------  */
 #adDIVLeft, #adDIVRight	{display:none;}

	nav {
		width:100%;
		margin-bottom:10px;
	}
	nav ul{
		list-style:none;
		margin:0 auto;
		padding-left:0;
	}
	nav ul li {
		text-align:center;
		margin-left:0;
		width:100%;
		border-top:1px solid #878E63;
		border-right:0px solid #878E63;
		border-bottom:1px solid #878E63;
		border-left:0px solid #878E63;
	}
	nav ul li a {
		padding:8px 0;
		font-size:16px;
	}
	.left-col {
		width:100%;
	}
	.sidebar {
		width:100%;
	}
	.section {
		float:left;
		width:100%;
		margin:0;
	}
}


/*
 * --------------------------------------------------------------------------------------------------<
  SMALL SCREENS
  Too narrow to support three columns: 
 * --------------------------------------------------------------------------------------------------<
 */

@media all and (max-width: 480px) {

/* -------- DONT SHOW HEADER CENTER, OR LARGE ADS ------  */
#headerDIVCenter, #mainDIVRight, #topAdDIV, #adDIVLeft, #adDIVRight	{display:none;}

#navvert ul {display:none;}

/* -------- FLOW DOWN ---------------- */
.flexCol { 
	margin: 1% 0 1% 0%;
}
.span_2_of_10, .span_6_of_10, .span_8_of_10 {
	width: 100%;
}

#main>.wrapin{
	border:0;
	border-radius: 0 !important;
	padding:0;
	min-height: 75px;/* to reduce standard height */
	/*width:100%;*/
}
#main{padding:0;}
/*
#mainDIVCenter{padding-right:5px;}
*/
.wrapin{width:100%;}

/* -------- ALIGN TO LEFT ---------------- */
#headerDIVCenter, #footerDIVCenter {
	text-align:left;
}
#headerDIVLeft, #footerDIVLeft {
	text-align:left;
}
#headerDIVRight, #footerDIVRight {
	text-align:left;
}

/* FLOATING AD AT BOTTOM */
#footer{height:240px;} /*was 270 */
#topAdDIV {
	display:block;
	position: fixed;
	bottom: 0px;  
    	/*height:120px;*/ /*was 90 */
	background-color: #FFF; 
}


#socialshare li {display:inline;float:left;}
#socialshare {position:relative;top:1px;left:1px;}

} /*  END OF MEDIA QUERY */


/*------- MEDIA QUERY PRINT -------- */
@media print {
#topAdDIV	{display:none;}
#headerDIV	{display:none;}
.bottom2Table	{display:none;}
#mainDIVRight	{display:none;}
#mainDIVLeft	{display:none;}
body,table,th,td,a,li,p,select,input,textarea {font-family:times,serif;font-size:10px;}
h1, h2, h3, h4, h5, h6  {font-family:times,serif;}
}