@import url(reset.css);

body {
  font-family: arial;
  font-size: 12px;
  margin: .583em auto 0 auto;
  position: relative;
  width: 82em;
}

object {
  outline: none;
  z-index: 0;
}

a,a:link,a:hover,a:visited {
  text-decoration: none;
}

.hide {
  display: none;
}


/** Lightbox **/

.mb,#content .mb { display: none; }

#overlay {
  bottom: 0;
  height: 100%;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  *visibility: hidden;
  width: 100%;
  *z-index: 999;
}

.lightbox {
  display: none;
  height: 32.5em;
  width: 52em; _width: 53em;
}

.lightbox div {
  color: #005581;
  float: right;
  font-size: .96em;
  padding: 1em;
  width: 31em;
}

.lightbox h3,.lightbox object {
  margin-bottom: .6em;
}

.lightbox p {
  margin-bottom: 1em;
}

/** Donate Link **/

#page a.donate {
  background: #C5E29F;
  border: 1px dashed #005581;
  display: block;
  font-size: 1.1em;
  font-weight: bold;
  margin-right: 1em;
  padding: .2em .4em;
  text-align: center;
  text-indent: 0;
  text-transform: lowercase;
  width: 6.5em;
}

#page a.donate,#page a.donate:link,#page a.donate:hover,#page a.donate:visited {
  color: #FFF;
}

#page a.donate:hover {
  background: #8DC63F;
}

#page a.donate span {
  display: block;
  font-size: .6em;
}

/*#content a.donate {
  background: #8DC63F;
  margin: 1.5em 0 2em 0;
}*/


/** Header **/

#header {
  background: #FFF;
  margin-left: 1.1em;
  position: absolute;
  top: 1em;
  z-index: 2;
}

#header a {
  background: url(../img/backgrounds/logo.gif) no-repeat center center;
  display: block;
  height: 11.25em;
  margin-bottom: 1em;
  overflow: hidden;
  text-indent: -999em;
  width: 12.25em;
}


/** Menu **/

#menu {
  background: #FFF url(../img/backgrounds/arrow-dashed-left.gif) no-repeat right 3.5em;
  position: absolute;
  left: 7.225em;
  top: 1em;
  width: 56.9em;
  z-index: 1;
}

#menu ul {
  margin-left: 10em;
}

#menu li {
  float: left;
  margin-left: -1em;
}

#menu li a {
  background: url(../img/backgrounds/menu.png) no-repeat;
  display: block;
  height: 8.333em;
  overflow: hidden;
  position: relative;
  text-indent: -999em;
  width: 8.333em;
}

#menu li.essentials a { background-position: left bottom; _background-position: left top; }
#menu li.community a { background-position: -8.5em bottom; _background-position: -8.5em top; }
#menu li.programs a { background-position: -17.083em bottom; _background-position: -17.083em top; }
#menu li.media a { background-position: -25.667em bottom; _background-position: -25.667em top; }
#menu li.contact a { background-position: -34.25em bottom; _background-position: -34.25em top; }
#menu li.invest a { background-position: -42.79em bottom; _background-position: -42.79em top; }

