@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic|Berkshire+Swash);

html, body, div { 
	padding: 0; 
	margin: 0;
}

body {
	background: #fff;
	color: #000;
	margin: 0;
	border: 0;
	font: 100%/1.4em "Open Sans", Arial, Helvetica, sans-serif;
}
a { color: #115DAB; }
a:visited { color: #00417D; }
a:hover, a:active { color: #644580; }
a img, 
img {
	border: 0;
	max-width: 100%;
	height: auto;
}
img.snap {
	max-width: 98%;
}
embed,
iframe,
object,
video {
	max-width: 100%;
}
hr {
	clear: both;
	height: 0px;
	border-width: 1px 0 0 0;
	border-top: 1px solid #bbb; 
	padding: 0;
	margin: 1.5em 0;
}
.alt { display: none; }
sup {
	margin: 0;
	padding: 0;
	vertical-align: 50%;
	font-size: .6em;
	line-height: 1em;
}
sub {
	margin: 0;
	padding: 0;
	vertical-align: -20%;
	font-size: .7em;
	line-height: 1em;
}
h2, h3, h4, h5, h6 {
	margin: .6em 0 .3em 0;
}
p, ul, ol {
	margin: .2em 0 1.2em 0;
}
h1 {
	margin: 0 0 .5em 0; 
	font-size: 1.7em;
	line-height: 1.2em;
	font-weight: 400;
	color: #644580;
}
h2 {
	font-family: "Berkshire Swash", "Times New Roman", Georgia, serif;
	font-size: 1.8em;
	line-height: 1.2em;
	font-weight: normal;
	color: #002578;
}
h2.subtitle {
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	line-height: 1.3em;
}
h3 {
	font-size: 1.2em;
	line-height: 1.2em;
}
h4 {
	font-size: 1.1em;
	line-height: 1.2em;
}
h5 {
	font-size: 1em;
	line-height: 1.3em;
	font-weight: bold;
}
ul, ol {
	margin-left: 0;
	margin-top: 0;
	padding-left: 0;
}
ul li {
	margin-left: 1.2em;
	padding-left: 0;
	margin-bottom: 0;
}
.sep { margin-top: .8em; }
.sep li {
	margin-bottom: 1em;
}
ol li {
	margin-left: 2em;
	padding-left: 0;
	margin-bottom: .5em;
}
ol ul li {
	margin-bottom: 0;
}
ol ul {
	margin-bottom: .5em;
	margin-top: .25em;
	list-style-type: disc;
}
ul ul, ul ol, ol ul {
	margin-left: 1em;
}
dl { 
	margin: 0 0 1em 0;
}
dt {
	margin: .5em 0 0 0;
	font-weight: normal;
}
dd {
	margin: 0 0 0 1.5em;
}
.clr { 
	clear: both;
}
.spacer {
	clear: both;
	padding-top: 1em;
}
.cen {
	text-align: center; 
}
.sm {
	font-size: .85em;
}
.fll { 
	float: left;
	margin: 5px 10px 10px 0;
}
.flr {
	float: right;
	margin: 5px 0 10px 10px;
}
img.fll, img.flr,
.fll, .flr {
	max-width: 34%;
}
img.img-cen {
	display: block;
	margin: .5em auto 1em auto;
}
.snap {
	border: 2px solid #fff; 
	-webkit-border-radius: 2px; 
	-moz-border-radius: 2px; 
	-o-border-radius: 2px; 
	border-radius: 2px; 
	box-shadow: 0 0px 3px 1px rgba(0,140,208,.5); 
	-webkit-box-shadow: 0 0px 3px 1px rgba(0,140,208,.5); 
	-moz-box-shadow: 0 0px 3px 1px rgba(0,140,208,.5); 
	-o-box-shadow: 0 0px 3px 1px rgba(0,140,208,.5); 
}
.fll.snap, .fll .snap {
	margin-left: 5px;
}
.flr.snap, .flr .snap {
	margin-right: 5px;
}
.icon {
	vertical-align: middle;
	padding-right: 3px;
}
.top { 
	text-transform: uppercase;
	text-align: right;
	clear: both;
	font-size: .85em;
	margin: .2em 0;
	padding: 2px 0 0 0;
	border-top: 1px solid #A7CD39; 
}
.top a {
	text-decoration: none;
	padding: 2px 5px;
	background: #F3F3F3;
	color: #666;
	font-weight: bold;
	border-radius: 3px;
}
.top a:hover {
	background: #A7CD39;
	color: #fff;
	-webkit-text-shadow: 0 -1px 1px rgba(0,0,0,.4);
	-moz-text-shadow: 0 -1px 1px rgba(0,0,0,.4);
	text-shadow: 0 -1px 1px rgba(0,0,0,.4);
}
.top a:before {
	content: "^ ";
}
.bc {
	font-size: .9em;
	color: #666;
	line-height: 1.3em;
}
table {
	margin: 1em 0 1.5em 0;
}

/* layout */

header {
background: rgb(174,243,250);
background: -moz-linear-gradient(top,  rgba(174,243,250,1) 0%, rgba(255,255,255,1) 32%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(174,243,250,1)), color-stop(32%,rgba(255,255,255,1)));
background: -webkit-linear-gradient(top,  rgba(174,243,250,1) 0%,rgba(255,255,255,1) 32%);
background: -o-linear-gradient(top,  rgba(174,243,250,1) 0%,rgba(255,255,255,1) 32%);
background: -ms-linear-gradient(top,  rgba(174,243,250,1) 0%,rgba(255,255,255,1) 32%);
background: linear-gradient(to bottom,  rgba(174,243,250,1) 0%,rgba(255,255,255,1) 32%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aef3fa', endColorstr='#ffffff',GradientType=0 );

}

header, #content {
	padding: 10px 10px 0 10px;
	}
#content article { 
	clear: both; 
	overflow: hidden; 
	margin-bottom: 1em; 
}

/* masthead styles */

header h1 {
	font-family: "Berkshire Swash", "Times New Roman", Georgia, serif;
	font-size: 2.5em;
	line-height: 1;
	font-weight: normal;
	margin-bottom: 0;
	margin-right: 60px;
	color: #1285F9;
}
header h1 a:link,
header h1 a:visited {
	text-decoration: none;
	color: #1285F9;
}
header h1 a:hover {
	color: #46A4FD;
}
header h2 {
	font-family: "Times New Roman", Times, Georgia, serif;
	font-size: 1.5em;
	font-weight: bold;
	letter-spacing: 1px;
	color: #000;
	text-transform: uppercase;
	margin-top: .3em;
	margin-bottom: .5em;
}
#menu-icon {
	display: block;
	position: absolute;
	right: 10px;
	top: 10px;
	color: #fff;
	background-color: #002578;
	padding: 7px;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 12px;
	font-weight: normal;
	border-radius: 4px;
}
#menu-icon:hover, #menu-icon:active {
	cursor: pointer;
	background: #1285F9;
	color: #000;
}
#lines { 
	display: block;
	margin: 0 auto;
	border-bottom: 10px double #fff; 
	border-top: 3px solid #fff; 
	content: "";
	height: 4px; 
	width: 27px;
}


