@charset "utf-8";
/* CSS Document */

body {padding:0; margin:0;line-height:1.5em;font-family: 'Open Sans',Arial, Helvetica, sans-serif;background-color:#f1f1f1;font-weight:400; width:100%}
#header,#main,#footer,#credit{width:100%;margin:0;float:left}
#header{padding:0;margin-bottom:0em;}

#banner-head{width:90%; padding:10px 5%; margin:0;background-color:#558813;float:left}
#header-title{color:#FFF; font-size:3em;font-family: 'Oswald', sans-serif;line-height:1.5em; }
#header-register{color:#FFF; font-size:1.5em;font-family: 'Oswald', sans-serif;line-height:1.5em; margin:15px 0}

#badge{padding:0;width:100%;background-color:#fff; margin:0;float:left;}
#main{padding:.5em 0 2em 0; }
#footer{padding:2.5em 0; background-color:#333; }
#credit{padding:0 0 2em 0;text-align:center;}
.container{margin:0 auto; padding:0 4%; width:92%; }
.header-container{margin:0 auto; padding:0; width:100%;}
.container-main{float:left;width:100%;background-color:#fff; margin:0; padding:2em 3.5%;}
.container-main{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
/* overrides */
img{border:none;padding:0; margin:0;}

A:link {text-decoration:none;color:#399;}
A:visited,#amenities A:visited {text-decoration:none;color:#399;}
A:hover {text-decoration:none;color:#F90;}
A:active{text-decoration:none;color:#F90;}

h1{font-size:1.75em;line-height:1.5em;font-weight:400; letter-spacing:-.03em; float:left; width:100%; margin:.5em 0}
h2{font-size:1.25em;line-height:1.25em; font-weight:400; color:#620000;}
h3{font-size:1.1em;line-height:1.1em;font-weight:400;}
h1,h3{color:#444}

.fntNormal{font-size:1em;line-height:1.5em;}
.fntMedium{font-size:.85em;line-height:1.4em;}
.fntSmall{font-size:.75em;line-height:1.3em;}
.fnt-color-inverse-dark{color:#666}
.fnt-color-inverse-light{color:#999}
.fnt-color-light{color:#666}
.fnt-color-dark{olor:#333}
.fnt-bold{font-weight:bold}

#breadcrumb{float:left; width:100%;  margin-bottom:1em; padding:0}
#breadcrumb ul,#breadcrumb ul li{float:left; line-height:25px; padding:0; margin:0; list-style:none;}
#breadcrumb ul li{display:inline-block;padding:0 8px 0 0;}
#breadcrumb a{display:block;background:url(../images/forward.png)right center no-repeat;padding:0 12px 0 0; margin:0}
#breadcrumb .home a{background:url(../images/home.png)left center no-repeat; background-position:5px;padding:0 5px 0 25px; margin:0; background-color:#aaa;-moz-border-radius: 2px;border-radius: 2px;}
#breadcrumb .home a:link{color:#FFF; text-decoration:none}
#breadcrumb .home a:hover{color:#FFF; text-decoration:none; background-color:#999}
#breadcrumb .home a:visited{color:#FFF; text-decoration:none}
#breadcrumb .home a:active{color:#FFF; text-decoration:none;background-color:#999}

.btn{padding: 5px;outline: none;cursor: pointer;text-align: center;text-decoration: none;color: #fff;border: solid 0px #0076a3; padding:0 10px; 
		background: #c10e13;-moz-border-radius:3px;border-radius:3px;width:auto;}
.btn:hover{text-decoration: none;background:#D2393D; color:#fff}

.btn a:hover{text-decoration: none;color:#fff}
.btn a:visited{text-decoration: none;color:#fff}
.btn a:link{text-decoration: none;color:#fff}
.btn::-moz-focus-inner {border: 0;}

/* Responsive columns */

.col1, .col2, .col3, .col4, .col5, .col2third{float: left;margin:0 4% 0 0;padding:0}
.col1.last, .col2.last, .col3.last, .col4.last, .col5.last, .col2third .last{margin: 0;}
.col1 { width: 16.8%;} /* Used in Footer */
.col2 { width: 22.375%; }
.col3 { width: 32%;} /* Used in right side panel */
.col4 { width: 48%;} /* frequently used in static and listing pages */
.col5 { width: 100%;} /* frequently used in static and listing pages */
.col2third{width:64%;} /* Used as general placeholder for pages with right side panel */

.title{float:left;height:40px;margin:0; padding:15px 0;margin-left:4%;}
.title img{width:100%}

.page-content{float:left;margin:0; width:100%; padding:0}

.banner{width:100%;display:block;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; float:left;padding:0; margin-bottom:0em}
.banner img{border:0;display:block; margin:0}

.table{margin-bottom:30px;margin-top:0px; font-size:14px; text-align:center}
.table .head{background-color:#558813; color:#fff; }
.table tr{background-color: #eee;}

input[type=text], [type=password], select, textarea{
	border: 1px solid #CCCCCC;
	padding: 2px 5px 2px 5px;
	-moz-border-radius: 3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#282828;
	border-radius: 3px;
	    width: 100%;
}
input[type=text], [type=password], select{height:25px;}
textarea:hover{border: 1px solid #558813;}
select:hover{border: 1px solid #558813;}
input[type=text]:hover{border: 1px solid #558813;}
input[type=password]:hover{border: 1px solid #558813;}

input.button
{
	/*background:url(../images/subnav_slice.png) repeat-x top left;*/
	background-color: #558813;
	height:34px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:16px;
	border: #558813 1px solid;
	border-radius:4px 4px 4px 4px;
	-moz-border-radius:4px 4px 4px 4px;
	-webkit-border-radius:4px 4px 4px 4px;
	-o-border-radius:4px 4px 4px 4px;
	cursor:pointer;
	padding: 0 15px 0 15px;
}
input.button:hover
{
	background-color: #585687;
	/*color:#333;
	box-shadow: 2px 2px 2px #CCCCCC;
	-webkit-box-shadow: 2px 2px 2px #CCCCCC;
    -khtml-box-shadow: 2px 2px 2px #CCCCCC;
	-moz-box-shadow: 2px 2px 2px #CCCCCC;*/
}

.btnnew {
  background: #585687;
  border: 1px solid #585687;
  cursor:pointer;
  background-image: -webkit-linear-gradient(top, #585687, #558813);
  background-image: -moz-linear-gradient(top, #585687, #558813);
  background-image: -ms-linear-gradient(top, #585687, #558813);
  background-image: -o-linear-gradient(top, #585687, #558813);
  background-image: linear-gradient(to bottom, #585687, #558813);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  font-family: Arial;
  color: #ffffff;
  font-size: 16px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btnnew:hover {
  background: #585687;
  background-image: -webkit-linear-gradient(top, #585687, #585687);
  background-image: -moz-linear-gradient(top, #585687, #585687);
  background-image: -ms-linear-gradient(top, #585687, #585687);
  background-image: -o-linear-gradient(top, #585687, #585687);
  background-image: linear-gradient(to bottom, #585687, #585687);
  text-decoration: none;
}

.form-control {
    display: block;
    /* width: 100%; */
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
@media screen and (min-width : 176px){
	.col1, .col2, .col3, .col4, .col5,.col2third {float: left;width: 100%;margin:0;}
	.title{width:210px}
	#header-title{font-size:1.5em;line-height:1.1em; }
	#header-register{font-size:1em;line-height:1em; margin:15px 0 5px 0}
}

@media screen and (min-width: 480px) {	
	.title{width:auto}
	.col1{float: left;width: 50%;}	
	.col1 .last {margin:0;}	
	
}


@media screen and (min-width: 768px) {
	.header-container{width:92%}
	.title{margin-left:0}
	#header-title{font-size:2em;line-height:1.2em; }
	#header-register{font-size:1.5em;line-height:1em; margin:15px 0 15px 0}
}

@media screen and (min-width: 1024px) {
	.col1, .col2, .col3, .col4, .col5, .col2third{	float: left;	margin: 0 4% 0 0;}
	.col1.last, .col2.last, .col3.last, .col4.last, .col5.last, .col2third.last{	margin: 0;}
	.col1 { width: 16.8%; }
	.col2 { width: 22.375%; }
	.col3 { width: 32%;}
	.col4 { width: 48%; }
	.col5 { width: 100%;}
	.col2third{width:64%}	
	.header-container{width:92%;min-width:981px;margin:0 auto; padding:0;}
	.container{min-width:981px;margin:0 auto; padding:0;}
	#header-title{font-size:2.3em;line-height:1.5em; }
	#header-register{font-size:1.5em;line-height:1.3em; margin:15px 0 15px 0}
}
	
@media screen and (min-width: 1280px) {		
	.header-container,.container{max-width:1210px;margin:0 auto; padding:0;}
}
@media screen and (max-width: 540px) {		

		input[type=text], [type=password], select, textarea{width: 150% !important}
		td{font-size: 14px;}
}