@charset "utf-8";
/* CSS Document */
body {width:100%; font-size:14px; margin: 0 auto; font-family:Verdana, Arial, Helvetica, sans-serif; }

header {padding:1800px auto; width:100%; Color:white;   font-size:150%; background-color:#c5c5c5; padding-top:1px; text-align:center;}

.headerclass img {height: 40%;    width: 60%;   margin: -15px -5px 0; }


h1 {position: relative; size:2em;  top: 18px; left: 0px; Color:#000000; vertical-align:middle; text-align:center;}
h2 {size:1.5em; vertical-align:middle;}
h3 {size:1.25em;vertical-align:left;}


.main{margin: 0 auto; color:#000000; border: 5px #507DA5 solid; width:90%; padding-bottom:10px;overflow:hidden; font-size:100%;}
.br {clear:both;}

.box {margin: 0 auto; }
 
.line {border: 1px #B7B6B6 solid;  }
.bigtext {color:black;}
.bodystuff{margin:0 auto; padding-left:10px; padding-top:10px;font-size:0.9em; font-family:"Times New Roman", Times, serif;}
.bodystuff1{margin:5 10; padding-right:10px;  padding-left:10px;} 
.bigpic {width:100%; height:auto; margin:0 auto 20px auto; float:left;}
.picture {float:left; width:auto; overflow:hidden;margin-right:10px;}
.address {float:left; width:auto;padding:0 10px; margin:0 auto;}
.img{margin-top:10px;}
.half {width:40%; margin:5 10; padding-right:10px;  padding-left:10px;}
/*.container {  border-radius: 5px;  background-color: #f2f2f2;  padding: 20px;*/



footer {margin: 0 auto; width:99%; Color:#cc0000;  font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.75em; text-align:center;}

/*Style the navigation*/
.navigation{border: 3px solid white; border-radius: 5px 5px 5px 5px;margin-bottom:25px;display:inline-block;}
ul.navigation{ font-size:0.8em;	background-color:#4d4d4d;	border-radius: 5px 5px 5px 5px; padding:20px 0px; margin-bottom:25px;	list-style-type:none; } 
ul.navigation li {color: #000000; margin:20px 0px; display:inline;}
ul.navigation li a{color: white;  text-decoration:none; -ms-border-bottom-right-radius: 5px 5px; border-bottom-right-radius: 5px 5px; padding:5px 5px; width:200px;}
ul.navigation li a:visited {color:white;  background-color:#555555;  text-decoration:none; -ms-border-bottom-right-radius: 5px 5px; border-bottom-right-radius: 5px 5px; padding:5px 5px; width:200px;}
ul.navigation li a:hover {color:white; background-color:#999999; border-radius: 5px 5px 5px 5px; text-decoration:none; }
ul.navigation li.highlight {}
ul.navigation li.highlight a {display:none;}  /* this makes the link to the current page invisible!! */
/*END of links Styling */

.copy {color:black;}


input[type="text"], textarea, select{
    width:350px;
	background:#efefef;
    border:1px solid #dedede;
    padding:10px;
    margin-top:3px;
    font-size:0.9em;
    color:#3a3a3a;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    box-sizing: border-box;
	margin-right:10px;
}


/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media (max-width: 1200px) {  .half{width:100%;}}

 
@media (max-width: 600px) {  input[type=submit], input[type="text"], textarea, select{width: 80%;margin-top: 0;}}

@media (max-width: 400px) {  input[type=submit], input[type="text"], textarea, select{width: 90%;margin-top: 0;}}

@media (max-width: 400px) {  input[type=submit], input[type="text"], textarea, select{width: 98%;margin-top: 0;}}