h1 {
	color:#fff;
	opacity: .9;
	font-family:"Times";
	font-size:50px;
	margin: 0;
    padding: 0;
}

h2 {
	color:#fff;
	opacity: .7;
	font-family:"Times";
	font-size:20px;
	margin: 0;
    padding: 0;
}

h3 {
	color:#595959;
	font-family:"Times";
	font-size:25px;
    padding-left: 40px;
}

body {
	background-color: #fff
	font-family:"Times";
	font-size:15px;
}

.thething {
	padding-top:100px;
	margin:0 auto;
	max-width:1000px;
	min-width:1000px;
}

#header {
	background-image: url("images/light.png");
	text-align:right;
	padding-top:20px;
	padding-bottom:10px;
	padding-right:15px;
	color:white;
}

/* .headerimage {
	img {width:100%}
} */

#nav {
	background-color:#fff;
	color:#1a1a1a;
}

#section1 {
	background-color:#fff;
	color:#666;
	padding:20px;
	height:600px;
	overflow:auto;
}

#footer {
	background-color:#f2f2f2;
	color:white;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
	font-family:"Times";
	font-size:12px;
	
}

p.style1 {
	font-size:15px;
	padding-left:2cm;
	padding-right:2cm;
	width:400px;
	font-family:"times";
}

p.style2 {
	font-size:15px;
	padding-left:2cm;
	padding-right:2cm;
	width:400px;
	font-family:"times";
}

p.style3 {
	font-size:15px;
	padding-left:2cm;
	padding-right:2cm;
	width:400px;
	font-family:"times";
	line-height:170%;
}

img.fade {
	opacity: .9;
	filter: alpha(opacity=90);
}

img:hover {
	opacity: .6;
	filter: alpha(opacity=60);
}

/* links */
a:link {
	text-decoration: none;
	color:#595959;
}

a:visited {
	color:#595959;
}

a:hover {
	color:#737373;
}


/* navigation bar */
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color:#f3f3f3;
}

li {
    float:right;
}

li a, .dropbtn {
    display: block;
    color:#fff;
    text-align: center;
    padding: 14px 16px;
    text-decoration:none;
}

li a:hover, .dropdown:hover .dropbtn {
    background-color:#fff;
}

li.dropdown {
	display: inline-block;
}

.dropdown-content {
	display: none;
	position: absolute;
	background-color: #757575;
	min-width: 130px;
}

.dropdown-content a {
	color:white;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
	text-align: left;
}

.dropdown-content a:hover {background-color: #808080}

.show {display: block;}

.active {
    background-color:#fff;
    

/* banner graphic */

bannerbody {
  margin: 0;
  background: #222;
  min-width: 960px;
}

rect {
  fill: none;
  pointer-events: all;
}

bannercircle {
  fill: none;
  stroke-width: 2.5px;
}
    
    
/* fading image things */
/* couldn't figure this one out */