/* footer styles */

footer {
	clear: both;
	text-align: center;
}
#footer-nav { 
	margin: 1em 0; 
	padding: 2px 0 1px 0;
}
#footer-nav a {
	display: block;
	text-decoration: none;
	text-align: center;
	color: #eee;
background: rgb(0,37,120);
background: -moz-linear-gradient(top,  rgba(0,37,120,1) 0%, rgba(0,12,96,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,37,120,1)), color-stop(100%,rgba(0,12,96,1)));
background: -webkit-linear-gradient(top,  rgba(0,37,120,1) 0%,rgba(0,12,96,1) 100%);
background: -o-linear-gradient(top,  rgba(0,37,120,1) 0%,rgba(0,12,96,1) 100%);
background: -ms-linear-gradient(top,  rgba(0,37,120,1) 0%,rgba(0,12,96,1) 100%);
background: linear-gradient(to bottom,  rgba(0,37,120,1) 0%,rgba(0,12,96,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002578', endColorstr='#000c60',GradientType=0 );

	font-size: 16px;
	line-height: 37px;
	font-weight: normal;
	padding: 0;
	margin: 0;
	text-shadow: 0 -1px 1px #000;
	border-bottom: 1px solid #0157E8;
}
#footer-nav a:hover, #footer-nav a:active {
background: rgb(0,228,255);
background: -moz-linear-gradient(top,  rgba(0,228,255,1) 0%, rgba(0,186,219,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,228,255,1)), color-stop(100%,rgba(0,186,219,1)));
background: -webkit-linear-gradient(top,  rgba(0,228,255,1) 0%,rgba(0,186,219,1) 100%);
background: -o-linear-gradient(top,  rgba(0,228,255,1) 0%,rgba(0,186,219,1) 100%);
background: -ms-linear-gradient(top,  rgba(0,228,255,1) 0%,rgba(0,186,219,1) 100%);
background: linear-gradient(to bottom,  rgba(0,228,255,1) 0%,rgba(0,186,219,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e4ff', endColorstr='#00badb',GradientType=0 );

	color: #000;
	text-shadow: 0 1px 1px #fff;
}

#credits { 
	text-align: center; 
	font-size: .75em;
	line-height: 1.3em;
}

