/*
 *  generic primary stylesheet
 *  CS:JD  2007-04-12
 */

/* normalize basic styles */
html, body, div, span, applet, object, iframe,
blockquote, li,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0; 
  padding: 0; 
}
h1,h2,h3 { margin: 1em 0 0.6em 0; padding: 0; }
h4,h5,h6,ul,ol,dl,dt,dd,pre,p,form { margin: 0.8em 0; padding: 0; }
ul, ol { padding-left: 2em; }
pre { font: 100% "Courier New", Courier, monospace; }

h1 { font-size: 29px; line-height: 32px; }
h2 {
  color: #d9531e;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
}
h3 {
  color: #f58426;
  font-size: 13px;
  line-height: 1;
  margin-bottom: 0;
}
h4, h5, h6 { font-size: 100%; }

body { font: 13px/1.3 Arial, Helvetica, sans-serif; color: #464647; }
a { color: #000; cursor: pointer; }
a img { border: none; }
.menu { padding-left: 0; list-style: none; }

fieldset { border: none; padding: 0.5em 0; }
.formfield { margin: 1em 0; }
select, textarea, input.text { 
  color: #333;
  font: 100% Verdana, Arial, Helvetica, sans-serif;
  background: #fff; 
  border: 1px solid #cacaca; 
}

option {
}

textarea:focus, input.text:focus, select:focus {
}

input.text[disabled] {
}

.jump a, a.jump {
  color: #004467;
  text-decoration: none;
}
.jump a:hover, a.jump:hover {
  text-decoration: underline;
}
.morelink,
.morelink a {
  text-decoration: none;
}
fieldset.data label {
}
fieldset.data p.error {
  display: none;
}
fieldset.data .error p.error {
  background-color: #fee9e8;
  border: 1px solid;
  border-bottom-width: 0;
  color: #c00;
  display: block;
  line-height:20px;
  margin: 0;
  text-align:center;
}
fieldset.data .error input.text,
fieldset.data .error textarea {
  border-color: #c00;
}
.section {
  background: #fff;
  margin-bottom: 3px;
  border-top: 1px solid #f5f5f5;
  padding-top: 5px;
}
.section_wrap {
  background: url(../images/bkg-why-section.jpg) left top repeat-x #f3f3f3;
  border-bottom: 1px solid #f6f6f6;
  padding: 16px 14px; 
}
.section h2 {
  margin: 0;
}
.section p {
  font-size: 13px;
  font-weight: normal;
  line-height: 16px;
}

/* page layout */
html, body {  }
body {
  background: url(../images/bkg-body_banner.jpg) 0 -200px repeat-x #303e46;
}
#page {
  background: url(../images/bkg-page-all.png) left top no-repeat;
  margin: 18px auto 0;
  padding-top: 6px;
  position: relative;
  width: 972px;
}
#page .page_decorator {
  background: url(../images/bkg-skirt.jpg) left bottom no-repeat;
  padding-bottom: 40px;
}
#page .page_wrap {
  background: url(../images/bkg-page-all.png) -972px 0 repeat-y;
  min-height: 800px;
  overflow: hidden;
  padding: 0 6px;
  position: relative;
}
#header {
  background: url(../images/bkg-body_banner.jpg) left top repeat-x;
}
#logo {
  padding: 33px 0 31px 31px;
  height: 65px;
}
#logo a {
  display: block;
  float: left;
}
#logo img {
  display: block;
}
#nav {
  border-bottom: 1px solid #fff;
}
#nav:after {
  clear: both;
  content: '.';
  display: block;
  height: 0;
  visibility: hidden;
}
#nav ul,
.skiplinks {
  list-style: none;
  margin: 0;
  padding-left: 0;
}
#nav a {
  text-decoration: none;
}
.skiplinks {
  left: 6px;
  position: absolute;
  top: -16px;
  width: 960px;
}
.skiplinks li {
  margin: 0;
}
.skiplinks a {
  background: #da721b;
  display: block;
  left: 0;
  padding: 2px 0;
  position: absolute;
  text-decoration: none;
  text-indent: 8px;
  top: -200px;
  width: 100%;
}
.skiplinks a:focus {
  position: static;
}
#nav .menubar {
  font-size: 13px;
  font-weight: bold;
  line-height: 1;
  padding-left: 30px;
}
#nav .menubar li {
  float: left;
}
#nav .menubar li+li {
  background: url(../images/bkg-menubar-separator.png) left top no-repeat;
}
#nav .menubar li.active+li {
  background: none;
}
#nav .menubar a {
  color: #fff;
  float: left;
  white-space: nowrap;
  padding: 12px 30px;
}
#nav .menubar li.active {
  background: url(../images/bkg-tab-active-all.png) 0 -89px no-repeat;
  margin-bottom: -4px;
  margin-right: 4px;
  padding-left: 4px;
}
#nav .menubar li.active a {
  background: url(../images/bkg-tab-active-all.png) right top no-repeat;
  color: #525252;
  padding: 12px 26px 16px;
}
#nav .topmenu {
  color: #f58428;
  font-size: 12px;
  font-weight: bold;
  position: absolute;
  text-align: right;
  right: 19px;
  top: 18px;
  width: 40%;
}
#nav .topmenu li {
  display: inline;
}
#nav .topmenu a {
  color: #f58428;
  padding: 0 2px;
}
#nav .topmenu a:hover {
  text-decoration: underline;
}
#content {
  background: url(../images/bkg-content-gradient.jpg) left top repeat-x #fff;
}
.content_wrap {
  border-left: 4px solid #fff;
  border-right: 4px solid #fff;
  min-height: 640px;
  padding: 32px 45px 12px 45px;
}
#foreword {
  margin-bottom: 16px;
  min-height: 128px;
}
#foreword .foreword_wrap {
  padding: 26px 33px 21px;
}
#foreword h1 {
  font-size: 33px;
  line-height: 1;
  margin: 0;
}
#foreword p {
  font-size: 19px;
  line-height: 22px;
  margin: 4px 0 0;
}
#main {
  border: 2px solid #e9e9e8;
  float: left;
  width: 653px;
}
#main .main_decorator {
  border: 1px solid #fcfcfc;
  padding-left: 8px;
  padding-right: 8px;
}
#main p.hilite {
  color: #d9531e;
  font-size: 15px;
  line-height: 18px;
  margin-left: 16px;
  width: 520px;
}
#main p.hilite strong em {
  font-style: normal;
  font-size: 20px;
}
#sidebar {
  float: right;
  width: 192px;
}
#afterword {
  clear: both;
  padding-top: 11px;
}
#footer {
  color: #838282;
  font-size: 11px;
  overflow: hidden;
  padding: 0 42px 20px 48px;
}
#footer p {
  margin: 0;
}
#footer .footer_links {
  float: left;
  text-align: left;
  width: 48%;
}
#footer .copyright {
  float: right;
  text-align: right;
  width: 48%
}

