/* CSS Document */

html {

	
}

* {
	padding:0;
	margin:0;
	color:#000000;
}

body {
	height:100%;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	padding:0;margin:0;
	text-align:left;

	background: #ffffff;
	background: -moz-linear-gradient(top,  rgba(209,218,226,1) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(209,218,226,1) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom,  rgba(209,218,226,1) 0%,rgba(255,255,255,1) 100%);
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );*/

	background-repeat:no-repeat;
	background-attachment: fixed;
	
	}

#screen { width:960px;
		min-height:100vh;
		margin:auto;padding:0;
		background-color:white;
		}

#top	{ 
		background-color:white;
		width:740px; 
		height:100px;
		margin:0;
		float:right; 
		z-index: 3;
		}

#logo	{ 
		width: 100%;
		height: 80%;
		margin: 0 auto;
		text-align: right;
		font-size: 9pt; 
		font-family:verdana,arial,sans-serif;
		}

.contact	{
		width: 100%;
		height: 20%;
		margin: 0 auto;
		font-size: 9pt; 
		font-family:verdana,arial,sans-serif;
		}	

#leftnavcol { 
	float:left; 
	width: 220px; 
	padding-top:100px;
	/*background-color:#0E4473;*/
background: #0e4473;
background: -moz-linear-gradient(left,  #0e4473 0%, #166bb6 100%);
background: -webkit-linear-gradient(left,  #0e4473 0%,#166bb6 100%);
background: linear-gradient(to right,  #0e4473 0%,#166bb6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e4473', endColorstr='#166bb6',GradientType=1 );
	

	
	position:fixed;
	height:100%;	
	max-height: calc(100% - 100px);
    overflow-y: auto;
	z-index: 2;			
	}

#content {margin-left: 221px;
	min-height:100%;	
	
		
		}

#news {
	width:190px;
	height:726px;
	padding-left: 10px;
	padding-right:10px;
	float:right;
	position: relative;
	z-index: 1;
	}      
/*  ------------------ navigation bar -------------------- */

/*#navlist { background-color: #0E4473;}*/

#navcontainer { margin-left: 0px; }

#navcontainer ul
{
list-style-type: none;
font-family: verdana, arial, sans-serif;
margin: 0;	/* Aug30 */
padding: 0;	/* Aug30 */
}

#navcontainer li { 
margin: 0;
}

#navcontainer a  /* links */
{
display: block;
color: #ffffff;
background-color: transparent;
font-weight: 600;
text-decoration: none;
font-size: 14px;
}

#navcontainer a:hover
{
background-color: #f4f4f4;
color: #333;
/*border-right: 10px solid #ffffff;*/
padding: 2px 0px 2px 5px;
}

#navcontainer ul ul  /* submenu definition */
{
margin-left: 0px;
padding: 0px;
list-style-type: none;
}

#navcontainer li li a    
{
display: block;
color: #ffffff;
font-weight: 400;
/*background-color: transparent;*/
/*width: 150px;*/
border-top: none;
border-bottom: none;
border-left: none;
text-decoration: none;
font-size: 13px;
padding: 2px 0 2px 5px;
}

.mainmenu { 
display: block;
color:#A0A0A0;
font-weight: 600;
font-size: 14px;
text-indent: 5px ;
border-top: 1px solid #dddddd;
margin: 5px 0 2px 0px;
padding-top:3px;
}

.mainlink {  
display: block;
text-indent: 10px ;
border-top: 1px solid #dddddd;
padding: 2px 0 2px 0px;
}

#subnavlist {  
display: block;
padding: 5px 0px 5px 0px;   /*submenu alignment*/
}


#securenavcontainer li li a {      /*secure site setting text for selectable menu*/
	display: block;
	color: #ffffff;
	font-weight: 400;
	background-color: transparent;
	width: 150px;
	border-top: none;
	border-bottom: none;
	border-left: none;
	text-decoration: none;
	font-size: 14px;
	padding-left:10px;
	}
	

	
#securenavlist li a {			/*secure site 'YWB Home Page' button*/
	display:block;
	text-decoration:none;
	color:white;
	padding-left:10px;
	}
	
#securenavlist li {				/*secure site adding spacing to the selectable menu*/
	padding-bottom:3px;
	padding-top:3px;

	}

#dates li	{						/* secure site side menu text*/
	display: block;
	color: white;
	background-color: transparent;
	text-decoration: none;
	font-size: 12px;
	padding: 5px 0 5px 10px;
	}


/*  ------------------ main stuff -------------------- */

#content h1
{ margin-top:0;}

#content p{
	padding: 5px 20px;
	font-size: 14px;
	line-height: 1.3em;
	color: #000000;
	}
#content ul{
	padding: 5px 20px 5px 50px;
	font-size: 14px;
	color: #000000;
	}
#content ul ul{
	padding: 5px 20px 5px 50px;
	}

/*  ---- links ----*/
#content a {
	color: #0E4473;
	font-weight: bolder;
	}
#content a:hover { 
	color: #6e7b8b;
	}
#content a:visited { 
	color: #557694;
	}

/*  ---- Ensure a second level of ul is not indented left for application forms ----*/
#content .noindent  {
	padding: 5px 20px 5px 0px;
	}

#content ul li {
	margin-bottom: 3px;
	color: #000000;
	}


/*  ---- Headers ----*/

h1{
	font-size: 120%;
	margin: 20px 0px 10px 20px;
	padding-bottom: 2px;
	border-bottom: 1px solid #f4f4f4;
	color: #0E4473;
	font-variant: small-caps;
	}
h2 {
	font-size: 100%;
	margin: 10px 5px 2px 20px;
	padding-bottom: 2px;
	color: #BF5C2A;
	}
