@import url("jtt/jtt.css");
html {
	-moz-box-sizing: border-box; /* Firefox 4 requires this */
	box-sizing: border-box;
}
*, *:before, *:after {
	-moz-box-sizing: inherit;  /* Firefox 4 requires this */
	box-sizing: inherit;
}
body { margin: 0 15%; padding: 0; font-family: "Bliss Light", "Trebuchet MS", sans-serif; font-weight: 200; color: #585858; line-height: 120%; }
h1 { margin: 15px 0 20px 0; font-size: 1.4em; font-weight: 200; line-height: 120%; font-family: "Bliss Bold", "Trebuchet MS", sans-serif; font-weight: bold; color: #282828; }
h2 { font-size: .8em; font-family: "Bliss Bold", "Trebuchet MS", sans-serif; font-weight: bold; text-transform: uppercase; letter-spacing: 0.09em; color: #282828; line-height: 120%; }
a { color: #cc0000; }
a:hover, a:focus { color: #8c0000; }
strong { font-family: "Bliss Bold", "Trebuchet MS", sans-serif; font-weight: bold; color: #282828; }
small { font-size: .8em; }
main { }
hr { visibility: hidden; clear: both; margin: 0; }
.intro { margin: 60px 0 60px 0; }

.col { display: block; float: left; margin: 0 80px 30px 0; }
.col.info { margin-right: 0; }
.col ul { list-style-type: none; margin: 0; padding: 0; border-top: 1px solid #cc0000; }
.col ul li { margin: 0; padding: 0; border-bottom: 1px solid #f0f0f0; }
.col ul li:last-child { border: none; }
.col ul li a, .col ul li span { display: block; padding: 5px 60px 5px 0; text-decoration: none; }

.col.unavailable h2 { color: #8c0000; }
.col.unavailable ul { border-color: #cc0000; }
.col.unavailable ul li { border-color: #fae5e5; color: #cc0000; }

.col.available h2 { color: #297c48; }
.col.available ul { border-color: #25d065; }
.col.available ul li { border-color: #d2f6d5; color: #20b658; }
.col.available a { color: #20b658; }
.col.available a:hover, .col.available a:focus { color: #297c48; }

.col.info h2 { color: #236aa6; }
.col.info ul { border-color: #2699fb; }
.col.info ul li { border-color: #f1f8fe; }
.col.info a { color: #2699fb; }
.col.info a:hover, .col.info a:focus { color: #236aa6; }


footer { margin: 30px 0; clear: both; }
footer .contact { margin: 40px 0 0 0; padding: 20px 0 0 0; border-top: 1px solid #f0f0f0; }
footer .footercol { display: block; float: left; margin: 0 100px 30px 0; }

@media only screen and (min-width: 841px) and (max-width: 1300px) {
	
	body { margin: 0 5%; }
	
}

@media only screen 
and (max-width: 840px) {
	
	body { margin: 0 10%; }
	header img { width: 90px; height: auto; }
	.intro { margin: 30px 0 40px 0; }
	.col { float: none; margin: 0 0 40px 0; }
	.col ul li a { display: block; padding: 5px 0 5px 0; text-decoration: none; }
	footer { margin-top: 10px; }
	footer .contact { margin: 40px 0 0 0; }
	footer .footercol { float: none; margin: 0 0 20px 0; }

}