#footer a {
  color: #838282;
  padding: 0 2px;
  text-decoration: none;
}
#footer a:hover {
  text-decoration: underline;
}
/* POPUP */
.popup {
  color: #fff;
  border: 1px solid #717070;
  display: none; 
  margin: 0px auto;
  position: absolute;
  left: 10px;
  top: 10px;
  width: 480px;
}
.popup .header {
  background: url(../images/bkg-popup-title.jpg) left top repeat-x;
  height: 48px;
  line-height: 48px !important;
  padding: 0px 20px;
}
.popup .header p {
  font-size: 20px;
  font-weight: normal;
  float: left;
}
.popup .header span { color: #c2e1ff; }
.popup .header a {
  background: url(../images/close-popup.png) right top no-repeat;
  border: 1px solid #fff;
  color: #fff;
  display: block;
  font-weight: bold;
  float: right;
  line-height: 20px;
  margin-top: 11px;
  padding: 0 25px 0 5px;
  text-decoration: none;
}
.popup .content  {
  background: url(../images/bkg-content-blue.png) left -60px repeat-x #fff;
  /*
  height: 300px;
  */
  overflow: hidden;
  padding: 20px;
}
.popup .content .explanation { text-align: justify; }
.popup-location {
  position: absolute; 
  z-index: 10; 
  left: 20%; 
  top: 240px;
}
.message {
  text-align: center;
  color: #414141;
}
.message .buttons {
  overflow: hidden;
  width: 280px;
  margin: 10px auto;
}
/* home page */
#pg-home .content_wrap {
  border-left: 0 none;
  overflow: hidden;
  padding-left: 0;
  padding-top: 0;
}
#pg-home #foreword {
  display: none;
  min-height: 0;
}
#pg-home .foreword_wrap {
  padding: 0;
}
#pg-home #main {
  border: none;
  position: relative;
  width: 702px;
}
#pg-home .main_decorator {
  border: none;
  padding: 0;
}
#pg-home #sidebar {
  margin-top: 32px;
}
#image-rotator {
  float: left;
  height: 376px;
  width: 100%;
}
#pg-home .underlay {
  background: left top no-repeat;
  float: left;
  padding: 32px 0 112px 49px;
  margin-bottom: -112px;
  margin-right: -702px;
}
#pg-home #rotator-1 {
  display: block;
  position: relative;
}
.overlay {
  bottom: 27px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  left: 85px;
  line-height: 1.2;
  position: absolute;
  text-shadow: #000 0px 0px 2px;
  width: 232px;
}
#pg-home .overlay h1 {
  margin: 0 6px 0 0;
}
#pg-home .overlay p {
  margin: 13px 0 0 0;
}
#pg-home .overlay a {
  color: #fff;
}
#pg-home .overlay .morelink {
  background: url(../images/arrows.png) 0 1px no-repeat; /* 1st arrow */
  padding-left: 12px;
}
#pg-home .overlay .morelink a {
  border-bottom: 1px solid #fff;
}
#pg-home #afterword {
  margin-left: 49px;
  position: relative;
}
#afterword .box_wrap {
  color: #fff;
  overflow: hidden;
  padding: 19px 96px 19px 34px;
  min-height: 83px;
}
#afterword .box_wrap h2 {
  color: #fff;
  font-size: 22px;
  line-height: 1;
  margin: 0;
}
#afterword .box_wrap p {
  font-size: 15px;
  line-height: 18px;
  margin: 6px 0 0;
}
#afterword .box_wrap .morelink {
  font-size: 11px;
  font-weight: normal;
}
#afterword .box_wrap a {
  color: #fff;
}
#formlet_window {
  overflow: hidden;
  width: 100%;
}
#formlet_container {
  overflow: hidden;
  width: 200%;
}
.formlet {
  color: #231f20;
  float: left;
  margin: 0 0 12px;
  width: 50%;
}
.formlet fieldset {
  padding: 0;
}
.formlet h2.legend {
  color: #231f20;
  font-size: 13px;
  font-weight: bold;
  margin: 0;
  padding-left: 6px;
}
.formlet .formfield {
  margin: 3px 0;
  position: relative;
}
.formlet label {
  color: #808080;
  line-height: 26px;
  position: absolute;
  text-indent: 6px;
}
.formlet input.text {
  width: 181px;
  height: 22px;
  padding: 3px 0 0 5px;
}
.formlet .buttons {
  margin-top: 6px;
}
.formlet p {
  font-size: 12px;
  padding-left: 6px;
}
.formlet p.toggle {
  font-size: 10px;
  margin: 0;
  padding-left: 2px;
}
.formlet p.toggle a {
  border-bottom: 1px dotted;
  text-decoration: none;
}
#login {
  padding-bottom: 18px;
}
#forgot {
  background: url(../images/bkg-content-gradient.jpg) repeat-x 0 -32px #fff;
  display: none;
  padding-bottom: 6px;
  position: relative;
  left: -50%;
}
#formlet_container .reveal {
  display: block;
}
#get_started {
  border: 2px solid #e9e9e8;
}
#get_started .box_decorator {
  border: 1px solid #fcfcfc;
}
#get_started .box_wrap {
  background: url(../images/bkg-box-gradient.jpg) left top repeat-x #f3f3f3;
  padding: 1px 3px;
}
#get_started p {
  color: #464647;
  font-size: 13px;
  font-weight: bold;
  line-height: 15px;
  margin: 9px 0 5px 0;
  text-indent: 3px;
}
#get_started p a {
  display: block;
  margin-top: 3px;
  width: 132px;
}
#btn-take-a-tour {
}
#btn-take-a-tour img {
	margin-left: 13px;
	margin-top: 20px;
}
#get_started a img {
  display: block;
  padding: 0 3px;
}
#take_a_tour {
  margin: 19px 0 19px 14px;
}
#box_why {
  background: url(../images/bkg-home-boxes-all.jpg) -426px 0px repeat-y;
  float: left;
  width: 426px;
}
#box_why .box_decorator {
  background: url(../images/bkg-home-boxes-all.jpg) -852px 100% no-repeat;
}
#box_why .box_wrap {
  background: url(../images/bkg-home-boxes-all.jpg) 0px 0px no-repeat;
}
#box_why .morelink {
  background: url(../images/arrows.png) 0 -38px no-repeat; /* 2nd arrow */
  padding-left: 9px;
}
#box_how {
  background: url(../images/bkg-home-boxes-all.jpg) -1704px 0px repeat-y;
  float: right;
  width: 426px;
}
#box_how .box_decorator {
  background: url(../images/bkg-home-boxes-all.jpg) -2130px 100% no-repeat;
}
#box_how .box_wrap {
  background: url(../images/bkg-home-boxes-all.jpg) -1278px 0px no-repeat;
}
#box_how .morelink {
  background: url(../images/arrows.png) 0 -78px no-repeat; /* 3rd arrow */
  padding-left: 9px;
}
#afterword .box_wrap .morelink a {
  border-bottom: 1px solid;
}
#afterword .box_wrap .morelink a:hover {
}


