html {
	border:0; 
	margin:0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 1.0rem;
    line-height:1.25rem;
}
body {
	background:#fff; 
	color:#000; 
	border:0; 
	margin:0; 
}
h1 { font-size:2.0rem; line-height:2.0rem; font-weight:bold; letter-spacing:-1px; }
h2 { font-size: 1.5rem; line-height:1.5rem;}
h3 { font-size: 1.25rem; line-height: 1.25rem;}
h4 { font-size: 1.0rem; line-height:1.0rem;}
p { 
	margin: 0 0 1.5rem 0;
	font-size:1rem;
	line-height:1.25rem;
}

a:link {color:#15e; text-decoration:none;}
a:visited {color:#909; }
a:hover {text-decoration:underline;}
a:active {color:#f00; text-decoration:underline;}

input[type=text], textarea {
	font-size:1.0rem;
	line-height:1.25rem;
	margin:0 0 5px 0;
	padding:5px;
	box-shadow: inset 0px 3px 3px #e4e4e4;
	appearance: none;
	border-top:solid 1px #999;
	border-left:solid 1px #999;
	border-bottom:solid 1px #ccc;
	border-right:solid 1px #ccc;
	box-sizing: border-box;
}
select {
	font-size:1.0em;
	line-height:1.25em;
	margin:0 0 5px 0;
	padding:5px;
    background:#fff;
    border:solid 1px #999;
    box-shadow:#999 0px 1px 1px;

}

.container {width:980px; margin:0 auto; padding:0 0 10px 0;}
.header {background:#2e7bb3; color:#fff; padding:0; margin:0;}
.header a {color:#fff; text-decoration:none;}
.header a:hover {color:#fff; text-decoration:underline;}
.header h1 {display:block; color:#fff; font-size:24pt; line-height:24pt; margin:12px 0 5px 0; padding:0; font-weight:bold; letter-spacing:-1px;}
.header h2 {display:block; color:#fff; font-size:24pt; line-height:24pt; margin:12px 0 12px 0; padding:0; font-weight:bold; letter-spacing:-1px;}
.header h2.subtitle {display:block; color:#b2d7f2; font-size:12pt; line-height:12pt; margin:0 0 16px 0; padding:0; font-weight:bold; letter-spacing:-1px;}
.header h5 {margin:0; padding:0;}
a img {text-decoration:none;}
.footer {margin:20px 0 0 0; padding:0 0 10px 0; border-top: solid 1px #ccc;}
.footer h4 {color: #666;}
.footer a {color:#999; text-decoration:none;}
.footer a:hover {text-decoration:underline;}
ul.header_nav {display:block; margin:2px 0 12px 0; padding:0;}
ul.header_nav li {display:block; width:100px; float:left;}
ul.header_nav li a {color:#fff; text-decoration:none;}
ul.header_nav li a:hover {color:#fff; text-decoration:underline;}
ul.header_nav h4 {margin:0 0 10px 0; padding:0;}

.fine_print {font-size:8.5pt;}
.light {color:#999;}

p.hpfeature {background:#fff; color:#000; font-family:sans-serif;}
p.hpfeature a {padding:0 0 10px 0; display:block;}
p.hpfeature img {border-bottom: 3px solid #000; border-top:solid 1px #ddd;}

/* slightly different header in mobile and desktop */
@media (min-width: 768px) {
	/*
	.header h1 {background:transparent url('/css/20110906/degraeve-logo-60x70.png') center left no-repeat; display:block; float:left; color:#fff; font-size:24pt; line-height:60px; margin:12px 0 12px 0; padding:0 0 0 80px; font-weight:bold; letter-spacing:-1px;}
	*/
	.header h1 {background:none; display:block; float:left; color:#fff; font-size:24pt; line-height:60px; margin:12px 0 12px 0; padding:0; font-weight:bold; letter-spacing:-1px;}
	/*
	.header h2 {background:transparent url('/css/20110906/degraeve-logo-60x70.png') center left no-repeat; display:block; color:#fff; font-size:24pt; line-height:60px; margin:12px 0 12px 0; padding:0 0 0 80px; font-weight:bold; letter-spacing:-1px;}
	*/
	.header h2 {display:block; color:#fff; font-size:24pt; line-height:60px; margin:12px 0 12px 0; padding:0; font-weight:bold; letter-spacing:-1px;}
	.header h2.subtitle {background:transparent; display:block; float:left; color:#b2d7f2; font-size:12pt; line-height:12pt; margin:38px 0 0 12px; padding:0; font-weight:bold; letter-spacing:-1px;}
	ul.header_nav h4 {margin:30px 0 0 0; padding:0;}
}

@media (min-width:320px) and (max-width:767px) {
	h1 { font-size:1.5rem; line-height:1.5rem; font-weight:bold; letter-spacing:0px; }
	h2 { font-size:1.25rem; line-height:1.25rem; }
	h3 { font-size:1.0rem; line-height:1.0rem;}
	h4 { font-size:1.0rem; line-height:1.0rem;}
	div.project_heading {
		text-align:left;
		margin-bottom: 15px !important;
		margin-top: 15px; 
	}
	div.project_name {
		text-align:left;
		margin-bottom: 0px !important;
	}
	div.project_description {
		text-align:left;
		margin-bottom:25px !important;
	}
}

@media (min-width: 768px) {
	div.project_heading {
		text-align:right;
		margin-bottom: 30px !important;
		margin-top: 30px !important;
	}
	div.project_name {
		text-align:right;
		margin-bottom: 15px !important;
	}
	div.project_description {
		text-align:left;
		margin-bottom:15px !important;
	}
}

button {
    font-size:1.0rem;
    padding:6px 10px;
    background:#eee;
    border:solid 1px #999;
    box-shadow:#999 0px 1px 1px;
	border-radius:5px;
	color:#000;
	font-weight:normal;
	margin:0 0 5px 0;
}
button:hover {
    font-size:1.0rem;
    padding:6px 10px;
    background:#eee;
    border:solid 1px #000;
    box-shadow:#999 0px 1px 1px;
	border-radius:5px;
	color:#000;
	font-weight:normal;
	margin:0 0 5px 0;
	cursor:pointer;
}
button:active {
    font-size:1.0rem;
    padding:6px 10px;
    background:#ccc;
    border:solid 1px #999;
    box-shadow:#999 0px 1px 1px;
	border-radius:5px;
	color:#000;
	font-weight:normal;
	margin:0 0 5px 0;
	cursor:pointer;
}