.essentials a { color: #BA98C8; }
.community a { color: #F9B488; }
.programs a { color: #F298C7; }
.media a { color: #84D8F3; }
.contact a { color: #F7D67F; }
.invest a { color: #C2E098; }

.essentials,.essentials .selected a,.essentials a:hover { color: #7F3F98; }
.community,.community .selected a,.community a:hover { color: #F47321; }
.programs,.programs .selected a,.programs a:hover { color: #E73E97; }
.media,.media .selected a,.media a:hover { color: #1AB7EA; }
.contact,.contact .selected a,.contact a:hover { color: #F0B310; }
.invest,.invest .selected a,.invest a:hover { color: #8DC63F; }

#menu li.essentials a:hover,#menu li.selected.essentials a { background-position: left top; }
#menu li.community a:hover,#menu li.selected.community a { background-position: -8.5em top; }
#menu li.programs a:hover,#menu li.selected.programs a { background-position: -17.083em top; }
#menu li.media a:hover,#menu li.selected.media a { background-position: -25.667em top; }
#menu li.contact a:hover,#menu li.selected.contact a { background-position: -34.25em top; }
#menu li.invest a:hover,#menu li.selected.invest a { background-position: -42.79em top; }

#menu li.selected a { z-index: 1; }
#menu a:hover { z-index: 2; }

#menu ul li ul {
  font-size: 1.1em;
  left: 48.4em;
  margin: 0;
  position: absolute;
  text-transform: lowercase;
  top: 8.9em;
  width: auto;
  z-index: 1;
}

#menu ul li ul li {
  float: none;
  margin: 0;
}

#menu ul li ul li a {
  background: none;
  font-weight: bold;
  height: auto;
  margin-left: 2.5em;
  padding: .2em 0; *padding: .1em 0;
  overflow: visible;
  text-indent: 0;
  width: auto;
  white-space: nowrap;
}

#menu ul li ul li.selected {
  background: url(../img/backgrounds/arrow-dashed-right.gif) no-repeat 4px 4px;
}

#menu div {
  border: 1px dashed #005581;
  border-right: none;
  border-top: none;
  height: 2.1em;
  position: absolute;
  top: 8.5em;
}

#menu div.essentials { left: 13.1em; width: 40.25em; }
#menu div.community { left: 20.424em; width: 32.9em; }
#menu div.programs { left: 27.766em; width: 25.55em; }
#menu div.media { left: 35.099em; width: 18.3em; }
#menu div.contact { left: 42.432em; width: 10.95em; }
#menu div.invest { left: 49.765em; width: 3.6em; }

#menu div.subitem {
  background: none;
  border-bottom: none;
  left: 53.6em;
  position: absolute;
  top: 10.6em;
  width: 1em;
  z-index: 2;
}

#menu div.id1 { display: none; }
#menu div.id2 { height: 1.7em; }
#menu div.id3 { height: 3.5em; }
#menu div.id4 { height: 5.2em; }
#menu div.id5 { height: 7em; }
#menu div.id6 { height: 8.8em; }
#menu div.id7 { height: 10.6em; }
#menu div.id8 { height: 12.3em; }


/** Page **/

#page {
  border: 1px dashed #005581;
  height: auto !important;
  height: 31.9em;
  left: 6.125em;
  margin-bottom: 5em;
  margin-left: 1.1em;
  min-height: 32.9em;
  padding-bottom: 4.5em;
  padding-top: 6em;
  position: relative;
  top: 5em;
  width: 69.667em;
  z-index: 0;
  min-height /*\**/: 33.9em\9
}


/** Place to ... **/

#placeto {
  float: left;
  margin-right: 1em;
  margin-top: 3.5em;
  position: relative;
}
#divPlacetoFlash {
	position: absolute;
}

#divH3Placeto {
  position: relative;
  left: -6.125em;
  top: -1.5em;
  background-color: #FFF;
}
#h3Placeto {
  background-position: center center;
  background-repeat: no-repeat;
  height: 27px;
  overflow: hidden;
  padding: 0 0 .3em 0;
  text-indent: -999em;
  width: 165px;
}

#placeto h3.essentials { background-image: url(../img/backgrounds/slogan_essentials.gif); }
#placeto h3.community { background-image: url(../img/backgrounds/slogan_community.gif); }
#placeto h3.programs { background-image: url(../img/backgrounds/slogan_programs.gif); }
#placeto h3.media { background-image: url(../img/backgrounds/slogan_media.gif); }
#placeto h3.contact { background-image: url(../img/backgrounds/slogan_contact.gif); }
#placeto h3.invest { background-image: url(../img/backgrounds/slogan_invest.gif); }

#placeto ul {
  margin-left: .1em;
  width: 11em;
}