/* why page */
#pg-why #foreword {
  background: url(../images/banner-why.jpg) left top no-repeat;
}
#pg-why .foreword_wrap {
  width: 400px;
}
#pg-why h1 {
  color: #fff;
}
#pg-why #foreword p {
  color: #ffd520;
}
#pg-why .section h2 {
  float: left;
  padding-right: 13px;
  width: 128px;
}
#pg-why .section p {
  font-size: 15px;
  font-weight: bold;
  line-height: 18px;
  overflow: hidden;
  width: 335px;
}
#pg-why .section ul {
  clear: both;
  font-size: 13px;
  line-height: 16px;
  margin: 0;
  padding-top: 4px;
}

/* how page */
#pg-how #foreword {
  background: url(../images/banner-how.jpg) left top no-repeat;
}
#pg-how .foreword_wrap {
  width: 425px;
}
#pg-how h1 {
  color: #d9531e;
}
#pg-how #foreword p {
  color: #fff;
}
#pg-how .main_wrap {
  background: url(../images/bkg-main-how.jpg) left top repeat-x #f2f3f3;
  padding: 0 16px 24px;
}
#pg-how p.hilite {
  margin-left: 0;
}
#ca_123 {
  background: url(../images/ca-arrows.png) left top no-repeat;
  margin-bottom: 2em;
}
#parent_123 {
  background: url(../images/parent-arrows.png) left top no-repeat;
}
#ca_123,
#parent_123 {
  list-style: none;
  overflow: hidden;
  padding-left: 0;
}
#ca_123 li,
#parent_123 li {
  float: left;
  margin-right: 43px;
  padding-left: 9px;
  width: 132px;
}
#pg-how li.how_1 {
  width: 116px;
  padding-right: 16px;
}
#ca_123 img,
#parent_123 img {
  display: block;
  margin: 0 0 6px -9px;
}
/* about page */
#pg-about #foreword {
  background: url(../images/banner-about.jpg) left top no-repeat;
}
#pg-about h1 {
  color: #fff;
}
#pg-about h3 {
  margin-top: 24px;
}
#pg-about h3+p {
  margin-top: 0;
}
#pg-about #main a {
  color: #f58426;
}
.publisher_list {
  list-style: none;
  overflow: hidden;
  padding: 0 1px;
}
.publisher_list li {
  float: left;
  margin-right: 21px;
  white-space: nowrap;
  width: 185px;
}
.publisher_list .col-1 {
  clear: left;
  width: 172px;
}
.publisher_list .col-2 {
  width: 200px;
}
.publisher_list .col-3 {
  margin-right: 0;
}
#pg-about .section_wrap {
  background-image: url(../images/bkg-section-about.jpg);
}
#section-mission .section_wrap {
  background-image: url(../images/bkg-section-mission.jpg);
}
#abc_member {
  margin-top: 24px;
}
#abc_member img {
  vertical-align: middle;
  margin-left: 24px;
}
/* contact us page */
#pg-contact #foreword {
  background: url(../images/banner-contact.jpg) left top no-repeat;
}
#pg-contact h1 {
  color: #d9531e;
}
#pg-contact #main{
  border: none;
}
#pg-contact .main_wrap {
  border: none;
  padding-left: 36px;
}
#pg-contact form {
  width: 440px;
}
#pg-contact .formfield {
}
#pg-contact label {
  display: block;
  font-weight: bold;
}
#pg-contact p.error,
#pg-contact input.text {
  width: 324px;
}
#pg-contact textarea {
  height: 180px;
  margin-top: 0;
  width: 324px;
}
/* thank you page */
#pg-thanks #foreword {
  background: url(../images/banner-contact.jpg) left top no-repeat;
}
#pg-thanks .main_decorator {
  padding-bottom: 1px;
}
#pg-thanks .main_wrap {
  background: url(../images/bkg-main-thanks.jpg) left bottom repeat-x #fff;
  min-height: 575px;
  padding: 25px;
}
#pg-thanks h1 {
  color: #d9531e;
}
#pg-thanks h2 {
  color: #364c57;
  font-size: 33px;
  margin: 0;
}
#pg-thanks #main p {
  color: #577482;
  font-size: 15px;
  font-weight: bold;
  line-height: 19px;
}
/* tour page */
#pg-tour #foreword {
  background: url(../images/banner-about.jpg) left top no-repeat;
}
#pg-tour h1 {
  color: #fff;
}
#pg-tour #foreword p {
  color: #ffd520;
}
#pg-tour h3 {
  margin-top: 24px;
}
#pg-tour h3+p {
  margin-top: 0;
}
#pg-tour #main a {
  color: #f58426;
}
#pg-tour .main_wrap {
  min-height: 200px;
}
/* address box */
#box-address {
  color: #fff;
  background: url(../images/box-address-middle.jpg) left top repeat-y;
  font-size: 12px;
  line-height: 15px;
  width: 190px;
}
#box-address .box_decorator {
  background: url(../images/box-address-bottom.jpg) left bottom no-repeat;
  padding-bottom: 10px;
}
#box-address .box_wrap {
  background: url(../images/box-address-top.jpg) left top no-repeat;
  padding: 16px 4px 0 10px;
}
#box-address h2 {
  color: #fff;
  font-size: 13px;
  margin: 0 0 4px;
}
#box-address address {
  font-style: normal;
}
#box-address .smallprint {
  margin: 24px 0 6px;
}
#box-address .smallprint .morelink {
  display: block;
  margin-top: 6px;
}
#box-address .morelink {
  background: url(../images/arrows.png) 0 -200px no-repeat; /* 6th arrow */
  padding-left: 9px;
}
#box-address a {
  color: #fff;
  font-weight: bold;
}

