﻿<style type="text/css">


/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@   MAIN STYLES START  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
body
{
margin: 0px; 
padding: 0px;
background-color:#000000;
}

#masterbox
{
	padding: 0px;
	margin: 0px;
	background-color: #FFFFFF;
	border: 0px solid #000000;
	overflow: auto;
	float: center;
	display: block;
	min-height: 2650px;
	font-family:  Verada, Arial, Helvetica, sans-serif;
}

#masterbox_02
{
	padding: 0px;
	margin: 0px;
	background-image: url('../graphics/bkg_01.gif'); 
	background-color: #FCFAEE;
	border: 0px solid #000000;
	overflow: auto;
	float: center;
	display: block;
	min-height: 2650px;
}

#masterbox_03
{
	padding: 0px;
	margin: 0px;
	background-color: #FCFAEE;
	/**background-color: #EFE6F7;**/
	border: 0px solid #000066;
	overflow: auto;
	float: center;
	display: block;
	min-height: 2650px;
}


#content_01
{
	padding-top: 0px;
	padding-bottom:0px;
	padding-left: 0px;
	padding-right: 0px;
	background: #FFCC00;
	border-top: 0px solid #FFCC00;
	border-left: 0px solid #FFCC00;
	border-right: 0px solid #FFCC00;
	border-bottom: 0px solid #FFCC00;
	font-family:  Verada, Arial, Helvetica, sans-serif;
	/** background-image: url('../graphics/LH_Logo_03.gif');
	background-repeat: no-repeat; **/
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	float: relative;
	display: block;
	/**min-height: 650px;**/
	/**min-width: 1000px;*/
	text-align: center;
}

#content_02
{
	padding-top: 0px;
	padding-bottom:0px;
	padding-left: 0px;
	padding-right: 0px;
	background: #FFFFFF;
	border-top: 0px solid #FFCC00;
	border-left: 2px solid #FFCC00;
	border-right: 2px solid #FFCC00;
	border-bottom: 2px solid #FFCC00;
	font-family:  Verada, Arial, Helvetica, sans-serif;
	/** background-image: url('../graphics/LH_Logo_99_01.gif'); 
	background-repeat: no-repeat;**/
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	float: relative;
	display: block;
	min-height: 450px;
	max-width: 1000px;
	text-align: center;
}


#header_01
{
	padding-top: 0px;
	padding-bottom:0px;
	padding-left: 0px;
	padding-right: 0px;
	/**background-image: url('../graphics/LH_Logo_022.gif'); **/
	background-repeat: no-repeat;
	background: #FFCC00;
	/** background: #D87D0D;**/
	border-top: 0px solid #000066;
	border-left: 0px solid ##FFCC00;
	border-right: 0px solid ##FFCC00;
	border-bottom: 0px solid ##FFCC00;
	/** font-family:  Verada, Arial, Helvetica, sans-serif;**/
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	float: relative;
	/**display: flex;
	min-height: 125px;
	max-width: 1000px;
	min-width: 1000px;
	text-align: center;**/
}



#header_02
{
	padding-top: 0px;
	padding-bottom:0px;
	padding-left: 0px;
	padding-right: 0px;
	background: #000066;
	border-top: 0px solid #000066;
	border-left: 0px solid #000066;
	border-right: 0px solid #000066;
	border-bottom: 0px solid #000066;
	/** font-family:  Verada, Arial, Helvetica, sans-serif;**/
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	float: relative;	
	display: flex;
	justify-content: center;
	/**display: block;
		 min-height: 550px;**/
	max-width: 90%;
	text-align: center;
}



/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@   MAIN STYLES END  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */




/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@   COLLAPSABLE MENU START  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
.collapsible_01 {
	background-color: #FFCC00;
	color: white;
	cursor: pointer;
	padding: 5px;
	width: 98%;
	border-top: 2px solid #000066;
	border-left: 2px solid #000066;
	border-right: 2px solid #000066;
	border-bottom: 2px solid #000066;
	text-align: left;
	outline: none;
	font-size: 18px;
	font-weight:bold; 

	color: #000066; 
}

