/* Reset styles */

* {margin:0; padding:0; text-decoration:none; border:none; font-weight:normal; font-style:normal;}

/* Page setup */

body {background-color:white; color:#999999; font-size:8pt; font-family:Arial, Helvetica, Verdana, sans-serif; line-height:1.5em; text-align:justify;}
#wrapper {padding:0.3em 3em 0em 3em; min-width:35em; max-width:1000px;}
/* #maincontent {width:40em;} */

/* Skip links */

#skiplinks {position:absolute; left:-10000px;}
#skiplinks a:focus, #skiplinks a:active, #skiplinks a:hover {margin-left:10000px; margin-top:-3em; font-size:0.8em; background-color:#097765; color:white; display:block; text-decoration:none; border:none; padding:0.25em 0.5em 0.25em 1.25em;}

/* Headings */
/* Main page heading (banner) */
h1 {padding:1.25em 0em 1em 0em; font-family:broadway,broadway BT,sans-serif; color:#28BEF0; font-size:4.5em; font-weight:bold; text-align:right;}
h1 span {display:block; font-size:0.33em; margin-top:1em; font-family:Arial, Helvetica, Verdana, sans-serif; letter-spacing:normal; font-weight:normal; text-shadow:none;}
/* Main navigation */
ul.navigation {list-style:none; padding:0.75em 0; font-family:sans-serif; font-size:1.25em; margin-bottom:2em;}
ul.navigation li {display:inline; padding:0; margin:0; padding-right:1em; text-transform:uppercase;}
ul.navigation a {color:#999999; text-decoration:none;}
ul.navigation a:hover, ul.navigation a:focus {color:black;}
ul.navigation li.navlinks {display:none;}
/* Secondary headers */
h2 {font-family:sans-serif; font-size:1.5em; margin-bottom:1em;}
h3 {font-family:sans-serif; font-size:1.25em; margin-top:0.75em; margin-bottom:0.75em; font-weight:bold;}

/* General content stuff */
p {margin-bottom:0.5em;}
a {color:inherit; text-decoration:underline;}
a:hover, a:focus {text-decoration:none;}

/* Footer */
#companyinfo {margin:0; padding:2em 0em 5em 0em; font-size:1em; font-family:sans-serif; margin-top:2em; clear:both;}
#companyinfo a {text-decoration:none;}
#companyinfo a:hover {text-decoration:none;}

/* Front page */
#demoproj {float:right; margin-left:4em; margin-bottom:1em; background-repeat:no-repeat;}
@media screen and (max-width:50em) {
	#demoproj {float:none; margin-left:0;}
}

/* Tweaks */
body.nomain h2 {display:none;}
#maincontent + .navigation {display:none;} /* Hide bottom nav bar */
.hide {display:none !important;}
/* Navigation Highlight */

body.home ul.navigation li.navhome a {font-weight:bold; color:black;}
body.who ul.navigation li.navwho a {font-weight:bold; color:black;}
body.sust ul.navigation li.navsust a {font-weight:bold; color:black;}
body.proj ul.navigation li.navproj a {font-weight:bold; color:black;}
body.links ul.navigation li.navlinks a {font-weight:bold; color:black;}

@media print {
	body.nomain h2 {position:static; display:block; margin-bottom:1em; font-weight:bold}
	#pageend , .navigation {display:none;}
	a {text-decoration:none;}
	h1 {padding-top:1em;}
	#companyinfo {padding-top:0; margin-top:0.5em;}
	abbr, acronym, .help {border-bottom:inherit; cursor:inherit;}
	.printhide {display:none !important;}
}