/* greater good ventures */
#pg-ggv h2,
#pg-ggv h3,
#pg-ggv h3 a {
  color: #4e84c4;
}
#pg-ggv h3+p {
  margin-top: 0;
}
#pg-ggv #logo {
  padding-bottom: 28px;
  padding-top: 36px;
}
#pg-ggv .main_decorator {
  background: #fff;
}
#pg-ggv .section_wrap {
  padding: 6px 25px 4px;
}
#section-mission {
  border: none;
}
#section-mission .section_wrap {
  background: none;
  border-bottom: none;
}
.venture_list {
  list-style: none;
  padding-left: 0;
}
.venture_list li {
  overflow: hidden;
}
.venture_list h3,
.venture_list p {
  clear: right;
  float: right;
  margin-top: 0;
  width: 460px;
}
.venture_list .venture_logo {
  float: left;
  margin-right: 10px;
  width: 113px;
}
#venture_classclick h3,
#venture_classclick h3 a {
  color: #f58426;
}
#venture_classclick .morelink {
  background: url(../images/arrows.png) 0 -160px no-repeat; /* 5th arrow */
  display: block;
  padding-left: 8px;
}
#venture_classclick .morelink a {
  color: #d9531e;
  text-decoration: underline;
}
#box-address .ggv h2 {
  color: #fff;
  font-size: 20px;
  margin-bottom: 20px;
}
#box-address .ggv h3 {
  color: #fff;
  margin-bottom: 2px;
}
#box-address .ggv p.morelink {
  margin-top: 18px;
  padding-bottom: 2em;
}
/* static pages (terms, privacy) & error pages */
#pg-static #foreword,
#pg-error #foreword {
  min-height: 0;
}
#pg-static .foreword_wrap,
#pg-error .foreword_wrap {
  padding: 0;
}
#pg-static .main_decorator,
#pg-error .main_decorator {
  background: #fff;
}
#pg-static .main_wrap,
#pg-error .main_wrap {
  padding: 24px 60px 18px 40px;
}
#pg-static h1 {
  font-size: 21px;
  margin: 0 0 9px;
  text-align: center;
}
#pg-static #main h2 {
  color: #444;
  font-size: 14px;
  margin: 1em 0 0;
}
#pg-static p {
  margin-top: 0;
}
#pg-error .main_wrap {
  min-height: 360px;
}
#pg-error h1 {
  text-align: left;
}

