html {border:0; margin:0;}
body {background:#fff; color:#000; font-family:sans-serif; border:0; margin:0; font-size:90%; line-height: 1.2em;}
h1,h2,h3,h4,h5  {font-family:sans-serif;}
h1 {font-size:2.5em; font-weight:bold; letter-spacing:-1px; line-height:1.2em; }
h2 { font-size: 2em; line-height:1.2em;}
h3 { font-size: 1.5em; line-height:1.2em;}
h4 { font-size: 1em; line-height:1.2em;}
p { margin: 0 0 1.5em;}
a:link {color:#00e; text-decoration:none;}
a:visited {color:#909; }
a:hover {text-decoration:underline;}
a:active {color:#f00; text-decoration:underline;}

.container {width:980px; margin:0 auto; padding:0 0 10px 0;}
.header {background:#4cbbd3; 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:#a4dde9; 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 {none; 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:#a4dde9; 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;}
}