/*Header styling 121217 dr*/

header {
min-height: 120px; 
background: #ffffff;
border-top: 30px solid #862633;
position:relative;
margin:-8px;
}

.navsub{
	border-bottom: 20px solid #52595f;
}

header h1 {
margin-top: 0;
margin-bottom:0;
padding-top: 46px;
padding-bottom:0;
text-align: center;
color: #000000;
font-family: 'Georgia', serif;
font-weight: 400;
font-size:32px;

}


header h2 {
margin-top:0;
text-align: center;
color: #000000;
font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
font-weight: 400;
font-size: 18px;	
padding-bottom:25px;
	
}

.top-horizontal-line { border-top: .015em solid #bda87f; }


.logo {
position: absolute;
top: 5px;
padding-left:5%;
padding-top:5px;

}

img
{display:block;
max-width:100%;
height:auto;}


@media only screen and (max-width:1025px) {
		
	.top-horizontal-line { 
		border-top: .015em none #bda87f; 
	}

	.bottom-horizontal-line{
		border-bottom: .015em solid #bda87f ;
	}
	
	.logo {max-width:160px; margin-top:8px;}
}

@media only screen and (max-width:945px){
	
	
	
	.logo{
		padding:2px;
	}
	header h1{
		font-size:28px;
	}
	
	header h2{
		font-size:18px;
	}
}

@media only screen and (max-width:857px){
	header h1{
		font-size:24px;
		font-weight:bold;
		margin-left:20%;
	}
	
	header h2{
		
		margin-left:20%;
	}
	.logo {max-width:150px;}
	
}

@media only screen and (max-width:620px){
	header{
		max-height:170px;
	}
	
	header h1{
		margin-left:0;
		margin-top:5%;
		
	}
	
	header h2{
		margin-left:0;
	}
	
	.logo {max-width:120px; margin-top:0;}
}

@media only screen and (max-width:510px)
{
	header h1{
		margin-top:10%;
	}
}

@media only screen and (max-width:400px)
{
	header h1{
		font-size:18px;
		margin-top:15%;
	}
	header h2{
		font-size:14px;
	}
}




/*nav bar*/

nav{
	 background-color: #52595f;
	 margin: -8px;
}

ul {
    list-style-type: none;
   
    padding: 0;
    overflow: hidden;
    background-color: #52595f;
	margin-left:5%;
}

li {
    float: left;
}

li a {
    display: block;
    color: white;
    text-align: center;
    padding: 5px 16px;
    text-decoration: none;
	font-family: "Arial", sans-serif;
	font-size:14px;
}

li a:hover {
    background-color: #862633;
}


/*Body*/

.content {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#container {
margin-left: 5%;
margin-right: 5%;
border-bottom: 2px solid #cccccc;
}

.attn{
font-weight: bold; 
color: #ff0000;
}

	
#form {
margin-top: 10px;
}

hr {
width: 80%;
height: 1px;
color: #ececec;
}

/*Log in form*/

/* Style the submit button */
input[type=submit] {
  background-color: #862633;
  color: white;
  padding: 12px 20px;
  border: 2px solid #e7e7e7;
  border-radius: 4px;
  cursor: pointer;
  text-transform: uppercase;
}

/*Style Clear Button*/

input[type=reset] {
  background-color: #52595f;
  color: white;
  padding: 12px 20px;
  border: 2px solid #e7e7e7;
  border-radius: 4px;
  cursor: pointer;
  text-transform: uppercase;
}

.needhostlist{
	padding-left:20px;
	}