.ussga {}

/*------------- GLOBAL ELEMENTS --------------*/

A.login {color: blue;	font-size:11px;	font-family: verdana,arial,tahoma;}
A.login2 {color: red;	font-size:11px;	font-family: verdana,arial,tahoma; text-decoration: none;}
--A.login3 {color: #005200;font-size:11px;	font-family: verdana,arial,tahoma; text-decoration: none;}

BODY {	font-size: 12px;
	color: black;
	margin:0;
	font-family: verdana,arial,tahoma;	}

TD {	text-align: justify;color: black;font: 12px verdana,arial;line-height:1.3;}
TH {	text-align: justify;color: black;font: 12px verdana,arial;line-height:1.3;font-weight:bold;}

.web  {font: 1.4em calibri,verdana,arial;line-height:1.4;}


P  {	text-align: justify;	color: black; font-family:verdana,arial;	font-size: 12px;	}

--LI  {	font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif;	}

DIV.titleadm	{
	text-align: left;
	font-family: tahoma, Arial, Helvetica;	
	font-size: 12pt;
	color: #615E3F;
	border: #615E3F 1px solid;
	font-weight: bold;
	text-decoration: none;	}

LEGEND	{

    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    VERTICAL-ALIGN: top;
    COLOR: #005200;
    BACKGROUND-COLOR: #ECF5D6;
    FONT-FAMILY: tahoma,arial;

	padding-left:4px;
	padding-right:4px;
	padding-top:2px;
	padding-bottom:2px;
	border-top: solid 1px #000000;
	border-bottom: solid 1px #000000;
	border-left: solid 1px #000000;
	border-right: solid 1px #000000;
	margin-bottom:3px;
}

.lmlink	{text-align: center;font-size: 7pt;color: navy;font-family: verdana,tahoma,helvetica;font-weight: bold;text-decoration: none;	}
a:hover.lmlink{text-decoration:none;}	


.ddmenuf
{
    FONT-SIZE: 9px;
    COLOR: #a5ad7e;
    LINE-HEIGHT: 9pt;
    padding: 8px;
    FONT-FAMILY: Verdana, Arial, Tahoma;    
    TEXT-ALIGN: center;
    TEXT-DECORATION: none
    FONT-WEIGHT: bold;
}


/*  toggle css */


.toggle { display: none; } 

.wrap-collabsible { margin-right: 1.2rem; margin-bottom: 1.2rem;} 

.lbl-toggle { display: block; font-weight: bold; 
	font-family: verdana; font-size: 1.1rem; text-transform: uppercase; text-align: center; padding: 1rem; color: #FFF; background: #8C9E8B; cursor: pointer; border-radius: 7px; transition: all 0.25s ease-out; } 

.lbl-toggle:hover { color: #FFF; } .lbl-toggle::before { content: ' '; display: inline-block; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid currentColor; vertical-align: middle; margin-right: .7rem; transform: translateY(-2px); transition: transform .2s ease-out; } 

.toggle:checked+.lbl-toggle::before { transform: rotate(90deg) translateX(-3px); } 

.collapsible-content { max-height: 0px; overflow: auto; transition: max-height .25s ease-in-out; } 

.toggle:checked + .lbl-toggle + .collapsible-content { max-height: 350px; } 

.toggle:checked+.lbl-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } 

.collapsible-content .content-inner { border-bottom: 1px solid #8C9E8B; border-left: 1px solid #8C9E8B; border-right: 1px solid #8C9E8B; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; padding: .5rem 1rem; } 

.collapsible-content p { margin-bottom: 0; }


/*  end toggle css */


.w3-navbar{list-style-type:none;margin:0 3;padding:0;overflow:hidden; border-bottom: 1px solid #336666;}
.w3-navbar li{float:left; }
.w3-navbar li a{display:block;padding:8px 16px;}
.w3-navbar li a:hover {color:#000;background-color:fff; text-decoration: none; cursor: pointer; cursor: hand;}

.w3-black , .w3-hover-black:hover{color:#000!important;border-left: 1px dotted gray;background-color:rgba(47, 98, 104, .1)!important}
.w3-black a:hover {color:#fff!important;background-color:rgba(104, 53, 47, .9)!important}
.w3-red,.w3-hover-red:hover{color:#fff!important;border-left: 1px dotted gray;background-color:rgba(47, 98, 104, 1)!important}

.w3-disable , .w3-hover-disable:hover{color:#666666;border-left: 1px dotted gray;background-color:#efefef!important}



.buttonClass {
  font-size:9px;
  font-family:Arial;
  --width:50px;
  --height:18px;
  padding: 2px 6px;
  border-width:1px;
  color:#ffffff;
  border-color:#337fed;
  vertical-align:middle;  
  border-top-left-radius:4px;
  border-top-right-radius:4px;
  border-bottom-left-radius:4px;
  border-bottom-right-radius:4px;
  box-shadow:inset 0px 1px 0px 0px #97c4fe;
  text-shadow:inset 0px 1px 0px #1570cd;
  background:linear-gradient(#3d94f6, #1e62d0);
}

.buttonClass:hover {
  background: linear-gradient(#1e62d0, #3d94f6);
}
              
			  
			  

@media screen and (max-width: 466px) {
	.ddmenuf
	{
		padding: 2px;
	}
}

  	
H3 {	font-size: 18pt;
	text-align: center;
	color: #000000;
	line-height: 100%;
    	margin:0;		
    	font-family: helvetica,verdana,tahoma,arial;	}

H3.login{
    COLOR: #006699;
    FONT-FAMILY: Georgia, 'Times New Roman', Times, serif;
    BORDER-BOTTOM: gold 1px solid;
    MARGIN-BOTTOM: 1ex;	MARGIN-TOP: 0px;	
    MARGIN-LEFT: .5ex;	
    PADDING-BOTTOM: 0.4ex;	FONT-SIZE: 1.2em;
    FONT-STYLE: italic;    
	text-align:left;
}

H3.comm{
    COLOR: maroon;
    FONT-FAMILY: Georgia, 'Times New Roman', Times, serif;
    MARGIN-BOTTOM: 0ex;	MARGIN-TOP: 0px;	
    MARGIN-LEFT: .5ex;	
    FONT-SIZE: 1.2em;
    FONT-STYLE: italic;    
	text-align:center;
}

H4,.h4 {	font-size: 12pt;margin:5;font-weight:bold;font-style: italic;color: navy;font-family:arial;}

H4.comm{
    COLOR: maroon;
    FONT-FAMILY: Georgia, 'Times New Roman', Times, serif;
    MARGIN-BOTTOM: 1ex;	MARGIN-TOP: 0px;	
    MARGIN-LEFT: .5ex;	
    FONT-SIZE: 1.1em;
    FONT-STYLE: italic;    
	text-align:center;
}
H4.commb{
    COLOR: black;
    FONT-FAMILY: Georgia, 'Times New Roman', Times, serif;
    MARGIN-BOTTOM: 1ex;	MARGIN-TOP: 0px;	
    MARGIN-LEFT: .5ex;	
    FONT-SIZE: 1.1em;
    FONT-STYLE: italic;    
	text-align:center;
}

H5.mal{
    COLOR: black;
    font-family:arial;
    MARGIN-BOTTOM: 1ex;	MARGIN-TOP: 1ex;	
    MARGIN-LEFT: .5ex;	
    FONT-SIZE: 12pt;
    text-align:center;
}
    	
H6.mal{
    COLOR: black;
    font-family:arial;
    MARGIN-BOTTOM: 1ex;	MARGIN-TOP: 1ex;	
    MARGIN-LEFT: .5ex;	
    FONT-SIZE: 14pt;
    text-align:center;
    font-weight: bold;
}

.H7 {	font-size: 12px;margin:2;font-weight:bold;font-style: italic;color: maroon;font-family:arial;	}

HR {	line-height:80%;	}

.mal{
    COLOR: black;
    font-family:arial;
    MARGIN-BOTTOM: 1ex;	MARGIN-TOP: 1ex;	
    MARGIN-LEFT: .5ex;	
    FONT-SIZE: 11pt;
    text-align:center;
}

/*------------- MAIN ELEMENTS ---------------*/

.bottomitem{   	font-size: 8pt;color: gold;text-align: center;text-decoration: none;line-height: 120%;	}

.bwhead {color: white;text-decoration: none;font-weight: bold;font-size: 14pt;text-align: center;	}

.error {	font-size: 8pt;color: red;text-align: left;	}


/*------------- FORMS ---------------*/

FORM {	margin:2,0,3,0;}


	
INPUT, SELECT {font-size: 8pt; font-family:arial; vertical-align: middle; border: 1px solid silver; background-color: #FCFCE9; border-radius: 5px; 	min-height: 20px;}
INPUT[type="submit"] {	box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.6); padding: 5px; 	min-height: 24px; TEXT-TRANSFORM: uppercase;}

INPUT.yel {	font-size: 10px;	font-family: verdana,arial;	text-align: left;	background-color: yellow;}

TEXTAREA {
	font-size: 8pt;
	font-family:arial;
	line-height: 100%;
	background-color: #FCFCE9;	}

input.flat	{font-size: 7pt; font-family:arial; background-color: transparent; text-align: center; border-style:none;	}

input.submit{
	font-size: 8pt;
    	font-weight:bold;
	color: #000000;
	line-height: 120%;
	text-align: center;
	vertical-align: bottom;
	background-color: silver;}
	
INPUT[type="button"] {	box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.6); padding: 5px; 	min-height: 24px; TEXT-TRANSFORM: uppercase; background-color: maroon; color: white;}


.option	{
	color: black;
	font-weight:bold;
	font-size: 8pt;
    	border-right: #80B280 2px solid;
    	border-bottom: #80B280 2px solid;
    	font-family: tahoma, Arial, Helvetica;
	text-align: left;
	text-decoration: none; }

.headrm {color: white; background-color: #9EA9BC;
	font-size: 8pt;
    	border-right: navy 1px solid;
    	border-bottom: navy 1px solid;
    	font-family: tahoma, Arial, Helvetica;
	text-align: left;
	text-decoration: none; }

INPUT.regflat
{
    FONT-WEIGHT: 600;
    FONT-SIZE: 12px;
    BORDER-TOP-STYLE: none;
    FONT-FAMILY: arial,tahoma,verdana;
    BORDER-RIGHT-STYLE: none;
    BORDER-LEFT-STYLE: none;
    BACKGROUND-COLOR: #eaf1e8;
    TEXT-ALIGN: left;
    BORDER-BOTTOM-STYLE: none;
}

.label {	font-size: 11px;	text-align: center;	font-family: verdana,arial; }
.labelr {	font-size: 11px;	text-align: right;	font-family: verdana,arial; }
.labell {	font-size: 11px;	text-align: left;	font-family: verdana,arial; }
.labelj {	font-size: 12px;	font-family: verdana,arial;	text-align: justify;	}

.labels {	font-size: 10px;	font-family: verdana,arial;	text-align: center;	}
.labelrs {	font-size: 10px;	font-family: verdana,arial;	text-align: right;	}
.labells {	font-size: 10px;	font-family: verdana,arial;	text-align: left;	}
.labeljs {	font-size: 10px;	font-family: verdana,arial;	text-align: justify;	}

.f10 {	font-size: 10pt;	font-family: verdana,arial; }

.text	{	text-align: left;	font-family: verdana,arial; }

.line {	 LINE-HEIGHT: 10%;}

.mnuhead{
	font-weight: bold;
	font-size: 11pt;
	color: #005200;
    	font-family: Helvetica, arial;
	text-decoration: underline;	}

.nodec  {text-decoration: none;color: black;}
.nodecw {text-decoration: none;color: white;}
.nodecb {text-decoration: none;color: blue;}

.note	{
   	 COLOR: navy;
   	 font-family:  verdana, tahoma, Century Gothic, Arial, Helvetica;
	 font-size: 10px;
   	 line-height:100%;	}

OL 	 { padding: 8;    	margin-top: 10;     	margin-bottom: 10;     }

.small 	{font-family: arial, Helvetica;	font-size: 10pt;	}

.f9	{font-size: 9pt;	}


.spacer	{    line-height: 60%;	}


.tip	{
	font-size: 7.5pt;
	vertical-align: top;
	color: red;
	text-decoration: none;
	font-family: verdana, tahoma, Arial, Sans-Serif;	}

.title	{
	text-align: center;
	font-family: verdana, tahoma,Arial, Sans-Serif;
	font-size: 11pt;
	color: white;
	font-weight: bold;
	text-decoration: none;	}

.titleg	{text-align: left;font-family: tahoma,Arial;font-size: 15px;color: #ffffff;background-color: #8C9E8B;font-weight: bold;	}

#titlebarweb {
	background-color: #AB8959;	/*#8B7500*/
	border-bottom: 2px solid #8B1010;
	border-right: 2px solid #8B1010;
    padding: 2px 10px;
    box-shadow: 4px 4px white;
	--margin-bottom:20px;
	--height: 30px;
	--FONT-FAMILY: 'Times New Roman', tahoma, arial, Georgia, Times, serif;
	FONT-SIZE: 1.4em;  
	text-shadow: 0.5px 0.5px 2px black;
	FONT-WEIGHT: bold;
	color: ffffff;
	--width: 100%;
	--max-width: 100%;
}


.evhead {text-align: left;font-family: tahoma,Arial;font-size: 14px;color: white;text-decoration: none;font-weight: bold;	
	
   color: white;
   text-shadow:
       1px 1px 0 #777,
     -1px -1px 0 #777,  
      1px -1px 0 #777,
      -1px 1px 0 #777,
       1px 1px 0 #777;
   
}

.reghead	{text-align: left;font-family: tahoma,Arial;font-size: 12px;color: #ffffff;background-color: #8C9E8B;font-weight: bold;	}


.tinybl	{	font-family: arial, Helvetica;	color: navy;	font-size: 7pt;	}

.tiny	{font-size: 7.5pt;font-family: Helvetica;	}

.tabon
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: white;
    FONT-FAMILY: tahoma,arial;
    BACKGROUND-COLOR: #5F7A1F;
    TEXT-ALIGN: center;
    PADDING-TOP:3px;
    PADDING-BOTTOM:3px;
    BORDER-BOTTOM: #005200 1px solid;
    BORDER-TOP: #005200 1px solid;
    BORDER-RIGHT: #005200 1px solid;
    BORDER-LEFT: #005200 1px solid;
}
.taboff
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    VERTICAL-ALIGN: top;
    COLOR: #005200;
    BACKGROUND-COLOR: white;
    FONT-FAMILY: tahoma,arial;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none;
    BORDER-BOTTOM: #005200 1px solid;
    BORDER-TOP: #005200 1px solid;
    BORDER-RIGHT: #005200 1px solid;
    BORDER-LEFT: #005200 1px solid;
    PADDING-TOP:3px;
    PADDING-BOTTOM:3px;
}

.tbmenu
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: gold;
    LINE-HEIGHT: 150%;
    FONT-FAMILY: verdana,tahoma;
    TEXT-ALIGN: center;
    TEXT-TRANSFORM:uppercase;

}

.poyhead
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11pt;
    COLOR: #005200;
    FONT-FAMILY: Helvetica, arial;
    TEXT-ALIGN: left;
}

.poyrow
{
    FONT-SIZE: 9pt;
    COLOR: black;
    FONT-FAMILY: Helvetica, arial;
    TEXT-ALIGN: left;
    border-bottom: 2px #fafafa solid;
}

.sctd{    font-size: 11px;     font-family: verdana,tahoma,arial;    text-align: left;}

.scth{    font-size: 11px;     font-family: verdana,tahoma,arial;    text-align: left;
	  font-weight: bold;   bgcolor: #e0e0e0;
}


.warning {    FONT-WEIGHT: bold;    COLOR: #802020;}


SPAN.disabled{    COLOR: #666666; FONT-SIZE: 12px;	TEXT-TRANSFORM: uppercase;}
SPAN.textmenu{    COLOR: #cccccc; FONT-SIZE: 12px;	TEXT-TRANSFORM: uppercase;}

DIV.sidebar
{
    
    PADDING: 3px;
    MARGIN-LEFT: 0px;  MARGIN-RIGHT: 4px;    
    MARGIN-TOP: 0px;  MARGIN-BOTTOM: 4px;  
    BORDER: #ddddcc 1px solid;
    FLOAT: right;
    WIDTH: 100%;
}

DIV.sidebar2
{
    
    PADDING: 3px;
    MARGIN-LEFT: 0px;  MARGIN-RIGHT: 4px;    
    MARGIN-TOP: 0px;  MARGIN-BOTTOM: 4px;  
    BORDER: #ddddcc 1px solid;
    FLOAT: right;
    WIDTH: 98%;
}

DIV.ghin P	{    PADDING: 0.2ex;	LINE-HEIGHT: 50%;}

DIV.custlinks
{
    BORDER-RIGHT: #9999cc 1px dotted;
    BORDER-BOTTOM: #9999cc 1px dotted;
    BORDER-TOP: #ccccdd 1px dotted;
    BORDER-LEFT: #ccccdd 1px dotted;	
    PADDING: 0.5ex;
    BACKGROUND-COLOR: #EEF7DF;
    HEIGHt: 100%;
    
}

DIV.custlinksP
{
    BORDER-RIGHT: #9999cc 1px dotted;
    BORDER-BOTTOM: #9999cc 1px dotted;
    BORDER-TOP: #ccccdd 1px dotted;
    BORDER-LEFT: #ccccdd 1px dotted;	
    PADDING: 0.5ex;
    BACKGROUND-COLOR: #f0f0f0;
    HEIGHt: 100%;
    
}

TD.ghin
{
    FONT-FAMILY: Arial, Helvetica, Tahoma, sans-serif;
    BORDER-RIGHT: #999966 1px solid;
    BORDER-LEFT: #ddddcc 1px dotted;
    BORDER-BOTTOM: #999966 1px solid;
    BORDER-TOP: #ddddcc 1px solid;
    PADDING: 3px;
    BACKGROUND-COLOR: #fafae7;    
    text-align: center;
    FONT-SIZE: 12px;
}


DIV.links
{
    BORDER-RIGHT: #9999cc 1px dotted;
    BORDER-BOTTOM: #9999cc 1px dotted;
    BORDER-TOP: #ccccdd 1px dotted;
    BORDER-LEFT: #ccccdd 1px dotted;	
    PADDING: 0.5ex;
    BACKGROUND-COLOR: #f0f7ff;
    MARGIN-TOP: 0.25ex; MARGIN-LEFT: 72px;  MARGIN-RIGHT: 66px;   MARGIN-BOTTOM: 6px; }

DIV.dues
{
    BORDER-RIGHT: #9999cc 1px dotted;
    BORDER-BOTTOM: #9999cc 1px dotted;
    BORDER-TOP: #ccccdd 1px dotted;
    BORDER-LEFT: #ccccdd 1px dotted;	
    PADDING: 0.5ex;
    BACKGROUND-COLOR: #FFE303;
MARGIN-TOP: 22px;  MARGIN-LEFT: 4px;  MARGIN-RIGHT: 4px;   MARGIN-BOTTOM: 6px;
    }

TABLE.sidebar
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    BORDER-LEFT: white 0.5em solid;
    BORDER-BOTTOM: medium none;
}

.regtdl
{
    FONT: 11px/15px Verdana, Arial, Helvetica, sans-serif;
    COLOR: #125;
    TEXT-ALIGN: left;
    PADDING: 2px;
}
LI.reg  {	FONT: 11px/15px Verdana, Arial, Helvetica, sans-serif;	}
.regthl
{
    FONT: 11px/15px Verdana, Arial, Helvetica, sans-serif;
    COLOR: #125;
    TEXT-ALIGN: left;
    FONT-WEIGHT: bold;
    PADDING: 2px;
    VERTICAL-ALIGN: top;
}

.border	{
    BORDER-RIGHT: #cdcdb4 1px solid;
    BORDER-TOP: #cdcdb4 1px solid;
    BORDER-LEFT: #cdcdb4 1px solid;
    BORDER-BOTTOM: #cdcdb4 1px solid;
}
.border-b{    BORDER-BOTTOM: #efefef 1px solid;}


.maintbl { width:100%; max-width:1024px; margin: 0 auto;}
@media screen and (max-width: 1024px) {
	.--maintbl { max-width:100%;}
}

.banner-reg {width:100%;background-image:url('i/banner7.png'); background-repeat:no-repeat; background-size:cover;min-height:140px;max-height:155px; display:block;}

.banner-mobile { position: relative; margin: 0; background-color: white; display:none;}
	.leftColumn, .rightColumn { }
	.rightColumn { position: absolute; top: 0; right: 0; vertical-align: middle; text-align:right; margin-left: 84px;   padding: .5em; FONT-FAMILY: 'Times New Roman';}
	.leftColumn { width: 70px;   padding: .5em; }
	.bannertitle {font-size:26px;color:#8B3626;text-shadow: 1px 1px 1px #666666;line-height:110%;}
	.bannertext{font-size:13px; line-height:150%;}


/*  HOME PAGE LAYOUT */
.homewrapper {
	--padding: 5px;
	max-width: 1024px;
	width: 100%;
	margin: 2px auto;
}


.columns {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	margin: 5px 0;
}

.column {
	flex: 1;
	--border: 1px solid gray;
	margin: 2px;
	padding: 4px;	
	&:first-child { margin-left: 0; }
	&:last-child { margin-right: 0; }
}


@media screen and (max-width: 640px) {
	.banner-mobile { display:block;}
	.rightColumn { padding: 1em .5em;}
	.leftColumn { padding: .8em; }
	.banner-reg {display:none;}
}


@media screen and (max-width: 500px) {
	.rightColumn { padding: .3em 1em 0 0; }
	.leftColumn { padding: .5em; }	
}

@media screen and (max-width: 360px) {	
	.--bannertext { display:none;}
	.bannertitle {font-size:24px;}
}

@media screen and (max-width: 730px) {
	.columns .column {
		flex-basis: 100%;
		margin: 0 0 5px 0;
	}	
	
}
/*  END HOME PAGE LAYOUT */



.red	{color:red;	}
.navy	{color:navy;	}
.white	{color:white;	}
.blue	{color:blue;	}
.dgreen	{color:#005200;	text-align: center;	}
.green	{color:green;	}
.navyb	{color:navy;	font-weight: bold;	}
.maroon {COLOR: #802020;}
.gray	{color:gray;	}

.redhead{    FONT-WEIGHT: bold;    COLOR: #802020; font-decoration: underline;}

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