.start-tour-overlay {
	background: #000;
	opacity: 0.8;
	height: 100%;
	left: 0px;
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: 999;
} 
.start-tour-holder {
	height: 100%;
	left: 0px;
	position: absolute;
	top: 0px;
	width: 100%;
	z-index: 1000;
}
.tour-popup { display: none; }
.start-tour {
	background: #fff;
	height: 540px;
	margin: 50px auto 0px; 
	padding: 30px;
	position: relative;
	width: 900px;
}
.start-tour .holder {
	float: left;
}
.start-tour .expl {
	float: right;
	padding-top: 60px;
	width: 290px;
	font-size: 22px;
}
.start-tour ul {
	list-style-type: none;
	padding: 0px;
	position: relative;
}
.start-tour .orange { color: #d9531e; margin-bottom: 20px; }
.start-tour .yellow { color: #e8a713; margin-bottom: 20px; }
.start-tour ul li {
	display: none;
	height: 540px;
	overflow: hidden;
}
.start-tour ul .photo { float: left; }
.start-tour ul li.active_page { display: block; }
.start-tour .close {
	background: url('../images/bkg-close-tour-popup.jpg') right top no-repeat;
	color: #000;
	cursor: pointer;
	display: block;
	height: 20px;
	line-height: 20px;
	right: 10px;
	position: absolute;
	text-decoration: none;
	width: 57px;
	z-index: 10;
}
.start-tour .buttons-bar {
	overflow: hidden;
	margin: -40px 30px 0px auto;
	height: 30px;
	line-height: 28px;
	width: 200px;
	position: relative;
}
.start-tour .prev-holder, .start-tour .next-holder {
	float: left;
	height: 30px;
	width: 75px;
}
.start-tour .counter-holder {
	float: left;
	width: 40px;
}
.start-tour .prev, .start-tour .next {
	cursor: pointer;
	background: url('../images/bkg-tour-buttons.jpg') right top no-repeat;
	color: #000;
	display: block;
	height: 30px;
	text-decoration: none;
	z-index: 10;
}
.start-tour .prev { padding-right: 15px; }
.start-tour .next {
	background-position: left -30px;
	padding-left: 25px;
}
.start-tour .counter {
	display: block;
	text-align: center;
	width: 40px;
}
.start-tour .start-a-fundraiser {
	display: block;
	height: 56px;
	width: 196px;
}