/* special styles */

#main-nav { display: none; }

.downloads {
	display: block;
	float: left;
}
.downloads h3 {
	color: #658B0B;
	margin-bottom: .5em;
}
.button {
	display: inline-block;
	overflow: hidden;
	margin: 0 6px 8px 0;
	border-radius: 12px;
	border: 3px solid #D4EEFE;
	padding: 5px 12px 6px 8px;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.4em;
	line-height: 1;
	color: #002578;
	text-shadow: 0 1px 1px #fff;
	box-shadow: 3px 3px 5px rgba(0,0,0,.5);
background: rgb(178,225,255);
background: -moz-linear-gradient(top,  rgba(178,225,255,1) 0%, rgba(102,182,252,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(178,225,255,1)), color-stop(100%,rgba(102,182,252,1)));
background: -webkit-linear-gradient(top,  rgba(178,225,255,1) 0%,rgba(102,182,252,1) 100%);
background: -o-linear-gradient(top,  rgba(178,225,255,1) 0%,rgba(102,182,252,1) 100%);
background: -ms-linear-gradient(top,  rgba(178,225,255,1) 0%,rgba(102,182,252,1) 100%);
background: linear-gradient(to bottom,  rgba(178,225,255,1) 0%,rgba(102,182,252,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2e1ff', endColorstr='#66b6fc',GradientType=0 );

}
.button:hover, .button:active {
	border-color: #FFDB43;
}
.icon {
	float: left;
	display: block;
	margin-right: 5px;
}
.attribute {
	display: block;
	margin-left: 40px;
	white-space: nowrap;
	font-size: .6em;
	font-weight: normal;
	color: #555;
	text-shadow: none;
}
.pullquote {
	display: block;
	margin: 1em 0;
	border: 1px solid #999;
	border-width: 1px 0;
	padding: 15px 10px;
	font-size: 1.3em;
	line-height: 1.4em;
	font-style: italic;
	color: #666;
}
.pqauthor {
	display: block;
	font-size: .65em;
	line-height: 1.3em;
	margin-top: .5em;
	font-style: normal;
}
.pullquote a {
	display: block;
	text-align: right;
	font-size: .7em;
	line-height: 1.3em;
	font-style: normal;
	margin-top: .5em;
}
.red { color: red; }
.green { color: green; }
#Phone-Button { 
	margin-top: .5em; 
	font: 100%/1.4em "Open Sans", Arial, Helvetica, sans-serif;
}
#Show-Phone {
	display: block;
	margin-top: .5em;
	font-size: 1.1em;
}
form { background: #DFDEEA; padding: 5px; border-radius: 6px; }
label, .field { display: block; width: 100%; }
label { margin-bottom: .2em; }
.field { margin-bottom: .7em; }
.field input[type="text"], textarea { width: 98%; font-size: 1em; font-family: "Open Sans", Arial, Helvetica, sans-serif; }
input[type="submit"] {
	font-size: 1em; font-family: "Open Sans", Arial, Helvetica, sans-serif;
}

.captcha { 
	background-color: #ccf; 
	padding: 8px; 
	margin: 1em auto; 
	overflow: hidden;
	text-align: center;
}

/* media queries */

@media screen and (max-width: 359px) {
	img.fll, img.flr, .fll, .flr, 
	img.fll.snap, img.flr.snap {
		float: none;
		display: block;
		max-width: 98%; 
		margin: .5em auto;
	}
	header h1 {
		font-size: 2em;
		line-height: 1.1;
	}
	header h2 {
		font-size: 1.3em;
	}

}

@media screen and (min-width: 640px) {

	#footer-nav { 
		-webkit-columns: 2;
		-moz-columns: 2;
		columns: 2;
		-moz-column-gap: 2px; 
		-webkit-column-gap: 2px; 
		column-gap: 2px;
	}
	h1 { font-size: 2em; }
	h2.subtitle { font-size: 1.5em; }
	.pullquote {
		float: right;
		width: 36%;
		margin: 20px 0 15px 25px;
		padding: 15px 0;
	}
	
}

