/*
URL: scienceoverdrive.org
Description: styles for screen & projection
Designed by: escapecreative.com
*/
	
/* ----------------------------------- Global Elements ----- */
* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	background: transparent; }
	
hr {
	display: none;
	margin: 0; }

.clear {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0; }

.hide {
	display: none;
  text-decoration: none;
  border: 0; }
	
strong { 
	font-weight: bold;
	color: #00558f; }
em {
	font-style: italic; }
	
acronym {
	border-bottom: 1px dotted #999;
	cursor: help; }

body {
	background: #3991cc url(/img/bg/body-waves.png) no-repeat 50% 0;
  font-family: "lucida grande", tahoma, arial, sans-serif; 
  font-size: 62.5%; /* sets 1em = 10px */
  line-height: 1; /* sets line-height = font-size */
  color: #343434;
  text-align: center; }
	
/* ----- Paragraph & Link Text ----- */
p {
	margin-bottom: 20px; }
p.right {
	text-align: right; }
p.emphasize {
	font-size: 1.83em;
	line-height: 1.2em;
	font-weight: bold;
	color: #888; }
	
a {
	color: #0e76bc;
	text-decoration: underline; }
	a:hover {
		color: #c60714; }

a.pdf {
	padding: 0 0 2px 22px;
	background: url(/img/icon/pdf.gif) no-repeat; }

/* ----- Lists & Tables ----- */
ul li {
	background: url(/img/bg/bullet.png) no-repeat 0 6px;
	padding-left: 14px; }
ul {
	margin: 20px 0 20px 17px;
	list-style-type: none; }

ol {
	margin: 20px 0 20px 36px; }
li {
	margin: 0 0 15px 0; }
	
table {
	margin-bottom: 30px;
	border: 0; }

th {
	padding: 3px 20px 3px 3px;
	color: #0e76bc;
	font-weight: bold;
	border-bottom: 1px solid #0e76bc;
	vertical-align: bottom;
	text-align: left; }
		
td {
	padding: 3px 20px 3px 3px;
	border-bottom: 1px solid #ccc; }
	
/* ----- Funding Tables */
.funding {
	width: 100%;
	clear: left; }
	.funding td,
	.funding th {
		padding: 3px; }
.funding a {
	text-decoration: none; }
	.funding span a {
		text-decoration: underline; }
.funding span {
	font-size: 10px;
	font-weight: normal; }

.total td {
	border-top: 2px solid #222;
	border-bottom: none;
	font-weight: bold; }
#grandtotal .total {
	background: #fffdd9; }
	
tr.last td {
	border-bottom: none; }

col.desc {
	width: 225px; }
col.unitcost {
	width: 101px; }
col.numberunits {
	width: 121px; }
col.totalcost {
	width: 109px; }
	
td.center,
th.center {
	text-align: center; }
	
/* ----- General Column styling */
.col16p {
	width: 16%; }
.col20p {
	width: 20%; }
.col64p {
	width: 64%; }

/* ----------------------------------- Header & Navigation ----- */
#header {
	position: relative;
	background: #fff;
	margin: 55px auto 0;
	width: 860px;
	height: 100px;
	padding: 20px 20px 0;
	text-align: left;
	-moz-border-radius: 1em 1em 0 0;
	-webkit-border-top-left-radius: 1em;
	-webkit-border-top-right-radius: 1em;
	z-index: 999; }

.arrow {
	position: absolute;
	top: 35px;
	left: 0;
	width: 967px;
	height: 128px;
	background: url(/img/header/mainnav-arrow.png) no-repeat;
	z-index: -1 !important; }
	
	#header strong a {
		display: block;
		float: left;
		width: 162px;
		height: 99px;
		margin-right: 24px;
		text-indent: -9999px;
		background: url(/img/header/main-logo.png) no-repeat; }
		
	#printlogo {
		display: none; }
	
	#mainnav {
		margin-top: 70px; }
		
		#mainnav li {
			float: left;
			list-style: none;
			margin-right: 14px;
			padding: 0;
			background: none; }
			#mainnav li.last {
				margin: 0; }
				
			#mainnav li a {
				display: block;
				padding: 5px;
				-moz-border-radius: 0.3em;
				-webkit-border-radius: 0.3em;
				text-decoration: none;
				font-size: 1.6em;
				font-weight: bold; }
				#mainnav li a:hover {
					text-shadow: 1px 1px #fff; }
					
				#mainnav li#aboutus a {
					color: #0e76bc; }
					#mainnav li#aboutus a:hover {
						background: #c3ddee; }
						.aboutsection #mainnav li#aboutus a {
							background: #0e76bc;
							color: #fff;
							text-shadow: 1px 1px #000;
							cursor: default; }
				#mainnav li#whatwedo a {
					color: #f1592a; }
					#mainnav li#whatwedo a:hover {
						background: #fbd5ca; }
						.whatwedosection #mainnav li#whatwedo a {
							background: #f1592a;
							color: #fff;
							text-shadow: 1px 1px #000;
							cursor: default; }
				#mainnav li#ourmission a {
					color: #662d91; }
					#mainnav li#ourmission a:hover {
						background: #d9cae3; }
						.missionsection #mainnav li#ourmission a {
							background: #662d91;
							color: #fff;
							text-shadow: 1px 1px #000;
							cursor: default; }
				#mainnav li#donate a {
					color: #139e63; }
					#mainnav li#donate a:hover {
						background: #c4e7d8; }
						.donatesection #mainnav li#donate a {
							background: #139e63;
							color: #fff;
							text-shadow: 1px 1px #000;
							cursor: default; }
				#mainnav li#getinvolved a {
					color: #e60714; }
					#mainnav li#getinvolved a:hover {
						background: #f1c1c4; }
						.getinvolvedsection #mainnav li#getinvolved a {
							background: #e60714;
							color: #fff;
							text-shadow: 1px 1px #000;
							cursor: default; }
							