.active, .collapsible_01:hover {
	background-color: #000066;
	border-top: 2px solid #000066;
	border-left: 2px solid #000066;
	border-right: 2px solid #000066;
	border-bottom: 2px solid #000066;
	text-align: left;
	outline: none;
	font-size: 18px;
	font-weight:bold; 
	color: #FCFAEE; 
}

.collapsible_content {
	background-color: #FFFFFF;
	color: white;
	/*cursor: pointer;
	padding: 10px;*/
	padding-top:0px; 
	padding-bottom:10px; 
	padding-right:10px; 
	padding-left:10px; 

	border-top: 0px solid #000066;
	border-left: 0px solid #000066;
	border-right: 0px solid #000066;
	border-bottom: 0px solid #000066;
	text-align: left;
	text-indent: 0px;
	outline: none;
	display: none;
	overflow: hidden;
	color: #000000; 	
	margin-top:0px; 
	margin-bottom:0px; 
	margin-right:0px; 
	margin-left:0px; 
}


/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@   COLLAPSABLE MENU END  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */



/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@   GRID STYLES START  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */


.grid-container_example {
  display: grid;
  grid-template-columns: auto auto auto auto;
  grid-gap: 10px;
  background-color: #FFcc00;
  padding: 10px;
}

.grid-container_example > div {
  background-color: rgba(255, 255, 255, 0.8);
  text-align: center;
  padding: 20px 0;
  font-size: 30px;
}

.grid-container_01{
  display: grid;
  grid-template-columns: 100px auto 100px ;
  grid-gap: 0px;
  background-color: #FFCC00;
  padding: 0px;
}

.grid-container_01 > div {
  background-color: #FFCC00;
  text-align: center;
  padding: 0px 0;
  font-size: 30px;
}


.center-img {
    display: block;       /* Make the image a block element */
    margin-left: auto;    /* Auto margins center it */
    margin-right: auto;
   /*  width: 300px;         Optional: set a width */
}

.float-right {
	float: right;
	margin-left: 10px; /* space between image and text */
}

.float-left {
	float: right;
	margin-right: 10px; /* space between image and text */
}

.flex-center {
	display: flex;
	justify-content: center; /* pushes image to the right */
}

.flex-right {
  display: flex;
  justify-content: right;
}

.flex-left {
  display: flex;
  justify-content: left;
}


.responsive {
  max-width: 100%;
  height: auto;
}

.responsive_02 {
  max-width: 100%;
  height: auto;
}

.toplevel_ul 
{
	list-style-type:none; 
	margin:2px; 
	float:center; 
	position:relative; 
	padding:0px; 
	z-index:9999;
	font-family:  Verada, Arial, Helvetica, sans-serif; 
	font-size: 18px
	/*font-size: 2vw;*/
}



.toplevel_li 
{
	list-style-type:none; 
	float:left; 
	position:relative;  	
	text-indent:0px; 
	background-color:#FFCC00; 

	padding-top:10px; 
	padding-bottom:0px; 
	padding-right:0px; 
	padding-left:10px; 
	
	margin-top:0px; 
	margin-bottom:2px; 
	margin-right:2px; 
	margin-left:0px; 
	
	border-top:0Px solid #FFCC00;
	border-bottom:0px solid #FFCC00;
	border-right:0px solid #FFCC00;
	border-left:0px solid #FFCC00;

	width:auto; 

	display:block; 
	font-weight:bold; 
	text-decoration: none; 
	color: #FFCC00; 
	z-index:9999;
}

a.toplevel
{
	padding: 3px;
	text-indent:0px; 
	background-color:#FFCC00; 	
	border:2px solid #000066;
	width:auto; 
	display:block; 
	font-weight:bold; 
	text-decoration: none; 
	color: #000066; 
	z-index:9999;
}

a.toplevel:hover
{
	top:auto;
	left:0px;
	text-decoration: bold; 
	background:#000033; 
	color: #FFCC00; 
	z-index:9999;
}

