html{}
body {
	background-color: #000000;
	background-image: url("graphics/drycity.png");
	 background-repeat: no-repeat;
	  background-attachment: fixed;
  background-size: cover;
	font-family: arial,helvetica, sans-serif;
	margin-top: 20px;
	margin-bottom: 20px;
/*margin-right: 30px;
	margin-left: 30px;*/
}
a {
	color:#D0831F;
text-decoration: none;
}


header {
background-color: #000000;
width: 100%;
color: #ffffff;
padding: 15px;
height:220px;
}
header a:link
{color: #ffffff;
text-decoration: none;
}
.main {
background-color: #ffffff;
width: 80%;
margin-left:auto;
margin-right:auto;
padding:20px;

}
.main a:link:hover
{
	text-decoration: none;
}
.main a:link{
	color: #D0831F;
text-decoration: none;
}
.main a:link:hover{
	color: #4CB31F;
text-decoration: none;
}

footer {
background-color: #000000;
padding:15px;
width: 100%;
color: #ffffff;
}
h1 {
font-size: 220%;
}
h2 {
font-size: 200%;
}
h3 {
font-size: 160%;
}
h4 {
font-size: 150%;
}
h5 {
font-size: 130%;
}
h6 {
font-size: 110%;
line-height: 80%;
}
dt {
font-weight: 800;
font-size: 120%;
}
dd {
margin-bottom: 15px;
}
sup,sub {
font-size: 80%;
}
.viddiv {
width: 60%;
height: auto;
}
li{
margin-bottom: 15px;
}
@media only screen and (max-width: 800px) and (min-width:481px) {
.viddiv {
width: 80%;
height: auto;
}
.main {
width: 90%;
}
}


@media only screen and (max-width: 480px) and (min-width:300px) {
.viddiv {
width: 100%;
height: auto;
}
.main {
width: 100%;
}

}