#placeto li {
  background: url(../img/backgrounds/arrow-dashed-right.gif) no-repeat left center;
}

#placeto li a {
  display: block;
  font-weight: bold;
  font-size: 1.1em;
  margin-left: 2.1em;
  padding: .8em 0; *padding: .7em 0;
  text-transform: lowercase;
}

#placeto li a,#placeto li a:link,#placeto li a:visited {
  color: #7FA9BF;
}

#placeto li a:hover {
  color: #005581;
}


/** Content **/

#content {
  color: #005581;
  float: left;
  margin-top: 2.7em;
  width: 420px;
  text-align: justify;
}

#content h2 {
  font-weight: bold;
  margin-bottom: 1em;
  text-transform: lowercase;
}

#content h3 {
  margin-bottom: .3em;
  margin-top: 1em;
  text-transform: uppercase;
}

#content p {
  margin-bottom: 1em;
}
#content strong {
	font-weight: bold;
}

#content_ a {
  background: url(../img/backgrounds/arrow-dashed-right.gif) no-repeat left center;
  display: block;
  font-weight: bold;
  padding: .5em 0;
  text-transform: lowercase;
  text-indent: 2.5em;
  width: 9em;
}

#content a,#content a:link,#content a:visited {
  font-weight: bold; color: #005581; /* was color: #7FA9BF; */
}

#content a:hover {
  color: #002f48; /* color: #005581; */
}

#content .arrow a {
	background: no-repeat 1px url(../img/backgrounds/arrow-dashed-right.gif);
	padding-left: 28px;
	/* color: #7FA9BF; */
}
#content .arrow a:hover {
	/* color: #005581; */
}

#content li {
  background: url(../img/backgrounds/bullet.gif) no-repeat .5em .4em;
  padding-left: 1.4em;
}

#content ul {
  margin-bottom: 1em;
}

/** Join Us **/

#joinus {
  bottom: 1em;
  color: #7FA9BF;
  font-size: .9em;
  left: 1em;
  position: absolute;
}

#joinus li {
  margin-top: 1em;
}

#joinus a {
  display: block;
  overflow: hidden;
  text-indent: -999em;
}

#joinus a.facebook {
  background: url(../img/backgrounds/facebook.gif) no-repeat center center;
  height: 2.2em;
  width: 5.2em;
}

#joinus a.twitter {
  background: url(../img/backgrounds/twitter.gif) no-repeat center center;
  height: 1.6em;
  width: 6.8em;
}


/** Masked IMG **/

#page .sifr {
  bottom: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 18em;
  width: 40em;
}

.sIFR-alternate {
  display: block;
  height: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 0;
}

#maskedimg {
  position: absolute;
  width: 300px;
  height: 300px;
  right: -5.8em;
  top: 20.1em;
  top/*\**/: 20.8em\9
}
#spanFlashSpotlight {
	position: absolute;
}

#spanFlashSpotlightText p { margin-left: 50px; width: 400px; text-align: right; }


/** Footer **/

#footer {
  color: #5E95B8;
  font-size: .75em;
  margin: 0 10.1em;
  padding: .4em 0;
}

#footer a {
  color: #5E95B8;
}

#footer p {
  float: left;
  margin-right: 4em;
}

#footer p.cb {
  float: none;
  *display: none;
  margin: 0;
}

/** Flash Intro **/

#divFlashIntro { position: absolute; z-index: 999; left: 0px; top: 0; width: 100%; height: 100%; background-color: #FFF; display: none; overflow: hidden; }

#divIndexStories { position: absolute; z-index: 444; left: 160px; top: 82px; }
#spanIndexStories img { display: block; }
#spanIndexStories p { width: 520px; }

/** Click and Plage **/
a #spanClickAndPledge { display: block; overflow: hidden; width: 0px; height: 47px; padding-left: 98px; background: no-repeat 0px 0px url('../img/contents/click-and-pledge.png'); }
a:hover #spanClickAndPledge { background-position: 0px -50px; }