.secondlevel_ul 
{
	position:absolute; 
	list-style-type:none; 
	margin: 0; 
	padding: 0px;
	top:auto;
	left:0px;
		width:auto; 
	display:none; 
	padding:3px; 
	float:none; 
	background-position: top left;
	background-color:#4530A9; 
	border-top:0px solid #4530A9;
	border-bottom:0px solid #4530A9;
	border-right:0px solid #4530A9;
	border-left:0px solid #4530A9;
	color:#FFFFFF;
	z-index:9999;
	font-size: 22px; 
}

.secondlevel_li 
{
	text-indent:6px; 
	top:auto;
	left:0px;
	list-style-type:none; 
	width:auto; 
	margin:0;
	padding: 2px;
	display:block;  
	float:left; 
	position:relative; 
	background-color:#4530A9; 
	border-top:0px solid #4530A9;
	border-bottom:0px solid #4530A9;
	border-right:0px solid #4530A9;
	border-left:0px solid #4530A9;
	border:0px; 
	color:#FFFFFF;
	z-index:9999;
}

a.secondlevel:link, a.secondlevel:active, a.secondlevel:visited
{
	top:auto;
	left:0px;	
	padding: 3px;
	background-color:#4530A9; 
	border-top:0px solid #FFFFFF;
	border-bottom:0px solid #FFFFFF;
	border-right:0px solid #9999CC;
	border-left:0px solid #FFFFFF;
		width:auto;  
	display:block; 
	font-weight:bold; 
	text-decoration: none;
	color:#FFFFFF;
	z-index:9999;
}
a.secondlevel:hover 
{
	top:auto;
	left:0px;
	text-decoration: bold; 
	background:#FFFFFF; 
	color: #4530A9; 
	z-index:9999;
}






/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@   MOBILE STYLES START  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@   MOBILE STYLES START  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

@media (max-width: 480px) {

.responsive {
  max-width: 100%;
  height: auto;
}

.responsive_02 {
  max-width: 60%;
  height: auto;
}

.toplevel_ul 
{
	list-style-type:none; 
	margin:2px; 
	float:center; 
	position:relative; 
	padding:0px; 
	z-index:9999;
	font-family:  Verada, Arial, Helvetica, sans-serif; 
	font-size: 11px
	/*font-size: 2vw;*/
}



.toplevel_li 
{
	list-style-type:none; 
	float:left; 
	position:relative;  	
	text-indent:0px; 
	background-color:#FFCC00; 

	padding-top:10px; 
	padding-bottom:0px; 
	padding-right:0px; 
	padding-left:1px; 
	
	margin-top:0px; 
	margin-bottom:0px; 
	margin-right:2px; 
	margin-left:0px; 
	
	border-top:0Px solid #FFCC00;
	border-bottom:0px solid #FFCC00;
	border-right:0px solid #FFCC00;
	border-left:0px solid #FFCC00;

	width:auto; 

	display:block; 
	font-weight:bold; 
	text-decoration: none; 
	color: #FFCC00; 
	z-index:9999;
}

a.toplevel
{
	padding: 3px;
	text-indent:0px; 
	background-color:#FFCC00; 	
	border:0px solid #000066;
	width:auto; 
	display:block; 
	font-weight:bold; 
	text-decoration: none; 
	color: #000066; 
	z-index:9999;
}

a.toplevel:hover
{
	top:auto;
	left:0px;
	text-decoration: bold; 
	background:#000033; 
	color: #FFCC00; 
	z-index:9999;
}

.secondlevel_ul 
{
	position:absolute; 
	list-style-type:none; 
	margin: 0; 
	padding: 0px;
	top:auto;
	left:0px;
		width:auto; 
	display:none; 
	padding:3px; 
	float:none; 
	background-position: top left;
	background-color:#4530A9; 
	border-top:0px solid #4530A9;
	border-bottom:0px solid #4530A9;
	border-right:0px solid #4530A9;
	border-left:0px solid #4530A9;
	color:#FFFFFF;
	z-index:9999;
	font-size: 22px; 
}

.secondlevel_li 
{
	text-indent:6px; 
	top:auto;
	left:0px;
	list-style-type:none; 
	width:auto; 
	margin:0;
	padding: 2px;
	display:block;  
	float:left; 
	position:relative; 
	background-color:#4530A9; 
	border-top:0px solid #4530A9;
	border-bottom:0px solid #4530A9;
	border-right:0px solid #4530A9;
	border-left:0px solid #4530A9;
	border:0px; 
	color:#FFFFFF;
	z-index:9999;
}

a.secondlevel:link, a.secondlevel:active, a.secondlevel:visited
{
	top:auto;
	left:0px;	
	padding: 3px;
	background-color:#4530A9; 
	border-top:0px solid #FFFFFF;
	border-bottom:0px solid #FFFFFF;
	border-right:0px solid #9999CC;
	border-left:0px solid #FFFFFF;
		width:auto;  
	display:block; 
	font-weight:bold; 
	text-decoration: none;
	color:#FFFFFF;
	z-index:9999;
}
a.secondlevel:hover 
{
	top:auto;
	left:0px;
	text-decoration: bold; 
	background:#FFFFFF; 
	color: #4530A9; 
	z-index:9999;
}


}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@   MOBILE STYLES END  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@   MOBILE STYLES END  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */











