body{
	background-color:#852121;
	background-attachment:fixed;
	font-family:arial;
	font-size:12pt;
	color:#ffffff;
	background-image:url('../../images/bkgd.gif');
	padding:0;
	margin:0;
}

/* global */
.container{
	width:80%;
	margin:auto;
	overflow:hidden;
}

hr {color:#D00040;}
a:link {color:#FFFF00;}
a:visited {color:#00FF00;}
a:hover {color:#FFFF00;}
a:active {color:#FF0000;}


/* header */
header{
	padding-top:20px;
	min-height:70px;
	border-bottom:#ffffff 3px solid;
	background-color: #852121;
	color: #FFFFFF;
	background-image: url('../../images/bkgd.gif');
}

header  div .center{
	float:right;
	margin:0;
}
header #title1{
	float:left;
	margin:0;
	text-shadow: 3px 3px #000000;
}

/* main */
ul{
	margin:0px;
	padding:0px;	
}
li{
	display:inline;
	padding: 0px 5px 0px 5px;
	white-space:nowrap;
}

main div.box,main div.box1{
	float:right;
	margin-bottom:20px;
	margin-left:5px;
}
main div.box img{
	width:250px;
}
h3{
	color:yellow;
}
div #sun,#classic,#map,.nofloat{
	clear:right;
}


/* footer */
footer{
	padding:5px;
	margin-top:10px;
	text-align: center;
	border-top:#ffffff 3px solid;
}

/*DropDown Menu*/
.dropbtn {
  background-color: #368fbe;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
}

.dropdown {
  position: absolute;
  left: 10%;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  left: 0px;
  background-color: #c0c0c0;
  min-width: 100px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background-color: #b0d0f0;}

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {background-color: #286f93;}

/* Media Queries */
@media(max-width: 768px){
	header #title1{
		float:none;
		text-align:center;
		width:100%;
	}
	header div .center{
		float:none;
		text-align:center;
	}
	header{
		padding-bottom:20px;
	}
	main div.box{
		float:none;
		text-align:center;
	}
	main div.box img{
		width:70%;
	}
	h3{
		text-align:center;
	}
	.dropbtn {
 		font-size: 12px;
		max-width: 70px;
	}
}