/* ----------------------------------- Homepage Only ----- */
#homepage #container {
	padding-bottom: 10px; }
			
#slideshow-nav {
	list-style: none;
	margin: 0 0 60px;
	padding: 0; }
	#slideshow-nav li {
		float: left;
		background: none;
		margin: 0 50px 0 0;
		padding: 0;
		font: bold 14px "lucida grande", arial, sans-serif; }
		#slideshow-nav li.last {
			margin: 0; }
		
		#slideshow-nav a {
			display: block;
			padding: 0 0 6px;
			text-decoration: none; }

		#slideshow-nav li.summary a {
			color: #f1592a; }
			li.summary a:hover,
			li.summary a.current {
				border-bottom: 4px solid #f1592a; }
		#slideshow-nav li.workshop a {
			color: #0e76bc; }
			li.workshop a:hover,
			li.workshop a.current {
				border-bottom: 4px solid #0e76bc; }
		#slideshow-nav li.when a {
			color: #662d91; }
			li.when a:hover,
			li.when a.current {
				border-bottom: 4px solid #662d91; }
		#slideshow-nav li.free a {
			color: #139e63; }
			li.free a:hover,
			li.free a.current {
				border-bottom: 4px solid #139e63; }

#slideshow {
	margin: 0 0 40px; }

#slideshow div {
	overflow: hidden;
	width: 100%; }

#slideshow img {
	float: right;
	clear: right;
	margin-left: 22px; }

#slideshow h2 {
	font-size: 32px;
	font-weight: normal;
	margin-bottom: 20px; }
	.summary h2 {
		color: #f1592a; }
	.workshop h2 {
		color: #0e76bc; }
	.when h2 {
		color: #662d91; }
	.free h2 {
		color: #139e63; }

#slideshow p,
#slideshow li {
	font: 14px/20px "lucida grande", sans-serif; }

.bottom {
	clear: both;
	padding: 20px 0;
	margin-top: 15px;
	background: url(/img/bg/homepage-bottomgradient.png) repeat-x; }

.moreinfo {
	float: left;
	width: 266px;
	padding-right: 15px;
	margin-right: 15px;
	border-right: 1px solid #58585a;
	font-size: 1.1em;
	line-height: 1.5em; }
	#homepage .last {
		padding: 0;
		margin: 0;
		border: 0; }
		
	#homepage h3 {
		font-size: 1.8em;
		font-weight: normal;
		letter-spacing: -0.04em;
		color: #00558f;
		margin-bottom: 14px;
		text-transform: none; }
		
	.moreinfo img {
		float: left;
		margin: 4px 10px 6px 0; }

/* ----------------------------------- Main Content Area ----- */
#container {
	width: 860px;
	min-height: 550px;
	margin: 43px auto;
	text-align: left;
	background: #fff;
	padding: 10px 20px 30px;
	-moz-border-radius: 0 0 1em 1em;
	-webkit-border-bottom-left-radius: 1em;
	-webkit-border-bottom-right-radius: 1em;	}
				