li:hover ul, li.over ul, li.sfHover ul  {display: block; z-index:9999;}
 #dropdown li>ul {top:auto; left:auto;  z-index:9999;} 

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@   FORMATTING STYLES START  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
div {text-align: left; padding: 1px; margin: 1px 1px 1px 1px}
p {text-align: left; padding: 1px; margin: 1px 1px 1px 1px}
span {text-align: left; padding: 1px; margin: 1px 1px 1px 1px}
em {text-align: left; padding: 1px; margin: 0px 0px 0px 0px; font-style: normal;}

table {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #000000; background-color: #FFFFFF; white-space: normal}
th {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #000000; background-color: #FFFFFF; white-space: normal}
td {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #000000; background-color: #FFFFFF; white-space: normal}

table.borderless {border:#FFFFFF transparent  1px; padding: 0px; }
th.borderless {border: #FFFFFF transparent  1px; padding: 0px; }
td.borderless {border: #FFFFFF transparent  1px; padding: 0px;}

table.list_01 {border:#FFFFFF transparent  1px; padding: 0px; background: #FFFFFF;}
th.list_01 {border: #FFFFFF transparent  1px; padding: 0px; background: #FFFFFF; font-weight: bold; color: #000066;}
td.list_01 {border: #FFFFFF transparent  1px; padding: 5px; background: #FFFFFF; font-weight: bold; color: #000066;}
td.list_01:hover {border: #FFFFFF transparent  1px; background: #CC0000; color: #FFFFFF; cursor: pointer;}


/**.bkg_sscpurple {background-color: #660099;}
.bkg_sscpurplelight {background-color: #EFE6F7;}**/

input.button_01 {
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF; 
	padding: 5px;
	border-top: 2px solid #000000;
	border-left: 2px solid #000000;
	border-right: 2px solid #000000;
	border-bottom: 2px solid #000000;
	padding: 2px; 
	background: #000000;
}

input.button_01:hover{
	color: #000000; 
	padding: 5px;
	border-top: 2px solid #000000;
	border-left: 2px solid #000000;
	border-right: 2px solid #000000;
	border-bottom: 2px solid #000000;
	padding: 2px; 
	background: #EEEEEE;
	cursor: pointer;
}


input.button_02 {
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF; 
	padding: 5px;
	border-top: 2px solid #660099;
	border-left: 2px solid #660099;
	border-right: 2px solid #660099;
	border-bottom: 2px solid #660099;
	padding: 2px; 
	background: #660099;
}
input.button_02:hover{
	color: #000000; 
	padding: 5px;
	border-top: 2px solid #660099;
	border-left: 2px solid #660099;
	border-right: 2px solid #660099;
	border-bottom: 2px solid #660099;
	padding: 2px; 
	background: #EFE6F7;
	cursor: pointer;
}

input.button_03 {
	font-size: 18px;
	font-weight: bold;
	color: #000000; 
	padding: 5px;
	border-top: 2px solid #FFFFFF;
	border-left: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
	padding: 2px; 
	background: #EEEEEE;
}
input.button_03:hover{
	color: #FFFFFF; 
	padding: 5px;
	border-top: 2px solid #333333;
	border-left: 2px solid #333333;
	border-right: 2px solid #333333;
	border-bottom: 2px solid #333333;
	padding: 2px; 
	background: #666666;
	cursor: pointer;
}

input.button_04 {
	font-size: 16px;
	font-weight: bold;
	color: #000000; 
	padding: 5px;
	border-top: 2px solid #000000;
	border-left: 2px solid #000000;
	border-right: 2px solid #000000;
	border-bottom: 2px solid #000000;
	padding: 2px; 
	background: #FFCC00;
}
input.button_04:hover{
	color: #FFCC00; 
	padding: 5px;
	border-top: 2px solid #FFCC00;
	border-left: 2px solid #FFCC00;
	border-right: 2px solid #FFCC00;
	border-bottom: 2px solid #FFCC00;
	padding: 2px; 
	background: #000000;
	cursor: pointer;
}



.indent
{
	margin-left:25px;
	width:90%; 
}


.pointer {cursor: pointer;}

.left {text-align: left;}
.center {text-align: center;}
.right {text-align: right;}

.floatl {float:left;}
.floatr {float:right;}
.floatc {float:center;}

.smpad {padding: 2px;}
.medpad {padding: 4px;}
.lgpad {padding: 6px;}

.bord_none {border: 0px;}
.bord_small {border: 1px;}
.bord_med {border: 2px;}
.bord_large {border: 3px;}

.bold {font-weight: bold;}
.serif{font-family: Times New Roman, serif;}	
.serif2{font-family: Georgia, New Century Schoolbook, Times, Times New Roman, serif;}
.sansserif{font-family: Verada, Arial, Helvetica, sans-serif;}		
.impact{font-family: Impact, Verada, Arial, Helvetica, sans-serif;}	
.italics {font-style: italic;} 
.underline {text-decoration: underline;}

.smaller {font-size: 10px;}
.small {font-size: 13px;}
.big {font-size: 14px;}
.bigger {font-size: 16px;}
.huge {font-size: 18px;}
.huger {font-size: 22px;}
.massive {font-size: 24px;}
.gigantic {font-size: 30px;}
.extra_01 {font-size: 32px;}
.extra_02 {font-size: 36px;}
.extra_03 {font-size: 40px;}
.extra_04 {font-size: 48px;}
.extra_05 {font-size: 60px;}


.black {color: #000000;}
.darkgray {color: #333333;}
.gray {color: #999999;}
.lightgray {color: #CCCCCC;}
.white {color: #FFFFFF;}

.gold {color: #CC9933;}
.rust {color: #CC6600;}
.yellow {color: #FFCC00;}
.orange {color: #FF9900;}
.cream {color: #FCFAEE;}

.green {color: #006600;}
.green_moss {color: #336600;}
.darkgreen {color: #003333;}
.lightgreen {color: #CCFFCC;}

.violet {color: #660099;}
.olive {color: #333300;}
.olive_drab {color: #999966;}


.blue {color: #000066;}
.grayblue{color:#336699;}
.paleblue{color:#9999CC;}

.red {color: #CC0000;}
.red_pale {color: #FF9999;}

.sscpurple {color: #660099;}
.sscpurplelight {color: #EFE6F7;}

/* dark emotive 09 */
.indigo {color: #34273B;}
.stone {color: #404654;}
.fern {color: #044013;}
.corn {color: #D9C179;}
.denim {color: #14312A;}

/* cool modern 24 */
.navy {color: #102526;}
.ginger {color: #CD7E59;}
.seafoam {color: #457373;}
.sunflower {color: #DDB247;}
.jean {color: #5A6868;}

/* cool modern 19 */
.cadmium {color: #999348;}
.sage {color: #C1B985;}
.linen {color: #F9F6E4;}
.royal {color: #2FSD8C;}
.ice {color: #B6C7DD;}


/* warm inviting 28 */
.pumpkin {color: #B95422;}
.fallleaves {color: #BB7A32;}
.hunter {color: #0F320F;}
.cranberry {color: #662012;}
.frost {color: #F4F4F4;}



/* warm inviting 32 */
.jade {color: #174029;}
.jungle {color: #3D7345;}
.sandybeach {color: #A68F7B;}
.gingerbread {color: #A86326;}
.walnut {color: #593622;}



/* warm inviting X */
.timberwood {color: #574301;}
.gingerbread {color: #A86326;}
.basil {color: #8D9365;}
.beige {color: #D9B29C;}
.ruby {color: #8C0303;}

/* warm inviting XX vibrant*/
.deeproyal {color: #281B24;}
.storm {color: #3C4B4D;}
.sunshine {color: #F2AB26;}
.orangy {color: #D87D0D;}
.apple {color: #890A03;}

.fern  {color: #2F5D0C;}

.bkg_trans{background-color: transparent;}


.bkg_jade{background-color: #174029;}
.bkg_jungle{background-color: #3D7345;}
.bkg_sunflower{background-color: #DDB247;}
.bkg_sunshine{background-color: #F2AB26;}
.bkg_orangy{background-color: #D87D0D;}
.bkg_apple{background-color: #890A03;}
.bkg_fern{background-color: #2F5D0C;}

.bkg_white{background-color:#FFFFFF;}
.bkg_black{background-color:#000000;}
.bkg_gray{background-color:#999999;}
.bkg_lightgray{background-color:#CCCCCC;}
.bkg_lightergray{background-color:#EEEEEE;}

.bkg_yellow{background-color:#FFCC00;}
.bkg_lightyellow{background-color:#FFFFCC;}

.bkg_orange{background-color:#FF6633;}
.bkg_lightorange{background-color:#FF9900;}

.bkg_green{background-color:#006600;}
.bkg_lightgreen{background-color:#33CC33;}
.bkg_palegreen{background-color:#99CC99;}

.bkg_darkblue{background-color:#000066;}
.bkg_blue{background-color:#0000CC;}
.bkg_lightblue{background-color:#0000FF;}
.bkg_grayblue{background-color:#336699;}
.bkg_paleblue{background-color:#9999CC;}

.bkg_red{background-color:#CC0000;}
.bkg_darkred{background-color:#990000;}
.bkg_lightred{background-color:#FF0000;}
.bkg_palered{background-color:#FFCCCC;}

.bkg_olive{background-color:#333300;}
.bkg_gold{background-color:#CC9933;}
.bkg_violet{background-color:#660099;}
.bkg_lavender{background-color:#CCCCFF;}
.bkg_cream {background-color: #FCFAEE;}


.bkg_darkgreen {background-color: #003333;}
.bkg_lightgreen {background-color: #CCFFCC;}

.bkg_sscpurple {background-color: #660099;}
.bkg_sscpurplelight {background-color: #EFE6F7;}

.bord_jade{border: 1px solid #174029;}
.bord_jungle{border: 1px solid #3D7345;}
.bord_sunflower{border: 1px solid #DDB247;}
.bord_sunshine{border: 1px solid #F2AB26;}
.bord_orangy{border: 1px solid #D87D0D;}
.bord_apple{border: 1px solid #890A03;}
.bord_applebig{border: 2px solid #890A03;}

.bord_white{border: 1px solid #FFFFFF;}
.bord_whitebig {border: 2px solid #FFFFFF;}
.bord_gray {border: 1px solid #CCCCCC;}
.bord_graybig {border: 2px solid #CCCCCC;}
.bord_black {border: 1px solid #000000;}
.bord_blackbig{border: 2px solid #000000;}
.bord_red {border: 1px solid #CC0000;}
.bord_redbig{border: 2px solid #CC0000;}
.bord_blue {border: 1px solid #000066;}
.bord_bluebig{border: 2px solid #000066;}
.bord_cream {border: 1px solid #FCFAEE;}
.bord_fern {border: 1px solid #2F5D0C;}

.bord_sscpurple {border: 1px solid #660099;}
.bord_sscpurple_big {border: 2px solid #660099;}
.bord_sscpurplelight {border: 1px solid #EFE6F7;}
.bord_sscpurplelight_big {border: 2px solid #EFE6F7;}



.round_corners_small{
    border-radius: 25px;
}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@    STYLES END  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
	
	
ul.top
{
	list-style-type:none; 
	margin:0px; 
	float:left; 
	position:relative; 
	padding:0px; 
	z-index:9999;
	
}

li.top
{
	list-style-type:none; 
	margin:0px; 
	float:left; 
	position:relative;  
	padding:0px; 
	width:250px;
	z-index:9999;
}

a.top
{
	font-family: Verada, Arial, Helvetica, sans-serif; 
	font-size: 16px; 
	padding: 2px;
	text-indent:6px; 
	background-color:#990000; 
	border-top: 0px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 0px solid #FFFFFF;
	display:block; 
	font-weight:600; 
	text-decoration: none; 
	color: #FFFFFF; 
	z-index:9999;

}

a.top:hover 
{
	top:auto;
	left:0px;
	text-decoration: bold; 
	background:#000000; 
	color: #FFFFFF; 
	z-index:9999;
}

a.top_active 
{
	font-family: Verada, Arial, Helvetica, sans-serif; 
	font-size: 16px; 
	padding: 2px;
	text-indent:6px; 
	background-color:#000000; 
	border-top: 0px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 0px solid #FFFFFF;

	display:block; 
	font-weight:600; 
	text-decoration: none; 
	color: #FFFFFF; 
	z-index:9999;
}


	
	

a.box_01
{
	padding: 2px;
	text-indent:6px; 
	background-color:#F1F1F1; 	
	border:2px solid #000066;
	width:150px; 
	display:table; 
	font-weight:bold; 
	text-decoration: none; 
	color: #000066; 
	z-index:9999;
}

a.box_01:hover
{
	top:auto;
	left:0px;
	text-decoration: none; 
	background:#000066; 
	color: #F1F1F1; 
	z-index:9999;
}


a.box_02
{
	padding: 2px;
	text-indent:6px; 
	background-color:#F1F1F1; 	
	border:2px solid #000066;
	width:150px; 
	font-weight:bold; 
	text-decoration: none; 
	color: #000066; 
	z-index:9999;
}

a.box_02:hover
{
	top:auto;
	left:0px;
	text-decoration: none; 
	background:#000066; 
	color: #F1F1F1; 
	z-index:9999;
}

a.list_01
{
	padding: 2px;
	text-indent:6px; 
	/*background-color:#F1F1F1; */	
	border:0px solid #000066;
	font-weight:bold; 
	text-decoration: none; 
	color: #174029; 
	z-index:9999;
}

a.list_01:hover
{
	top:auto;
	left:0px;
	text-decoration: none; 
	background:#2F5D0C; 
	color: #FCFAEE; 
	z-index:9999;
}

a.link_01
{
	padding: 3px;
	text-indent:2px; 
	/*background-color:#F1F1F1; */	
	border:0px solid #000066;
	font-weight:bold; 
	text-decoration: underline; 
	color: #890A03; 
	z-index:9999;
}

a.link_01:hover
{
	text-decoration: none; 
	background:#890A03;
	color: #FCFAEE;  
	z-index:9999;
}

a.link_02
{
	padding: 3px;
	text-indent:2px; 
	/*background-color:#F1F1F1; */	
	border:0px solid #000066;
	font-weight:bold; 
	text-decoration: underline; 
	color: #174029; 
	z-index:9999;
}

a.link_02:hover
{
	text-decoration: none; 
	background:#174029;
	color: #FCFAEE;  
	z-index:9999;
}

	
	
	
.item_01 {
  grid-area: header;
}
.item_02 {
  grid-area: main;
}
.item_03 {
  grid-area: sidebar;
}
.item_04 {
  grid-area: footer;
}

.texter {
  font-size: 14px;
}

@media (max-width: 480px) {
  .texter {
    font-size: 16px;
  }
}



	
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@   PRINT STYLES - @media print METHOD - place at the end of CSS file @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@   PRINT STYLES - @media print METHOD - place at the end of CSS file   @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
@media print 
{ 
	div.printDiv{
         position:absolute;
         top:0;
         left:0;
         margin:0 auto;
    }
 /* All your print styles go here */
 #header_01, #header_02, #TopMenu_01, #TopMenu_01, #nav, #footer_01, #footermenu_01 { display: none !important; } 
}


/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@   END OF PRINT STYLES  - @media print  METHOD  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@   END OF PRINT STYLES  - @media print  METHOD  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */


