/* -------------------------------------------------------- */

body {
/*	width : 1020px; */
	margin : 0 auto;'
	padding : 0;
	/* font-family : "times new roman", georgia, serif; */
	font-family: "SinkinSans-400Regular", "Arial", sans-serif;
	text-align : center;
	border-left: 1px #dddddd;
	border-right: 1px #dddddd; 
	border-bottom: 2px #dddddd;
	border-top: 2px #dddddd;
	background-color: #000000
}

table
{ 
margin-left: auto;
margin-right: auto;
}

#banner {

	font-style: italic;
  /*  float: left;
    margin-left: 9%; */

    

	/* margin-left : 0%;
	width: 460px;
	text-align: left; */
}

#sub-banner {
    font-style: italic;
}

/*
div {
	border : none;
 	padding : 5px; 
}*/


h1, h2, h3, h4, h5, h6 {
  /* font-family: "Helvetica", "Arial", sans-serif; */
  font-family: "Trebuchet MS", "Arial", sans-serif;
  url('Cantarell-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
}

h1 {
   margin: 20px;
   text-align : center;
   color : #e6e6e6;
   font-size : small;
}

h2 {
   margin: 20px;
   margin-left: -10%;
   text-align : center;
   color : #e6e6e6;
   font-size : 15pt;
   font-family: "Trebuchet MS", "Arial", sans-serif;
   font-weight : 100;
   font-style:oblique
}

/* h3 {
	text-align : left;
	margin : 0;
	font-weight : bold;
 	color : #e6e6e6;
	font-size:12pt;
	padding:5px 5px 25px;
} */

h3 {
   margin: 20px;
 /*  margin-left: 30%;
   margin-right: 30%; */
   text-align : left;
   color : #e6e6e6;
   font-size : medium;
}

h4 {
   margin: 2px;
   margin-left: 3%;
   text-align : left;
   color : #e6e6e6;
   font-family: "Trebuchet MS", "Arial", sans-serif;
   font-size : medium;
   font-weight : 100;
   width : auto;
}

h5 {
   margin: 2px;
/*   margin-left: 30%;
   margin-right: 30%; */
   text-align : center;
   color : #e6e6e6;
   font-family: "Trebuchet MS", "Arial", sans-serif;
   font-size : medium;
   font-weight : 100;
}

h6 {
   margin: 2px;
   text-align : center;
   color : #e6e6e6;
   font-family: "Garamond", "Arial", sans-serif;
   font-size : medium;
}

sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

a {
	font-weight : bold;
	color : #e6e6e6;
	text-decoration : none;
	text-align : left;
}


	
a:hover {
	color : #E0E0E0;
<!--	text-decoration : underline; -->
}

a:visited {
	color : #e6e6e6;
	text-decoration : none;
}

a img { border: none}

p {
	text-align : left;
	font-size : x-small;
	voice-family : inherit;
	font-size : small;
}

html>p {
	font-size : small;
}


p a {
	color : #0000FF;
	}
	
p a:hover {
	color : #0000FF;
}
	
p a:visited {
	color : #e6e6e6;
	}


	
#text p {
	margin-left: 130px;
	margin-right: 100px;
	margin-bottom : 20px;
	margin-top : 10px;
	}
/* -------------------------------------------------------- */


img {
	max-width: 100%;
	width: auto;
	height: auto;
	box-sizing: border-box;
}

#midimg {
	clear : both;
	text-align : center;
}

#midimg h2 {
	text-align : left;
	color : #e6e6e6;
	line-height: 120%
}

#midimg h3 {
	color : #e6e6e6;
}

#midimg h4 {
/*	float: center;
	text-align : left;
	color : #e6e6e6; */
	position: relative;
  /*  left: 4%; */
    width: 950px;

}

#midimg h5 {
	text-align : center;
	color : #e6e6e6;
}

#midimg h6 {
	text-align : center;
	color : #999999;
	font-size: small;
}

/*#midimg img {
	border : 1px solid #000000;
	}

	
#midimg img {
	padding: 1px;
	background-color: #000000;
	}
	*/
	
#midimg img 	{
	border: 1px solid #d0d0d0;
	padding: 5px;
	background-color: #e8e8e8;
	}




#home {
	clear : both;
	text-align : center;
}

	
#home img {
	border : 0px;
	}
	
#home h5 {
	color : #e6e6e6;
	}
/* -------------------------------------------------------- */

#footer {
	text-align : left;
	font-size: small;
	}
	
#footer a {
	text-align : left;
	margin-left : 0;
	color : #263966;
	}
	
#footer a img {
	text-align : left;
	}

	.left {
    float: left;
    width: 50%;
}

.right {
    margin-left: 50%;
}


/* ---------------------------------------------------------- */

/* Button Style */
input#gobutton{
cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/
padding:3px 20px; /*add some padding to the inside of the button*/
background:#FFFFFF; /*the colour of the button*/
border:1px solid #e6e6e6; /*required or the default border for the browser will appear*/
/*give the button curved corners, alter the size as required*/
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
/*give the button a drop shadow*/
-webkit-box-shadow: 0 0 4px rgba(0,0,0, .75);
-moz-box-shadow: 0 0 4px rgba(0,0,0, .75);
box-shadow: 0 0 4px rgba(0,0,0, .75);
/*style the text*/
color:#000066;
font-size:12pt;
}
/* Button's hover and focus states */ 
input#gobutton:hover, input#gobutton:focus{
background-color :#FFFFD6; /*make the background a little darker*/
/*reduce the drop shadow size to give a pushed button effect*/
-webkit-box-shadow: 0 0 1px rgba(0,0,0, .75);
-moz-box-shadow: 0 0 1px rgba(0,0,0, .75);
box-shadow: 0 0 1px rgba(0,0,0, .75);
}