@charset "utf-8";
/* CSS Document named jh_cyc_style.css */
/* 10/6/20 ver 1.5 */
.clear {
		clear: both;
	}
	
body {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 16px;
    font-weight: normal;
    color: #4f4f4f;
	margin: 0 0 0 0 ;
}

h1 {
	font-size:2em;
	padding-top:10px;
	padding-bottom:10px;
	margin-top:10px;
	text-align: center ;
	}

h2 {
	font-size:1.1em;
	padding-top:10px;
	}

h3 {
	font-size:1.1em;
	padding-top: 5px;
	padding-bottom:5px;
}
	
h4	{
	padding:0px 0px 10px 0px;
	font-size:0.75em;
	line-height:93%;
	}	

	
a:link, a:active, a:visited {
	/* font-weight:normal ;  2/23/23022  not needed; prevents "bigbold" class from having bold font-weight*/
	color:#008bae ;  
	/* color:#38a8ca; */
	/* font-size: 115%; */
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

#wrapper {
	max-width: 1000px; margin:   20px auto 20px auto;  padding: 10px   5px 10px 5px;
	}
		
h1.high {
	/* margin-top: -25px ;  for old setup */
	margin-top: 10px ;
		}
		
p.small {
	margin-top: 0px ;
	margin-bottom: 0px;
	font-size : smaller;

		}
		
h3 span.small {
		font-size : 75% ;
		font-weight : normal ;
		}
		
.tight {
		margin-bottom: 0px ;
		padding-top: 0px;
		}
		
.close {
		margin-bottom: 0px ;
		margin-top: 0px ;
		}
		
li.first{
		margin-top: 0.8ex;
		}

ul.top{
		list-style-type : none;
		margin-left: 1em ;
		padding-left: 0
		}

ul.second{
		list-style-type: disc;
		margin-left: 1em ;
		padding-left: 0 ;
		}

ul.third{
		list-style-type: circle;
		margin-left: 1em ;
		padding-left: 0 ;
		}
		
ul.fourth{
		list-style-type: none;
		margin-left: 1em ;
		padding-left: 0 ;
		}
		
.big {
	font-size : 110%;
		}
		
.bigbold{
	font-size :  110%;
	font-weight : bold ;
	}
	
.small{
	font-size : 75% ;
	font-weight : normal ;
	}
	
.smallbold{
	font-size : 75% ;
	font-weight : bold ;

    }

.lesssmall{
	font-size : 88% ;
	}

.black{
	color : Black;
	}

li {
	font-weight : normal ;
	}
	
#main {
	 
    max-width: 60em ;
	margin-right:auto;
	margin-left:auto;	
    padding: 0px 0px 30px 0px ;
    overflow: auto;
	 
}

#leftcol {
	float: left ;
	width:44%;   
	padding: 10px;
	margin: 1px;
	border : 4px solid #ccc;
	}
	
#rightcol {  /* for archive files */
	float: right ;
	width:44%;   
	padding: 10px;
	margin: 1px;
	border : 4px solid #ccc;
	}	
#rightcolt {
	/* width: 99%; /* for virtual */
	padding: 10px;
	margin: 1px 1px 10px 1px;
	border: 4px solid #ccc;
	}
	
#rightall{	/* for lake and virtual	*/
	float: right ;
	width:47%;
	}
	
#rightcolb {
	/* width: 99% ;    for lake  */
	padding: 10px;
	margin: 10px 1px 1px 1px;
	border: 4px solid #ccc;
	clear: both ;
	}

#nav {
	display: none ;
	text-align: center ;
	}
	
@media only screen and (max-device-width: 700px) {
  /* define mobile specific styles come here */
  
#leftcol {
	width:90%;
	float:none;
	margin: auto;
	}
	

/*	
#rightcolt{
	width:90% ;
	float:left;
   }
#rightcolb{
	width:90% ;
	float:left;
   }
   */
   

#nav {
	text-align: center ;
	display: block ;
	}
	   
#rightall{
	float: none ;
	width: 90% ;
	padding: 0px ;
	margin: 0px ;
	margin: auto ;
	}   
body {
	font-size: 20px ;  /*  added DWS to fit small screen */
	}	
}