h3 {
	font-size: 14px;
	margin: 5px 0px 2px 20px;
	color: #000000;
	}
h4 {
	font-size: 100%;
	margin: 5px 0px 2px 30px;
	color: #333;
	}
h5 {
	font-size: 100%;
	margin: 5px 0px 0px 30px;
	color: #DC143C;
	}

/*  ---- Tables and lists ----*/
	
table	{
	margin:20px 0 20px 15px;
		}

.main th {
	display: table-cell;				/*2018Jan*/
	padding: 10px 0px 10px 15px;
	line-height: 1.3em;
	color: #000000;
	font-weight:bold;
	text-align:left;
	}

.main tr, td	{
	font-size: 14px !important;
	padding:10px 10px 10px 15px; 
	line-height: 1.3em;
	color: #000000;
	text-align:left;
}

.secure {							/*2018Nov Secure site tables to increase font size and set table width*/
	width: 100%;
	}
	
.secure td {
	font-size: 15px !important;
	}
	
.solid {
	background-color: #f8f8f8;
	color: #000000;
	}

.solid th {
	display: table-cell;				/*2018Jan*/
	padding: 10px 20px 10px 15px;
	line-height: 1.3em;
	color: #000000;
	font-weight:bold;
	text-align:left;
	}


ol {
    counter-reset: foo;
    display: table;
	}

ol > li {
    counter-increment: foo;
    display: table-row;
	}

ol > li::before {
    content: counter(foo) ".";
    display: table-cell; /* aha! */
    text-align: right;
	}
	
/*  ---- Classes ----*/

.waterline	{
	position: relative;
	width: 184px;
	}	/* added Dec 2016 */
	
.application {
	position: relative;
	margin-top: 10px;
	margin-left: 3px;
	}	/* added Aug 2016 */
	
.reports {
	position: relative;
	margin-top: 10px;
	margin-left: 3px;
	}	/* added Dec 2016 */

.news_text 	{
	 position: relative;
	 margin-top: 10px;
	 margin-left: -15px;
	 width:inherit;
	}	/* added Aug 2016 */
	
.newsdate 	{
	font-size: 10px;
	text-align: right;
	} 		/* added Aug 2016 */

.back_to_top { 
	text-decoration: none;
	font-size: 11px;
	border-bottom: 1px solid #fff;
	background: url('images/top_arrow.gif') no-repeat right;
	text-align: right;
	display: block;
	padding: 0px 20px 2px 0;
	}

a:hover.back_to_top { 
	border-bottom: 1px dashed #e4e4e4;
	}

.note {
	font-size: 11px;
	}
	
.notered {
	font-size: 10px; color: #dd004d;
	}

.update { 
	padding: 50px 10px; color: #fff; font-size: 10px;
	}

.external { 
	background: url('images/external_link_icon.gif') no-repeat right; padding-right: 15px
	}
	
.acrobat_link { 
	background: url('images/pdficon_small.gif') no-repeat right; padding-right: 20px
	}
	
.important{
	color:red;
	font-size: 12px;
	padding: 5px 20px;
	text-align:right
	}
.auto-style7 {
	margin-left: 4px;
	padding-bottom:10px;
	font-size:14px;
	}
	
.auto-style3 {
	text-align: center;
	}
	
	
/*  ---- Image Line Jun2017    https://codepen.io/wolfcry911/pen/GkxgA----*/
#imgline {
  display: table;
  width: 90%;
  margin: 10px auto;
}

#imgline a {
  display: table-cell;
  text-align: center;
  width: 16%;	
}

#imgline img {
  width: 100%;
  max-width: 90px;
}

/* styles for faq list - added June 2020 */


h2.accordion {
  cursor: pointer;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
  margin-bottom:5px;
  margin-left:45px;
}
     
h2.accordion.active, h2.accordion:hover {	/* Add a background color to the accordion if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
color:#8C431F

}

h2.accordion:before {				/* Unicode character for "plus" sign (+) */
  content: '\25BA\A0'; 
  font-size: 13px;
  color: #0E4473;
  float: left;
  margin-left:-20px;
}
     
h2.accordion.active:before {		/* Unicode character for "minus" sign (-) */
  content: '\25BC\A0'; 
}
       
div.panel {							/* Style the element that is used for the panel class */
/* background-color: #e8f3fc;*/
  max-height: 0;
  overflow: hidden;
  transition: 0.4s ease-in-out;
  opacity: 0; 
}
     
div.panel.show {
  opacity: 1;
  max-height: 500px; /* Whatever you like, as long as its more than the height of the content (on all screen sizes) */
}

div.panel p {
 margin: 0 40px;
}

/* Start collapsing list FAQ's page */


      .collapsibleList li{
  	   list-style:none;
       cursor:auto;    
   
      }

      .treeView li.collapsibleListOpen:before{
      content:'\25BC\A0';
        
      }
      
      .treeView li.collapsibleListClosed:before{
        content:'\25BA\A0';
        
      }
      
      .treeView li.collapsibleListOpen{
	   cursor:pointer;
	   
}

		.treeView li.collapsibleListClosed {
	   cursor:pointer;
}
   
 
    .auto-style8 {
		text-decoration: underline;
	}

	
	
/* End collapsing list FAQ's page */






/*Begin - Filter list for new Forms page - added Dec 17, 2020  -not implemented  */

 
.container div {
  margin:5px 20px 5px 20px;  
  width: 100%;
  height:100%
  float: left;
  transition: all 0.5s ease;
}

.hidden {
  display: none;
}

hr.forms
{
	margin: 10px 20px 10px 20px;
}


.drop_down {
	margin-left:20px;
	
	
}

.list {
	font-size:12pt;
}

/*End - Filter list for Forms page - added Dec 17, 2020*/