/* Reset CSS */
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html, body {
  height: 100%;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: #333;
  background-color: #f9f9f9;
}

/* Typography */
h1, h2, h3, h4, h5, h6 {
  font-weight: 600;
  color: #222;
  margin-bottom: 0.5em;
}

p {
  margin-bottom: 1em;
}

a {
  color: #007bff;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

.message{
	
	color:green;
	
}

.error{
	
	color:red;
	
}

/* Form Elements */
input, select, textarea, button {
  font-family: inherit;
  font-size: 1rem;
  color: #333;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
select,
textarea {
  width: 100%;
  padding: 0.75em;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #fff;
  margin-bottom: 1em;
}

input:focus, select:focus, textarea:focus {
  outline: none;
  border-color: #007bff;
}

button, .btn {
  display: inline-block;
  padding: 0.75em 1.5em;
  font-size: 1rem;
  color: #fff;
  background-color: #007bff;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  text-decoration:none;
}

button:hover, .btn:hover {
  background-color: #0056b3;
}


button.subdued{
	
background-color: #666 !important;	
	
}

/* Table */
table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 1em;
  float:left;
}

th, td {
  padding: 0.75em;
  border: 1px solid #ddd;
  text-align: left;
}

th {
  background-color: #f1f1f1;
  font-weight: 600;
}


#wrapper{
	
	position:relative;
	width:100%;
	height:auto;
	
	max-width:1200px;
	margin:30px auto;
	
}

.formSearchHolder-quarter{
	
	float:left;
	width:21%; 
	margin:0 1% 0 0;
	
}

.formSearchHolder-third{
	
	float:left;
	width:32%; 
	margin:0 1% 0 0;
	
}

.formSearchHolder-quarter button{
	
	width:100%;
	
}

#nav{
	
	position:absolute;
	top:116px;
	right:0;
	list-style-type:none;
	
}

#nav li{
	
	display:inline-block;
	padding:0 5px;
	
}

.col-half{
	
	float:left;
	width:46%;
	margin:0 2%;
	
}

.col-half img{
	
	float:right;
	width:100%;
	height:auto;
}

p.subText{
	
	font-size:10px;
	margin:0 0 10px 0;
	padding:0;
}

#logo{
	
	float:left;
	width:100%;
	height:auto;
	text-align:center;
	
}

#logo img{
	
	width:100px;
	height:auto;
	margin:0 auto;
	
}


/* iPhone Media Query */
@media only screen and (max-width: 1050px) {
  body {
	font-size: 14px;
  }

  h1 {
	font-size: 1.5em;
  }

  h2 {
	font-size: 1.25em;
  }

  button {
	width: 100%;
  }
  
 #wrapper{
	 
	 position:relative;
	 width:96%;
	 height:auto;
	 max-width:1200px;
	 margin:30px 2%;
	 
 } 
  
}

/* Print Stylesheet */
@media print {
  /* Hide navigation */
  #nav,h1 {
	display: none;
  }

  /* Hide all anchor tags */
  a {
	text-decoration: none;
	color: black;
	cursor: default;
  }

  /* Hide all buttons */
  button {
	display: none;
  }
  
  /* Optional: Clear any unwanted page margins for cleaner printing */
  body {
	margin: 0;
	padding: 1em;
	color: #000;
	font-size: 12pt;
  }
  
  .col-half img{
	  
	  float:right;
	  width:100px;
	  height:auto;
  }
  
}

