H1, .headertext  {
	color : Yellow;
	font-weight : bold;
	font-family : Arial;
	font-size : 22pt;
	margin-bottom : 0;
}

.topmenu  {
	color : White;
	font-weight : bold;
	font-family : Arial;
	font-size : 12pt;
	text-decoration : none;
	margin-top : 3px;
	margin-bottom : 5px;
}

.leftmenuheader  {
	color : White;
	font-weight : bold;
	font-family : Arial;
	font-size : 16pt;
}

.leftmenutext  {
	color : White;
	font-weight : bold;
	font-family : Arial;
	font-size : 12.75pt;
	text-decoration : none;
}

.leftmenutextsmall  {
	color : Gray;
	font-weight : bold;
	font-family : Arial;
	font-size : 11pt;
}

.newsheader  {
	color : DarkGreen;
	font-weight : bold;
	font-family : Arial;
	font-size : 14pt;
}

.newstext  {
	color : DarkBlue;
	font-weight : normal;
	font-family : Arial;
	font-size : 12pt;
}

.middleheader  {
	color : DarkBlue;
	font-weight : bold;
	font-family : Arial;
	font-size : 14pt;
}

.middletext  {
	color : Black;
	font-weight : normal;
	font-family : Arial;
	font-size : 12.5pt;
}

.middletextsmall  {
	color : Black;
	font-weight : normal;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11.0pt;
	line-height: 120%;
}

.middletextverysmall  {
	color : Black;
	font-weight : normal;
	font-family : Arial;
	font-size : 9pt;
}

.locationtextverysmall  {
	color : Black; /* #6E6E6E; */
	font-weight : normal;
	font-family : Arial;
	font-size : 8pt;
}

.rightmenuheader  {
	color : Black;
	font-weight : bold;
	font-family : Arial;
	font-size : 12pt;
}

.rightmenuitem  {
	color : Black;
	font-weight : bold;
	font-family : Arial;
	font-size : 12pt;
}

.rightmenuitemsmall  {
	color : Black;
	font-weight : bold;
	font-family : Arial;
	font-size : 8pt;
}

.footertext  {
	color : LightBlue;
	font-weight : normal;
	font-family : Arial;
	font-size : 10pt;
}


/* ###################################### */
/* DESKTOP VALUES AFFTECTED BY MOBILE */

.leftmenu {
	white-space:normal;
	width:150px;
}


/* ###################################### */
/* MOBILE DEVICES ONLY */

@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {

.rightmenuheader  {
	font-size : 10pt;
}

.rightmenuitem  {
	font-size : 10pt;
}

.leftmenu {
	white-space: nowrap;
	overflow: hidden;
	width:110px;
}

.leftmenutext {
	font-size: 11pt; /* 12 */
}

.leftmenuheader {
	font-size: 12pt; /* 16 */
}

.middleheader  {
	font-size : 12pt;
}

} /* keep */


/**************************************************************/
/****************ADAPTIVE COLS ***********************/

/*  GRID OF TWO  */
.span_1_of_2 {
	width: 49%;
	margin-left:0%;
	margin-right:1%;
	float: left;
	display: block;
}
.span_2_of_2 {
	width: 50%;
	margin-left:0%;
	margin-right:0%;
	float: left;
	display: block;
}

/*  GO FULL WIDTH  */

@media only screen and (max-width: 500px), only screen and (max-device-width: 500px) {

.span_1_of_2 { 
width:100%; 
margin-right:0%;
float:none;
}

.span_2_of_2 { 
width:100%; 
}
/*
<div class="section group">
	<div class="col span_1_of_2">
	This is column 1
	</div>
	<div class="col span_2_of_2">
	This is column 2
	</div>
</div>
*/
} /* keep */

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