#main {
	float: right;
	width: 580px;
	margin-left: 30px;
	font-size: 1.2em;
	line-height: 1.5em; }
		
	h1 {
		height: 43px;
		padding-bottom: 5px;
		font: 3.4em/1 "georgia", "times new roman", serif;
		background: url(/img/bg/h1-lines.png) repeat-x bottom left;
		margin-bottom: 20px; }
		h1 strong {
			background: #fff;
			font-weight: normal;
			color: #0e76bc; }
		.aboutsection h1 strong {
			color: #0e76bc; }
		.whatwedosection h1 strong {
			color: #f1592a; }
		.missionsection h1 strong {
			color: #662d91; }
		.donatesection h1 strong {
			color: #139e63; }
		.getinvolvedsection h1 strong {
			color: #e60714; }
			
	h2 {
		font-size: 1.6em;
		line-height: 1.2em;
		color: #00558f;
		margin-bottom: 2px;
		letter-spacing: -0.03em; }
		
	h3,
	.name {
		font-size: 1.1em;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: -0.05em;
		margin-bottom: 4px; }
		
	.name {
		margin: 0;
		letter-spacing: -0.03em; }
		
	img.accent {
		float: right;
		margin: 6px 0 6px 10px; }
		/* For stacking 2 .accent images on top of each other */
		img.stack {
			clear: right; }
		
#sitemappage #main ul,
#page404 #main ul {
	margin-top: 6px; }
	#sitemappage #main ul li,
	#page404 #main ul li {
		background: none;
		margin-bottom: 8px; }
		
#footnotes {
	border-top: 1px solid #ccc;
	padding: 10px 0 0 20px;
	margin: 30px 0 20px 0;
	color: #888;
	font-size: 0.917em;
	line-height: 1.36em; }
	#footnotes strong {
		color: #888; }
	sup {
		line-height: 1em;
		font-style: normal;
		font-weight: normal; }
	
	ul#footnotes {
		padding-left: 0; }
	ul#footnotes li {
		background: none; }
		
/* ----- Pie Chart on Funding Page */
.piechart {
	float: left;
	margin-bottom: 40px; }

.chartkey {
	margin-left: 270px; }

.chartkey li {
	padding-left: 18px;
	margin-bottom: 10px; }
	
.chartkey a {
	text-decoration: none; }

li.lightblue {
	background: url(/img/icon/chartkey/lightblue.png) no-repeat 0 5px; }
li.red {
	background: url(/img/icon/chartkey/red.png) no-repeat 0 5px; }
li.yellow {
	background: url(/img/icon/chartkey/yellow.png) no-repeat 0 5px; }
li.brightgreen {
	background: url(/img/icon/chartkey/brightgreen.png) no-repeat 0 5px; }
li.purple {
	background: url(/img/icon/chartkey/purple.png) no-repeat 0 5px; }
li.orange {
	background: url(/img/icon/chartkey/orange.png) no-repeat 0 5px; }
li.brown {
	background: url(/img/icon/chartkey/brown.png) no-repeat 0 5px; }
li.classicgreen {
	background: url(/img/icon/chartkey/classicgreen.png) no-repeat 0 5px; }

/* ----- Data page in 'the program' section */
#datapage h2 {
	margin-bottom: 10px; }
#datapage #main img {
	margin: 10px 0; }

