* {
	margin:0;
	padding:0;
}
BODY {
	background-color:#FFFFFF;
	font-family: Arial, sans-serif;
	font-size:100%;
	line-height:1.1em;
	font-size: 0.83em;
}

/* Style the hyperlink with no underline */
a {
	text-decoration: none;
	 color: rgb(35, 82, 124);  /*You can set the color to your preferred value */
}

.auto-style1 {
	text-align: center;
}
.auto-style3 {
	text-align: right;
}
.auto-style4 {
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	font-size: medium;
}
/* Add some basic styling to the button */
.submit-button {
	background-color: white;
	color: #2ead34;
	padding: 10px 20px;
	border: 1px solid #2ead34;
	border-radius: 0px;
	cursor: pointer;
	transition: background-color 1s ease;
	font-weight: bold;
  }

  /* Change the button color on hover */
  .submit-button:hover {
	background-color: #2ead34;
	color: white;
  }
.txtsmall {
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	font-size: 8pt;
}
.txtmed {
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	font-size: 10pt;
}
.headtext {
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	font-size: medium;
	text-decoration: none;
    color: black;
}
.txtstd {
	/*font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;*/
	line-height: 1.4; 
	font-size: 12pt;
	text-decoration: none;
    color: #58595b;
}
.titletext {
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	font-size: 14pt;
	text-decoration: none;
    color: #58595b;
}
.titletextb {
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	font-size: 16pt;
	text-decoration: none;
    color: #58595b;
	font-weight:bold;
}
.txtsmwhite {
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	font-size: x-small;
	text-decoration: none;
    color: white;
}
.txtwhite {
	text-decoration: none;
    color: white;
}
.txtlggreen {
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	font-size: 16pt;
	text-decoration: none;
    color: green;
}
.txtitemtitle {
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	font-size: 10pt;
	font-weight:800;
	text-decoration: none;
    color: #58595b;
}
.txtpagetitle {
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	font-size: 14pt;
	font-weight:800;
	text-decoration: none;
    color: #58595b;
}
.txtbluetitle {
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	font-size: 14pt;
	font-weight:800;
	text-decoration: none;
    color: #3781ba;
}
.style1 {
	text-align: center;
}
.style2 {
	font-size: xx-small;

}

.imgshadow {
	box-shadow: 4px 5px #dbdcdd;
}

.ctr {
	margin: auto;
    width: 50%;
}


.balign {
    position: absolute;
    bottom: 40;
    left: 0;
}


.fsSubmitButton
{
padding: 10px 20px 11px !important;
font-size: 15px !important;
/*background-color: #8ec057;*/
background-color: #2B6FBE;

font-weight: bold;
text-shadow: 1px 1px #2B6FBE;
color: #ffffff;
border-radius: 100px;
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
/*border: 1px solid #8ec057;*/
border: 1px solid #2B6FBE;
cursor: pointer;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
}











.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    right: 0;
    background-color: white;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
}

.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    /*color: #111;*/
    color: red;
    /*display: block;*/
    transition: 0.3s
}

.sidenav a:hover, .offcanvas a:focus{
    color: #f1f1f1;
}

.sidenav .closebtn {
  /*  position: absolute; */
    top: 0;
    right: 25px;
    font-size: 10px;
    margin-left: 10px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}









/*enlarge is from cssdemos.tupence.co.uk grains of sand */

ul.enlarge{
list-style-type:none; /*remove the bullet point*/
margin-left:0;
}
ul.enlarge li{
display:inline-block;  /*places the images in a line*/
position: relative;
z-index: 5; /*resets the stack order of the list items - later we'll increase this*/
margin:10px 40px 0 20px;
}
ul.enlarge img{
/*background-color:#eae9d4;*/
padding: 6px;
-webkit-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
-moz-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
box-shadow: 0 0 6px rgba(132, 132, 132, .75);
-webkit-border-radius: 4px; 
-moz-border-radius: 4px; 
border-radius: 4px; 
}
ul.enlarge span{
position:absolute;
left: -9999px;
/*background-color:#eae9d4;*/
padding: 10px;
font-family: 'Droid Sans', sans-serif;
font-size:1em;
text-align: center; 
color: #495a62; 
-webkit-box-shadow: 0 0 20px rgba(0,0,0, .75));
-moz-box-shadow: 0 0 20px rgba(0,0,0, .75);
box-shadow: 0 0 20px rgba(0,0,0, .75);
-webkit-border-radius: 8px; 
-moz-border-radius: 8px; 
border-radius:8px;
}
ul.enlarge li:hover{
z-index: 5;
cursor:pointer;
}
ul.enlarge span img{
padding:2px;
background:#ccc;
}
ul.enlarge li:hover span{ 
top: -500px; /*the distance from the bottom of the thumbnail to the top of the popup image*/
left: -20px; /*distance from the left of the thumbnail to the left of the popup image*/
}
ul.enlarge li:hover:nth-child(2) span{
left: -200px; 
}
ul.enlarge li:hover:nth-child(3) span{
left: -300px; 
}
/**IE Hacks - see http://css3pie.com/ for more info on how to use CS3Pie and to download the latest version**/
ul.enlarge img, ul.enlarge span{
behavior: url(pie/PIE.htc); 
}
/*enlarge is from cssdemos.tupence.co.uk grains of sand */


.blueSubmitButton {
	padding: 6px 14px 7px !important;
	font-size: 20px !important;
	background-color: #00aeff;
	text-shadow: 1px 1px #0686bd;
	color: #edf6fa;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border: 1px solid #5685bf;
	border-radius: 6px;
	cursor: pointer;
	}
	.redSubmitButton {
	padding: 6px 14px 7px !important;
	font-size: 20px !important;
	background-color: #ff2200;
	text-shadow: 1px 1px darkred;
	color: #edf6fa;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border: 1px solid #7a1809;
	border-radius: 6px;
	cursor: pointer;
	}
	.orangeSubmitButton {
	padding: 6px 14px 7px !important;
	font-size: 20px !important;
	background-color: #f4b642;
	text-shadow: 1px 1px #dd8a1e;
	color: #edf6fa;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border: 1px solid orange;
	border-radius: 6px;
	cursor: pointer;
	}
	/* @jjr */
	.greenSubmitButton {
		padding: 6px 14px 7px !important;
		font-size: 20px !important;
		background-color: #1bad07;
		text-shadow: 1px 1px #034d0f;
		color: #edf6fa;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border: 1px solid #095c02;
		border-radius: 6px;
		cursor: pointer;
	}

	
	.blackbox {
		border-radius: 8px;
		border: 2px solid black;
		padding: 14px; 
	}
	.whitebox {
		border-radius: 8px;
		border: 2px solid white;
		padding: 14px; 
	}
	.redbox {
		border-radius: 8px;
		border: 2px solid red;
		padding: 14px; 
	}
	.greenbox {
		border-radius: 8px;
		border: 2px solid #73AD21;
		padding: 14px; 
	}
	.brownbox {
		border-radius: 8px;
		border: 2px solid brown;
		padding: 14px; 
	}
	.orangebox {
		border-radius: 8px;
		border: 2px solid orange;
		padding: 14px; 
	}
	.yellowbox {
		border-radius: 8px;
		border: 2px solid yellow;
		padding: 14px; 
	}
	.bluebox {
		border-radius: 8px;
		border: 2px solid #4787d6;
		padding: 14px; 
	}
	.purplebox {
		border-radius: 8px;
		border: 2px solid #8f57bd;
		padding: 14px; 
	}
	
	.csishadow {
		box-shadow: 2px 2px 5px #888888;
	}