@media screen and (min-width: 800px) {

	html { 
		background: #002578 url(images/htmlbg.jpg) repeat-x 0 0;
		height: 100%;
	}
	body {
		background: url(images/bodybg.jpg) no-repeat -280px top;
		font: 95%/1.4em "Open Sans", Arial, Helvetica, sans-serif;
		color: #000;
		height: 100%;
	}
	#wrapper {
		width: 95%;
		padding: 0;
		margin: 0 auto 1em auto;
		max-width: 1200px;
		min-height: 900px;
		overflow: hidden;
	}
	
	header {
		background: transparent;
		filter: none;
		padding: 0;
		margin-top: 60px;
		margin-bottom: 20px;
		overflow: hidden;
	}
	header h1 {
		font-size: 75px;
		text-shadow: 0px 1px 1px #fff, 0px -1px 1px #fff, 1px 0px 1px #fff, -1px 0px 1px #fff;
		margin: 0 0 .2em 0;
	}
	header h2 {
		color: #FFDB43;
		font-size: 32px;
		letter-spacing: .2em;
		margin: 0 0 .3em 0;
		text-shadow: 0px 0px 3px #000;
	}
	#menu-icon  { display: none; }
	#title {
		margin-left: 29%;
	}
	#main-nav { 
		display: block; 
		float: left;
		width: 27%;
		padding: 34px 0 15px 0;
	}
	#main-nav ul {
		list-style: none;
		margin: 0;
		padding: 0;
		text-align: center;
	}
	#main-nav li {
		padding: 0;
		margin: 0 0 .3em 0;
	}
	#main-nav a, #main-nav a:visited {
		text-decoration: none;
		display: block;
		padding: 5px 8px;
		font-family: "Times New Roman", Times, Georgia, serif;
		font-size: 1.2em;
		font-weight: bold;
		letter-spacing: 1px;
		text-transform: uppercase;
		color: #fff;
		text-shadow: 0 0 4px #002578;
		border: 1px dotted #999;
		border-radius: 4px;
	}
	#main-nav a:hover, #main-nav a:active {
		color: #FFDB43;
 		background: #fff;
		opacity: 25%;
		background: rgba(255,255,255,.25);
	}
	

	#content {
		background: #fff;
		padding: 30px 2.5% 10px 2.5%;
		width: 66%;
		border-radius: 6px;
		float: right;
		margin-bottom: 20px;
		background: rgba(255,255,255,.8); 