/* ----------------------------------- Sidebar & Sub-navigation ----- */
#sidebar {
	float: left;
	width: 250px;
	font-size: 1.2em;
	line-height: 1.4em;
	color: #868686; }
	
	#subnav {
		list-style: none;
		padding: 12px 0;
		margin: 0 0 25px 0;
		-moz-border-radius: 0.7em;
		-webkit-border-radius: 0.7em; }
		.aboutsection #subnav {
			background: #0e76bc; }
		.whatwedosection #subnav {
			background: #f1592a; }
		.missionsection #subnav {
			background: #662d91; }
		.donatesection #subnav {
			background: #139e63; }
		.getinvolvedsection #subnav {
			background: #e60714; }
			
		#subnav li {
			background: none;
			padding: 0;
			margin: 0; }
						
		#subnav li a {
			display: block;
			width: 195px;
			height: 24px;
			background-position: 50% 0;
			padding: 8px 0 0 55px;
			font-size: 1.1em;
			color: #fff;
			text-decoration: none; }
			.aboutsection #subnav li a {
				background: #0e76bc url(/img/nav/subnav-blue.png) no-repeat; }
			.whatwedosection #subnav li a {
				background: #f1592a url(/img/nav/subnav-orange.png) no-repeat; }
			.missionsection #subnav li a {
				background: #662d91 url(/img/nav/subnav-purple.png) no-repeat; }
			.donatesection #subnav li a {
				background: #139e63 url(/img/nav/subnav-green.png) no-repeat; }
			.getinvolvedsection #subnav li a {
				background: #e60714 url(/img/nav/subnav-red.png) no-repeat; }
			
			#subnav li a:hover {
				background-position: 50% -32px;
				text-shadow: 1px 1px #000; }
								
			#founderpage li#founder a,
			#boardpage li#board a,
			#overviewpage li#overview a,
			#methodpage li#method a,
			#missionpage li#mission a,
			#initiativespage li#initiatives a,
			#donatepage li#donate-sub a,
            #givepage li#give-sub a,
			#getinvolvedpage li#getinvolved-sub a,
			#fetskopage li#fetsko a,
			#gallopage li#gallo a,
			#datapage li#data a {
				background-position: 50% -64px;
				cursor: default;
				text-shadow: none; }
				#founderpage li#founder a,
				#boardpage li#board a,
				#overviewpage li#overview a,
				#fetskopage li#fetsko a,
				#gallopage li#gallo a {
					color: #0e76bc; }
				#methodpage li#method a,
				#datapage li#data a {
					color: #f1592a; }
				#missionpage li#mission a,
				#initiativespage li#initiatives a {
					color: #662d91; }
				#donatepage li#donate-sub a,
                #givepage li#give-sub a {
					color: #139e63; }
				#getinvolvedpage li#getinvolved-sub a {
					color: #e60714; }
				
	#sidebar img {
		margin-bottom: 25px; }
	
	#pagelinks {
		margin: 0 0 15px 7px;
		padding: 0; }
		#pagelinks li {
			background: 0;
			padding: 0; }
	
/* ----------------------------------- Footer ----- */
#footerwrap {
	width: 100%;
	background: #fff;
	border-top: 4px solid #0c65a1;
	padding: 10px 0 0 0;
	clear: both; }
	
	#footer {
		position: relative;
		width: 900px;
		margin: 0 auto;
		padding-bottom: 50px;
		text-align: left;
		font-size: 1.1em;
		line-height: 1.6em;
		background: url(/img/bg/footer-scienceoverdrive.png) no-repeat 632px 86px; }	
	
	#footer ul {
		float: left;
		list-style-type: none;
		margin: 0 0 20px 0;
		padding: 0; }
		#footer ul li {
			float: left;
			margin: 0 4px 0 0;
			padding: 0;
			background: none; }
			
			#footer a,
			#footer a:visited {
				text-decoration: none;
				color: #0e76bc; }
				#footer a:hover {
					color: #c60714;
					text-decoration: underline; }
								
	#footer #copyright {
		float: right;
		text-align: right; }
		
	#footer #contact {
		float: left;
		clear: left;
		line-height: 1.4em; }
		#contact span {
			font-weight: bold; }
			
	#footer #webdesignby {
		position: absolute;
		bottom: 5px;
		left: 0;
		font-size: 11px;
		margin: 0; }
		#webdesignby a span {
			display: none; }
		#footer #webdesignby a,
		#footer #webdesignby a:hover {
			display: block;
			color: #666;
			text-decoration: none;
			padding-right: 130px;
			background: url(/img/bg/footer-escapecreative.png) no-repeat 82px 2px; }