@charset "utf-8";
/* CSS Document */

/* RESET RELOADED :: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend{
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
background: #FFFFFF;
color: #333333;
font-family: Arial, Helvetica, sans-serif;
font-size: .75em;
line-height: 1.4;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse:collapse;
}
caption, th, td {
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
/* END RESET RELOADED */


/* GLOBAL */

h1 {
margin: 0;
padding: 0;
}

h2, h3, h5 {
margin-bottom: .5em;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
}

h2 {
font-size: 2.2em;
line-height: 1.1;
}

h3 {
font-size: 1.9em; 
font-weight: bold;
}

h4 {
font-size: 1.3em;
font-weight: bold;
}

h5 {
font-size: 1em;
font-weight: bold;
margin-bottom: 0;
}

p, ul, ol, dl {
margin-bottom: 1em;
}

blockquote {
color: #195CA9;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.1em;
}

a {
color: #e67b15;
text-decoration: underline;
}

a:hover {
text-decoration: none;
color: #195CA9;
}

a.arrow {
text-decoration: none;
}
a.arrow span {
text-decoration: underline;
}

a:hover.arrow span {
text-decoration: none;
}

strong {
font-weight: bold;
}

em {
font-style: italic;
}



/* page layout */

#page-general {
position: relative;
width: 100%;
float:left;
}

#page-home-inner {
margin: 0 auto;
}

.page-people {
width: 100% !important;
}

.page-home {
width: 100% !important; /* change to 100% if the home page is supposed to center on screen. design file has it at 1024px; */
background: url(../images/layout/homepage-container-bg.gif) repeat-x;
}

#left{
	width:100%;
}

#header {
position: relative;
height: 144px;
background: url(../images/layout/header-general-bg.jpg) no-repeat top right;
}
#headerCareer {
position: relative;
height: 112px;
padding:32px 0 0 20px;
}

.page-home #header {
height: 192px;
}

.page-people #header, .page-home #header {
background: none;
}
.page-people #header{
	width:500px;
}

#header img {
position: absolute;
top: 32px;
left: 20px;
}

.page-home #header img {
position: relative;
top: 15px;
left: 20px;
}

/* Quicklinks */

#quicklinksFiller {
width: 1px;
float: right;
}

#quicklinks {
display:none;
}





/* Pin board */

#pin-board {
display:none;
}


/* Main navigation */

#main-nav {
display:none;
}




/* Local navigation */

#local-nav {
display:none;
}

/*--Flash--*/

#flash{
	display:none;
}



/* Content */


#content {
margin-top: 66px;
margin-left: 50px;
}

.page-people #content {
	margin:50px 5px 0 50px;
}

.page-home #content {
margin-top: 29px;
margin-left: 0;
}

#content h2 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 2.5em;
color: #E67B15;
font-weight: normal;
}

#content h2.services {
width: 112px;
height: 22px;
margin-bottom: 16px;
background: url(../images/layout/heading-services.gif) no-repeat;
}

#content h2.changemakers {
width: 434px;
height: 61px;
background: url(../images/layout/heading-changemakers.gif) no-repeat;
margin: 0 auto;
}

#content h3.maven-services {
width: 434px;
height: 24px;
background: url(../images/layout/heading-maven-services.gif) no-repeat;
margin: 0 auto;
}

#content h2 span.person-role {
display: block;
clear: left;
padding-top: 2px;
color: #333333;
text-transform: uppercase;
font-size: .43em;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif; 
}

#content .home-left {
margin-top: 17px;
}

#content .home-right {
margin-top: 17px;
}

#content .home-left p, #content .home-right p {
color: #666666;
}

#content h3 {
color: #238EC5;
font-size: 1.5em;
font-weight: normal;
}

#content ol {
list-style-type: decimal; 
margin-left: 30px;
}

#content ul {
list-style-type: disc; 
margin-left: 30px;
}

#content dt {
font-weight: bold;
}

#content dd {
margin-left: 30px;
}

#content dl.arrows dt {
padding-left: 40px;
color: #238EC5;
font-size: 1.4em;
font-weight: normal;
background: url(../images/layout/definition-arrow.gif) no-repeat 5px 5px;
}

#content dl.arrows dd {
padding-left: 40px;
margin-left: 0;
}

#content .person-img {
float: right; 
}

#content ul.orange-list {
list-style: none;
margin: 0;
}

#content ul.orange-list li {
background: url(../images/layout/list-arrow.gif) no-repeat 0 2px;
padding-left: 11px;
color: #E67B15;
}

#content img{
	padding:0 15px 15px 15px;
}

#home-block {
display:none;
}





/* Footer */

#footer {
width: 100%;
margin-left: 20px;
margin-top: 55px;
padding: 22px 0 15px 0;
color: #666666;
float: left;
background: url(../images/layout/horizontal-dotted-line.gif) repeat-x top left;
}

.page-home #footer {
margin-top: 55px;
margin-left: 0;
}


#footer .inner-left {
width: 390px;
}

#footer .inner-right {
width: 390px;
}

#origin{
	width:100%;
	padding: 22px 0;
	background: url(../images/layout/horizontal-dotted-line.gif) repeat-x top left;
	text-align:center;
}




/* ACCESSIBILITY CLEARERS */

#skip-links {
border-top: 1px solid #EEE;
padding: 1em;
background: #EEE;
}

#skip-links a {
color: #666;
}

.hidden, #skip-links, #main-nav span, h2.services span, h2.changemakers span, h3.maven-services span {
position: absolute;
top: -999px;
z-index: 50;
width: 1px;
font-size: 1px;
height: 1px;
overflow: hidden;
display: block;
line-height: 0;
}

.text-right {
text-align: right;
}

.float-right {
float: right;
}

.float-left {
float: left;
}

.clearfix:after {
content: "."; 
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.inline {
display: inline;
}

/* Print */
.print-only {
display: none;
}