background: -moz-linear-gradient(top,  rgba(255,255,255,0.75) 0%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.75)), color-stop(100%,rgba(255,255,255,1)));
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.75) 0%,rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top,  rgba(255,255,255,0.75) 0%,rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top,  rgba(255,255,255,0.75) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,0.75) 0%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfffffff', endColorstr='#ffffff',GradientType=0 );
	}
	h1 { font-size: 2.3em; }
	footer {
		padding-top: 5px;
	}

	/* special styles */

	form { background: transparent; padding: 0; border-radius: 0; }

	.row { clear: both; overflow: hidden; margin-bottom: .5em; }
	label { float: left; width: 25%; text-align: right; }
	.field { float: left; width: 70%; padding-left: 2%; margin-bottom: .5em; }
	.field input[type="text"] { width: 65%; }
	
	.captcha { width: 460px; }
	.captcha-left, .captcha-right {
		display: inline-block;
		margin: 0 5px;
		vertical-align: top;
	}
	
	#credits, #credits a {
		color: #aaa;
	}
	#footer-nav { 
		background: transparent;
		filter: none;
		padding: 0;
		-webkit-columns: 1;
		-moz-columns: 1;
		columns: 1;
		-moz-column-gap: 0px; 
		-webkit-column-gap: 0px; 
		column-gap: 0px;
	}
	#footer-nav a {
		display: inline;
		background: transparent;
		filter: none;
		padding: 0 10px;
		margin: 0;
		font-weight: normal;
		font-size: 1em;
		line-height: 2em;
		text-decoration: none;
		text-transform: none;
		letter-spacing: 0;
		border: none;
		text-shadow: none;
		color: #fff; 
	}
	#footer-nav a:hover, #footer-nav a:active {
		background: transparent;
		filter: none;
		text-shadow: 0px 0px 6px #000;
		color: #00E4FF;
	}
	a.phone-link {
		text-decoration: none;
		color: #000;
		cursor: default;
	}
	ul, ol {
		margin-left: 1.6em;
	}	

}

@media screen and (min-width: 1000px) {
	body {
		background-position: center top; 
	}
	header {
		margin-top: 24px;
	}
	header h1 {
		font-size: 94px;
	}
	header h2 {
		font-size: 40px;
	}

	.lside {	
		float: left;
		width: 48%;
	}
	.rside {
		float: right;
		width: 48%;
	}
	.fll { 
		margin-right: 20px;
	}
	.flr {
		margin-left: 20px;
	}
	footer {
		padding-top: 0;
	}
	
}
@media screen and (min-width: 1150px) {
	
	#main-nav li {
		margin-left: 7%;
		margin-right: 7%;
	}
	#main-nav li.book-icon {
		margin: 14px 6px 0;
		display: inline-block;
		width: 130px;
		height: 130px;
		text-indent: -9999px;
		background: url(images/icon-365.jpg) no-repeat 0 0;
		border-radius: 4px;
	}
	#main-nav li.book-icon a, 
	#main-nav li.book-icon a:visited { 
		height: 130px;
		padding: 0;
		border: 1px solid #6F00A8;
		text-shadow: none;
	}
	#main-nav li.book-icon a:hover, 
	#main-nav li.book-icon a:active {
		opacity: 100%;
		background: transparent;
		box-shadow: 0 0 8px #fff;
		border-color: #00E4FF;
	}
	#main-nav li#hcb.book-icon {
		background-image: url(images/icon-hcbs.jpg)
	}
	#main-nav li#ttm.book-icon {
		background-image: url(images/icon-ttm.jpg)
	}
	#main-nav li#edb.book-icon {
		background-image: url(images/icon-edb.jpg)
	}
	

}