/* 
orange: E8641B
green: A2C13F 
lightgreen: A6A98E
darkgreen: 4F601B
brown: 724C27
lightbrown: DFDAD4
darkbrown: 4A2A11
black: 333334
white: 333334
text: black
*/

:root {
	--black: #333334;
	--white: #ffffff;
	--orange: #E8641B;
	--green: #A2C13F;
	--lightgreen: #A6A98E;
	--darkgreen: #4F601B;
	--brown: #724C27;
	--darkbrown: #57371E;
	--lightbrown: #DFDAD4;

	--menu1-bg: var(--white);
	--menu1-text: var(--black);
	--menu2-bg:  var(--black);
	--menu2-text:var(--white);
	--menu3-bg:  var(--white);
	--menu3-text:  var(--black);
	--menu4-bg:  var(--white);
	--menu4-text:  var(--black);
	
	--text-normal: var(--darkbrown);
	--text-heading: var(--darkbrown);
	--text-subheading: var(--darkbrown);
}

html {
    display: table;
    margin: auto;
    background-color: var(--lightgreen);
}

/* ------- Mobile START -------- */

body {
	margin:0px;
	display: table-cell;
	vertical-align: middle;
	width: 900px;
	background-color:white;
	border: 1px solid var(--black);
}

/* .txtNormal */
body, table, div { 
	color:  var(--text-normal);
	font-family: verdana;
	font-size: small;
}

.txtHeading {
	color:  var(--text-heading);
	font-family: verdana;
	font-size: large; /* mobile */
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 3px;
}
.txtSubHeading {
	color: var(--text-subheading);
	font-family: verdana;
	font-size: medium; /* mobile */
	font-weight: normal;
	padding-top: 3px;
	padding-bottom: 3px;
}
.txtSubHeading a {
	font-size: medium; /* mobile */
	font-weight: normal;
}
.txtCaption {
	font-size: smaller; /* mobile */
	text-align: center;
	font-style: italic;
}

.menu	{
	width:100%;
	color: var(--menu1-text);
	background-color: var(--menu1-bg);
	padding-top:4px;  /* mobile */
	padding-bottom:4px;  /* mobile */
}
.menu a {
	color: var(--menu1-text);
	font-size: 12pt;  /* mobile */
	font-weight: normal;
	padding-left: 15px;  /* mobile */
	padding-right: 15px;  /* mobile */
}
.menu a.active	{
	font-weight: bold;	
}
.m2	{
	color: var(--menu2-text);
	background-color: var(--menu2-bg);
	border-top: 0px;
	border-bottom: 1px solid var(--black);
}
.m2 a {
	color: var(--menu2-text);
	font-size: 11pt;  /* mobile */
}
.m3	{
	color: var(--menu3-text);
	background-color: var(--menu3-bg);
	border-left: 1px dotted var(--brown);
	width:99%;
}
.m3 a {
	color: var(--menu3-text);
	font-weight: bold;
	font-size: 11pt;   /* mobile */
}

.m4	{ 
	color: var(--menu4-text);
	background-color: var(--menu4-bg);

	border-bottom: 1px dotted;
	border-top: 1px dotted;
	border-color:  #A2C13F;
}

.menuFooter	{
	background-color: var(--lightbrown);
	border-top: 1px dotted var(--brown);
	border-bottom: 1px dotted var(--brown);
	text-align: center;
}
.menuFooter a {
    font-weight: bold;
}

/* ------- Mobile END -------- */

A {
	color: var(--darkgreen);
	text-decoration: none;
	font-weight: bold;
}
A:visited {
	text-decoration: none;
}
A:hover {
	color: var(--green);
	text-decoration: underline;
}
A:active {
	BACKGROUND-COLOR: #660099;
	text-decoration: none;
}
A div.txtSubHeading {
	color: var(--darkgreen);
	font-weight: normal;
}

div.center {
	text-align:center;
}

hr {
	height: 1px;
	border-top: 1px dotted #A2C13F;
	border-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
}

hr.divider {
	width: 95%; 
}

hr.sub {
	width: 60%; 
	
}

img {
	border: 0px;
}

table {
	border-spacing: 0px;    /* cellspacing */
	border-collapse: separate;
	border: 0px;
}
/* table.center {
	margin-left: auto;
	margin-right: auto;
} */

td {
	padding: 0px; /* cellpadding */
	word-break:keep-all;
}

td.center {
	text-align:center;
}

td.colIcon {
	width: 75px;
}

.banner {
	height: 60px;
	width: 100%;
	background-color: #E8641B;
	background-repeat: no-repeat;
	background-position: right;
	/* border-bottom: 1px solid; */
	/* border-color: #52443C; */
}

.center {
	/* text-align:center;  */
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
}

.dotted {
	border: 1px dotted #724C27;
}

.lineSubDivider {
	height: 3px;
	width: 90%;
	margin:0 auto; /* centers it */
	border-top: 1px dotted #A2C13F;
}

.lineSpacer {
	height: 3px;
}
.lineSpacerMenu {
	height: 20px;
}

.pageBanner{
	width: 100%;
	background-color: #A2C13F;
	/* border-bottom: 1px solid #947F6E; */
}

.pageContent {
	height: 50%;
	width: 100%;
}
.pageContentLeftCell {
	width:200px; /* tied to spacer2 */
	background-color:#FFFFFF;
	text-align:center;
}
.pageContentRightCell {
	background-color:#FFFFFF;
	border-left: 1px dotted #947F6E;
}

.pageFooter {
	/* height: 100px; */
	width: 100%;
	/* background-color: #DFDAD4; */
}
.pageFooterLeftCell {
	width:200px; /* tied to spacer2 */
	vertical-align: top;
}
.pageFooterRightCell {
	/* background-color:#DFDAD4; */
	vertical-align: top;
	border-left: 1px dotted;
	border-color: #52443C;
}

.spacer {
	width: 50px;
}
.spacer1 {
	width: 100px;
}
.spacer2 {
	width: 200px; /* tied to pageContentLeftCell */
}
.spacer3 {
	width: 300px; 	
}

.tblSection {
	border-spacing: 10px 5px;   
	border-collapse: separate;
	width: 100%;
	border: 0px; 
}
.tblSubSection {
	border-spacing: 10px 5px;
	border-collapse: separate;
	width: 100%;
	border: 0px;
}
.tblFixedWidth {
	width: 930px;
	border: 0px; 
}

.thumb {
	border: 1px solid  var(--darkbrown);
	vertical-align: middle;
	margin: 2px;
}