/*ctrl-F5 to force firefox browser to update the css file*/

h1{color:#4169E1;line-height: 105%;font-size: 28pt;}
h2{color:#6495ED;line-height: 105%;font-size: 21pt;}
h3{color:#1E90FF;line-height: 105%;font-size: 17pt;}
h4{color:#076bed;line-height: 105%;font-size: 15pt;}

/* video {width: 100% !important;  height: auto !important;}  --- This makes the video player responsive*/

@media screen and (min-width:300px) and (max-width:768px) {body {margin-top:30px;}}
@media screen and (min-width:769px) and (max-width:1006px) {body {margin-top:90px;}}
@media screen and (min-width:1007px) and (max-width:1950px) {body {margin-top:40px;}}
@media only screen  and (min-width : 1950px) {body {margin-top:40px;}} /* Large screens */

/* Modify the backgorund color (actually works 7/3/2021) */
/*.navbar-nav {background-color: #D2B48C;} */

.navbar-nav {padding-bottom:30px;} /*increase padding-button value to make the nav bar higher} */
/*.navbar-nav li a {height: 60px; padding-top:12px; padding-bottom:3px; font-size: 16px; color:#1E90FF;} */
.navbar-nav li a {height: 40px; padding-top:12px; padding-bottom:3px; font-size: 14px; color:#1E90FF;}

.class1 a:link {text-decoration:none; color:black;}    /* unvisited link */
.class1 a:visited {text-decoration:none; color:black;} /* visited link */
.class1 a:hover {text-decoration:underline; color:white;}  /* mouse over link */
.class1 a:active {color:orange;}  /* selected link */

.class2 a:link {text-decoration:none; color:black;}    /* unvisited link */
.class2 a:visited {text-decoration:none; color:black;} /* visited link */
.class2 a:hover {text-decoration:underline; color:white;}  /* mouse over link */
.class2 a:active {color:orange;}  /* selected link */

.class3 a:link {text-decoration:none; color:pink;}    /* unvisited link */
.class3 a:visited {text-decoration:none; color:black;} /* visited link */
.class3 a:hover {text-decoration:underline; color:white;}  /* mouse over link */
.class3 a:active {color:orange;}  /* selected link */


.myButton {
margin-top: 2px;
margin-bottom: 5px;
	-moz-box-shadow: 0px 0px 0px 0px #276873;
	-webkit-box-shadow: 0px 0px 0px 0px #276873;
	box-shadow: 0px 0px 0px 0px #276873;
	background-color:#599bb3;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:2px solid #29668f;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:18px;
	font-weight:bold;
	padding:8px 16px;
	text-decoration:none;
	text-shadow:0px 1px 0px #3d768a;
}
.myButton:hover {
	background-color:#408c99;
}
.myButton:active {
	position:relative;
	top:1px;
}

/* This sets the page background and font style on the pull down menu */
body
{
/*IE6 :hover fix */
/*background-image: url(../images/bluegradient.gif); 
background-repeat: repeat-x; */
behavior:url(cssHover.htc);
}

.myjumbotron
{
background-color: #000000;
margin-top: 15px;
margin-left: -5px;
margin-right: -15px;
text-align: center;
margin-bottom: 5px;
padding: 10px 10px 10px 10px;
/*top,right,botton.left */

	font-family: "Arial";
	font-size: 25pt;
	color: #C0C0C0; /*dark slate gray*/
	line-height: 130%;
	font-style: normal;
	word-spacing: nornal;
	letter-spacing: normal;
	text-decoration: none;
	text-transform: none;
}

.myFontCSS-12pt 
{
	font-family: "Arial";
	font-size: 11pt;
	color: #000000;
	word-spacing: normal;
	font-weight: normal;
    line-height: 102%;
}

.myFontCSS-10pt 
{
	font-family: "Arial";
	font-size: 9pt;
	color: #000000;
	font-weight: normal;
}

.myFontCSS-11pt 
{
	font-family: "Arial";
	font-size: 11pt;
	font-color: #000000;
	font-weight: normal;
	text-align: left;
	font-variant: small-caps;
	text-decoration:none; color:black;
}

.myFontSmallCaps
{
	font-family: "Arial";
	font-size: 14pt;
	font-color: #000000;
	line-height: 120%;
	font-weight: normal;
	font-style: normal;
	word-spacing: normal;
	letter-spacing: normal;
	text-decoration: none;
	text-transform: none;
	font-variant: small-caps;
}


#centertable
{
/* background-color:#ffffff;
 background-repeat: repeat-x; */
background-color:#ffffff;
margin-left: -5px;
margin-right: -1px;
 /* border:4px solid #808080; */
}

div.buttonbox
{
height: auto; 
width: auto; 
border:1px solid gray;
background-color:#D2B48C;
padding:2px;
}

div.buttonbox2
{
height: auto; 
width: auto; 
color: white;                /* text color is white */ 
background: blue;            /* Content, padding will be blue */
margin: 12px 395px 12px 5px;
/*top,right,botton.left*/
border:2px solid gray;
background-color:#4169E1;
padding:2px;
}

div.leftpanel
{
margin-top: 2px;
margin-left: 2px;
margin-right: 5px;
text-align: justify;
margin-bottom: 5px;
padding:5px;
padding: 1px 12px 2px 12px;
/*top,right,botton.left */

background-color:#FCD59A;
/*background-color:#FFEBCD;
background-color:#FCD59A;*/
	font-family: "microsoft sans serif";
	font-size: 11pt;
	color: #000000; /*dark slate gray*/
	line-height: 125%;
	font-style: normal;
	word-spacing: nornal;
	letter-spacing: normal;
	text-decoration: none;
	text-transform: none;
}

div.centerpanel
{
margin-top: 20px;
margin-left: 2px;
margin-right: 2px;
/*text-align: justify;*/
text-align: left;
margin-bottom: 5px;
padding: 1px 2px 2px 1px;
/*top,right,botton.left */

background-color:#fff;
/*background-color:#FFEBCD;
background-color:#FCD59A;
	font-family: "microsoft sans serif";
    */
	font-family: -apple-system, system-ui, BlinkMacSystemFont; /* Nice font */
	font-family: "Arial";
	font-size: 14pt;
	color: #808080; /*gray*/
	/* color: #000000; black */
    font-weight: 400;
	line-height: 150%;
	font-style: normal;
	word-spacing: nornal;
	letter-spacing: normal;
	text-decoration: none;
	text-transform: none;
}

div.centerpanel2
{
margin-top: 2px;
margin-left: 2px;
margin-right: 5px;
text-align: left;
margin-bottom: 5px;
padding:5px;
padding: 1px 16px 2px 20px;
/*top,right,botton.left */

background-color:#ffffff;
/*background-color:#FFEBCD;
background-color:#FCD59A;
	font-family: "microsoft sans serif";*/
	font-family: "Arial";
	font-size: 14pt;
	color: #808080; /*gray*/
	line-height: 150%;
	font-style: normal;
	word-spacing: nornal;
	letter-spacing: normal;
	text-decoration: none;
	text-transform: none;
}


div.footerpanel
{
margin-top: 2px;
margin-left: 5px;
margin-right: 12px;

margin-bottom: 2px;
padding:5px;
padding: 1px 2px 2px 4px;
/*top,right,botton.left */

background-color:gray;

	font-family: "Arial";
	font-size: 13pt;
	color: white;
	line-height: 130%;
	font-weight: normal;
	font-style: normal;
	word-spacing: normal;
	letter-spacing: normal;
	text-decoration: none;
	text-transform: none;
	/*font-variant: small-caps;
	background-color:#BDB76B;
	margin-left: -4px;
	margin-right: 2px;*/
}

     #footer {
            position: sticky;
            padding: 10px 10px 0px 10px;
            bottom: 0;
            width: 100%;
            height: 40px;
            background: green;
            color: white;
        }