/* 	
	Screen Styles
	BPEA CSS 1.0 / 05.2010
	Douglas Green / douglasgreen.com
	Copyright 2010 All rights reserved
*/
/* @group 

RESET
-------------------------------------- */
body,ul,ol,li,dl,dt,dd,p,td,th,address,blockquote,pre,code,form,fieldset,legend,input,textarea{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-weight:normal;}
fieldset,img{border:none;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
address{font-style:normal;}
caption,th{text-align:left;}
/* @end */
/* @group 

ELEMENTS
-------------------------------------- */
body {
	margin: 0 auto;
	font: 62.5%/2.4em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
/* headings */
h1 {
	padding: 1em 0;
	font-size: 2.4em;
	line-height: 1em;
	clear: both;
}
#home h1 {
	padding: 0;
	height: 48px;
}
h2 {
	font-size: 1.8em;
	line-height: 1.333em;
}
h3, h4, h5, h6, dt, legend {
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.714em;
}
/* lists */
ul, ol {
	margin-left: 4.5em;
}
ul li {
	list-style-type: disc;
}
/* nested lists */
ul li ul {
	margin-bottom: 0;
}
/* common elements */
p, li, dd, td, th, address, blockquote {
	font-size: 1.4em;
	line-height: 1.714em;
}
p, dd, address, blockquote {
	margin-bottom: 1.714em;
}
ul, ol, table {
	margin-bottom: 2.4em;
}
/* tables */
caption {
	font-size: 1.2em;
	line-height: 2em;
}
th {
	font-weight: bold;
}
th, td {
	width: 5.714em;
}
/* nested sizes relative to their parent */
li li, li p, td p, blockquote p {
	font-size: 1em;
}
/* other elements */
em, caption {
	font-style: italic;
}
blockquote {
	margin: 2em 2.5em 1em 4.5em;
	font-family: Georgia, "Times New Roman", Times, serif;
	position: relative;
}
cite {
	font-style: normal;
	font-weight: bold;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
blockquote cite {
	padding-right: 1em;
	display: block;
	text-align: right;
}
blockquote span.left,
blockquote span.right {
	font: 2em Georgia, "Times New Roman", Times, serif;
	float: none;
}
blockquote span.left {
	position: absolute;
	top: -0.15em;
	left: -0.48em;
}
blockquote span.right {
	position: relative;
	top: 0.3em;
	right: -0.1em;
	line-height: 0;
}
strong {
	font-weight: bold;
}
abbr[title]:hover, 
acronym[title]:hover {
	cursor: help;
}
sup, sub {
	position: relative;
	line-height: 1.45em;
	padding: 0 0.2em;
	font-weight: bold;
}
sup {
	bottom: 0.5em;
	vertical-align: text-top;
}
sub {
	top: 0.5em;
	vertical-align: text-bottom;
}
/* links */
a:link, a:active, a:hover, a:focus, a:visited {
	text-decoration: none;
}
/* @end */
/* @group 

CONTAINERS
-------------------------------------- */
#header div,
#footer div,
#content div.wrapper {
	margin: 0 auto;
	width: 940px;
}
#header {
	width: 100%;
	height: 182px;
	float: left;
	background: url(/images/site/ui/header-bg.png) repeat-x;
}
#home #header {
	background-image: none;
	height: auto;
}
body#home {
	background: #fff url(/images/site/ui/home-bg.png) repeat-x;
}
/* logo */
#header p {
	margin-top: 23px;
	margin-bottom: 0;
	text-transform: uppercase;
	font-size: 1.8em;
	width: 412px;
	height: 97px;
	position: relative;
}
/* text only */
#header p a {
	position: absolute;
	width: 100%;
	height: 100%;
}
#header em {
	font-style: normal;
}
/* logo image */
#header p a {
	text-indent: -1000em;
	background: url(/images/site/ui/bpea-logo.png) no-repeat;
}
#header p a:focus {
	outline: none;
}
#content,
#footer {
	clear: both;
}
#content {
	margin-bottom: 5.6em;
	width: 100%;
}
#content div.wrapper {
	padding-top: 21px;
	padding-left: 95px;
	padding-right: 80px;
	width: 765px;
}
#home #content div.wrapper {
	padding-top: 0;
	padding-right: 0;
	width: 843px;
}
#footer div {
	padding-left: 95px;
	width: 843px;
}
#footer {
	padding: 2em 0 4em 0;
}
#footer ul {
	margin: 0;
}
#footer ul li {
	list-style-type: none;
	font-size: 1.2em;
	display: block;
	float: left;
}
#footer ul a {
	display: block;
	float: left;
	padding: 0.4em 0.8em;	
}
#footer ul a.first {
	padding-left: 0;	
}
#footer p {
	font-size: 1.2em;
	margin: 0;
	clear: both;
}
#footer a {
	font-weight: bold;
}
#footer span.sep {
	padding: 0 0.5em;
}
#footer p.address {
	margin-top: 4em;
}
/* navigation */
#nav-main {
	margin-left: 80px;
	margin-top: 13px;
	margin-bottom: 0;
	float: left;
}
#home #nav-main {
	margin-top: -4px;
	margin-bottom: 5px;
	margin-left: 0;
	margin-right: 80px;
	float: right;
}
#nav-main li {
	margin-left: 29px;
	float: left;
	display: block;
	list-style-type: none;
	font-size: 1.8em;
}
#nav-main a {
	display: block;
	height: 49px;
}
li#tab1 {
	margin-left: 0;
}
/* nav bg images */
#tab1 {width: 99px;}
#tab2 {width: 112px;}
#tab3 {width: 95px;}
#tab4 {width: 89px;}
#tab1 a {background: url(/images/site/nav/overview.png) no-repeat;}
#tab2 a {background: url(/images/site/nav/philosophy.png) no-repeat;}
#tab3 a {background: url(/images/site/nav/platform.png) no-repeat;}
#tab4 a {background: url(/images/site/nav/contact.png) no-repeat;}
#tab1 a, #tab2 a, #tab3 a, #tab4 a {
	text-indent: -1000em;
}
/* hover */
#tab1 a:hover,
#tab1 a:focus,
#tab2 a:hover,
#tab2 a:focus,
#tab3 a:hover,
#tab3 a:focus,
#tab4 a:hover,
#tab4 a:focus {
	background-position: 0 -96px;
	outline: none;
}
/* on/home tabs */
#overview #tab1 a,
#philosophy #tab2 a,
#platform #tab3 a,
#contact #tab4 a,
#home #tab1 a,
#home #tab2 a,
#home #tab3 a,
#home #tab4 a {
	background-position: 0 -48px;
}
/* home hover */
#home #tab1 a:hover,
#home #tab1 a:focus,
#home #tab2 a:hover,
#home #tab2 a:focus,
#home #tab3 a:hover,
#home #tab3 a:focus,
#home #tab4 a:hover,
#home #tab4 a:focus {
	background-position: 0 -144px;
}
/* sub nav */
#nav-sub {
	margin-left: -15px;
	margin-bottom: 1.3em;
	float: left;
}
#nav-sub li {
	margin-left: 31px;
	float: left;
	display: block;
	list-style-type: none;
}
li#sub1 {
	margin-left: 0;
}
#nav-sub a {
	height: 24px;
	display: block;
}
#overview #sub1 a {
	background: url(/images/site/nav/history.png) no-repeat;
	width: 74px;
}
#overview #sub2 a {
	background: url(/images/site/nav/network.png) no-repeat;
	width: 83px;
}
#overview #sub3 a {
	background: url(/images/site/nav/team.png) no-repeat;
	width: 64px;
}
#overview #sub1 a,
#overview #sub2 a,
#overview #sub3 a {
	text-indent: -1000em;
}
#overview #sub1 a:hover,
#overview #sub1 a:focus,
#overview.history #sub1 a,
#overview #sub2 a:hover,
#overview #sub2 a:focus,
#overview.network #sub2 a,
#overview #sub3 a:hover,
#overview #sub3 a:focus,
#overview.team #sub3 a,
#overview.bio #sub3 a { 
	background-position: 0 -24px;
	outline: none;
}
/* @end */
/* @group 

PAGES
-------------------------------------- */
#home img {
	margin-top: -15px;
	margin-left: -15px;
	padding: 15px;
	background-color: #fff;
}
/* h1s */
#home h1 {
	background: url(/images/site/txt/bpea.png) no-repeat 0 0;
}
#overview.network h1 {
	background: url(/images/site/txt/network.png) no-repeat left center;
}
#overview.history h1 {
	background: url(/images/site/txt/history.png) no-repeat left center;
}
#overview.team h1,
#overview.bio h1 {
	background: url(/images/site/txt/team.png) no-repeat left center;
}
#philosophy h1 {
	background: url(/images/site/txt/philosophy.png) no-repeat left center;
}
#platform h1 {
	background: url(/images/site/txt/platform.png) no-repeat left center;
}
#contact h1 {
	background: url(/images/site/txt/contact.png) no-repeat left center;
}
#home h1,
#overview.network h1, 
#overview.history h1,	
#overview.team h1,
#overview.bio h1,
#philosophy h1,
#platform h1,
#contact h1 {
	text-indent: -1000em;
}
/* images/cols */
#overview.network #content p {
	width: 530px;
}
#overview.network img.decoration {
	margin-bottom: 5em;
}
#philosophy .col-1 {
	width: 450px;
}
#platform .col-1 {
	width: 530px;
}
img.decoration {
	margin-left: 2em;
	float: right;
}
#platform img.decoration {
	margin-top: 1.2em;
}
#overview.history #content p {
	width: 530px;
}
#contact .col-1 {
	float: left;
	width: 520px;
}
#contact .col-2 {
	margin-top: -16px;
	margin-left: 10px;
	float: left;
	width: 235px;
}
/* h2 lead */
h2.lead {
	margin-bottom: 	1.333em;
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
}
h2.lead em {
	font-style: normal;
	font-weight: bold;
}
#home h2.lead {
	width: 740px;
}
#overview.history h2.lead,
#overview.network h2.lead {
	width: 530px;
}
#philosophy h2.lead,
#platform h2.lead {
	width: 800px;
}
/* team */
div.person {
	margin-bottom: 2.4em;
	float: left;
	width: 380px;
}
#overview.team #content h2,
#overview.bio #content h2 {
	font-size: 1.4em;
	line-height: 1.714em;
	font-weight: bold;
}
#overview.team #content img {
	margin-right: 1em;
	float: left;
}
#overview.bio .back {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}
#overview.bio img {
	margin-left: -1.2em;
	float: left;
}
#overview.bio .col-1 {
	margin-left: 2em;
	width: 520px;
	float: left;
}
#contact address,
#contact img {
	float: left;	
}
#contact img {
	clear: both;
}
/* @end */
/* @group 

CLASSES
-------------------------------------- */
.left {
	float: left;
}
.right {
	float: right;
}
/* @end */
/* @group 

FORMS
-------------------------------------- */
label, input, select, textarea {
	font-size: 1.4em;
	/*line-height: 1.714em;*/
}
label {
	display: block;
	font-weight: bold;
}
legend {
	padding-bottom: 1.714em;
}
input, select, textarea {
	margin-bottom: 0.9em;
	padding: 0.4em;
}
input {
	width: 15em;
}
select {
	width: 15.75em;
}
textarea {
	width: 32em;
	height: 15em;
}
/* button */
input.btn {
	font-weight: bold;
	text-transform: uppercase;
	padding: 0.5em 0;
	width: 10em;
	clear: both;
}
/* hidden labels */
label.hidden {
	margin-left: -1000em;
	width: 0;
	float: none;
}
/* required fields - add to span element */
.req {
	font-size: 1.4em;
	line-height: 0em;
}
/* spam check */
label span.alt {
	font-weight: normal;
}
div#spamcheck label {
	float: left;
}
#captcha {
	margin-top: 1.3em;
	margin-left: 0.5em;
	float: left;
	width: 1.5em;
}
div#spamcheck {
	float: left;
	clear: both;
}
/* checkboxes */
div.check {
	clear: both;
}
label.check {
	font-weight: normal;
	float: left;
}
input.check {
	margin-top: 0.4em;
	margin-left: 0.4em;
	float: left;
	width: 2em;
}
/* @end */
/* @group 

COLOR
-------------------------------------- */
/* page background & images */
html {
	background-color: #08468a;
}
body {
	color: #4d5a67;
	background-color: #fff;
	/*background: #fff url(/images/site/ui/grid.png) repeat-y 50% 0;*/
}
/* headings */
h1, h2, h3, h4, h5, h6,
th, th a,
legend,
dt, cite,
#contact address strong {
	color: #09478b;
}
/*lighter gray - 6d8298*/
/*darker gray - 4d5a67*/
h2.lead {
	color: #6d8298;
}
h2.lead em {
	color: #09478b;
}
/* links */
a:link, a:active, a:visited {
	color: #09478b;
}
a:hover {
	color: #0b5ab1;
}
#header p a {
	color: #ffb60f;
}
#header p a em {
	color: #09478b;
}
/* footer */
#footer {
	background-color: #08468a;
}
#footer,
#footer p,
#footer a {
	color: #fff;
}
#footer a:hover {
	color: #fff;
	text-decoration: underline;
}
/* misc */
abbr[title], acronym[title] {
	border-bottom: 0.1em dotted #888;
}
/* forms */
input, select, textarea {
	color: #4d5a67;
	border: 0.1em solid #8595a6;
}
input:hover, 
input:focus, 
input:active, 
textarea:hover, 
textarea:focus, 
textarea:active, 
select:hover, 
select:focus, 
select:active, 
input.btn:hover {
	border-color: #08468a;
}
input.btn {
	color: #fff;
	background-color: #08468a;
	border: 0.1em solid #fff;
}
/* required fields - add to span element */
.req {
	color: #08468a;
}
/* @end */
/* @group 

IE
-------------------------------------- */
/* IE 7 */
*:first-child+html #captcha {
	margin-bottom: 0;
}
*:first-child+html input.btn {
	margin-top: 1em;
}
*:first-child+html #overview h1 {
	padding: 0;
	padding-bottom: 1.25em;
}
*:first-child+html #overview.history #content p,
*:first-child+html #overview.network #content p, 
*:first-child+html #philosophy .col-1 {
	width: 525px;
}
*:first-child+html #overview.network #content p,
*:first-child+html #platform .col-1,
*:first-child+html #philosophy .col-1 {
	width: 445px;
}
*:first-child+html #overview.history h2.lead,
*:first-child+html #overview.network h2.lead {
	width: 525px;
}
*:first-child+html #overview.network img.decoration {
	margin-bottom: 2.5em;
}
*:first-child+html div.person {
	margin-bottom: 0em;
}
*:first-child+html #content {
	margin-bottom: 3em;
}
/* IE 6 */
* html #header p a {
	background: url(/images/site/ui/bpea-logo.gif) no-repeat;
}
* html #nav-main,
* html #nav-sub {
	display: inline;
}
* html #nav-main {
	margin-left: 0;
}
* html #overview #header div, * html #overview #footer div, * html #overview #content div.wrapper,
* html #philosophy #header div, * html #philosophy #footer div, * html #philosophy #content div.wrapper,
* html #platform #header div, * html #platform #footer div, * html #platform #content div.wrapper,
* html #contact #header div, * html #contact #footer div, * html #contact #content div.wrapper {
	width: 820px;
}
* html #footer div {
	padding-left: 10px;
}
* html #home #footer div {
	padding-left: 95px;
}
* html #captcha {
	margin-bottom: 0;
}
* html input.btn {
	margin-top: 1em;
}
/* @end */