/* Reset Style.
* @author Eric Meyer
* @author Russ Tennant (russ@i2rd.com)
* @author Ben Barber (bbarber@i2rd.com)
*/
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,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
}
body{line-height: 1;color: #000;background: #FFF;}
ol, ul{list-style: none;}
table{border-collapse: separate; border-spacing: 0;}
caption, th, td{text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after{content: "";}
blockquote, q{quotes: "" "";}

td{vertical-align: middle;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
legend{color:#000;}
b, strong{font-weight: bold;}
html, body, div.page, div.ieonly {
	margin: 0;
	padding: 0;
	height: 100%;
}

#e_content {
	position: relative;
	min-height: 100.0%;
}
* html #e_content {
	height: 100%;
}

#footer {
	position: relative;
	margin-top: -100.0px;
	height: 100.0px;
}

#header {
	height: 100.0px;
}

#e_column_0 {
	padding-bottom: 100.0px;
}

#enclosing3 {
}

#column1 {
	float: left;
	width: 32.0%;
}

#column2 {
	float: left;
	width: 32.0%;
}

#column3 {
	float: left;
	width: 32.0%;
}

#column4 {
	float: left;
}

#column5 {
	float: left;
}
/* 
Basic Styles
Company: Mosaic
Author: Aprille Okimi (aokimi@i2rd.com) / Vivian Clark (vclark@i2rd.com)
*/

html {
  font-size: 100%; /* to increase font-size on IE */
}
body {
  background: #ffffff;
  font: 0.7em Arial, sans-serif;
  color: #333333;
  line-height: 1.3;
}
#e_content {
  min-height: 450px;
}
div.page {
  width: 100%;
}
.box_wc,
#footer {
  width: 1100px;
  margin: 0 auto;
}
#header .box_wc {
  width: 900px;
  margin: 0 auto;
}


/* general styles -----------------------------*/
h1, h3, h4, h5 {
  padding-bottom: 1em;
}
h1 {
  font-size: 1.75em;
  font-weight: bold;
  color: #ffffff;
  line-height: 1.2;
}
h2 {
  padding-top: 20px;
}
h3 {
  font-weight: bold;
  color: #ffffff;
  text-align: center;
}
h4 {
  text-transform: uppercase;
}
h5 {
  color: #ffffff;
  font-weight: bold;
}

/* header -------------------------------------*/

#header {
  background: url(/resources/dyn/files/210845/_fn/headerbg.gif) repeat-x top center;
  height: 83px;
}
#logo {
  background: url(/resources/dyn/files/210846/_fn/mosaiclogo.gif) no-repeat right top;
  float: right;
  height: 83px;
}
#logo h1 a {
  display: block;
  text-indent: -4000em;
  width: 170px;
  height: 83px;
}

/* columns ----------------------------------*/
#e_column_0 {
  background: #ff9966 url(/resources/dyn/files/210840/_fn/contentbg.gif) repeat-x top left;
  height: 410px;
  padding: 0;
}
.column {
  padding: 2em 1em;  
}
#column1,
#column3 {
  background: url(/resources/dyn/files/212825/_fn/col1bkgd.gif) no-repeat;
  width: 215px;
  height: 304px;
  margin: 40px 10px 0 10px;
}
#column2 {
  background: url(/resources/dyn/files/212826/_fn/col2bkgd.gif) no-repeat;
  width: 495px;
  height: 304px;
  margin: 40px 10px 0 10px;
  position: relative; /* to absolute position buttons */
}
#column1 {
  text-align: left;
  position: relative; /* to absolute position buttons */
}
#column3 {
  text-align: center;
}
/* buttons ----------------------------------*/
.col1_btn {
  position: absolute;
  bottom: 62px;
  left: 64px;
}

/* tables -----------------------------------*/
.textbean table,
.article_content table {
  width: 100%;
}
.textbean td,
.article_content td {
  padding: 1em 0;
}

/* footer -----------------------------------*/
#footer {
  border-top: solid 1px #333333;
  margin-top: 20px;
}
#footer_wc_0 {
  width: 690px;
}
#footer_logo,
#footer_address {
  float: left;
  height: 40px;
  text-indent: -4000em;
}
#footer_logo {
  background: url(/resources/dyn/files/211160/_fn/footerlogo.gif) no-repeat;
  width: 138px;
}
#footer_nav {
  background: url(/resources/dyn/files/211163/_fn/footernav.gif) no-repeat;
  float: left;
  width: 294px;
  height: 40px;
}
#footer_social {
  background: url(/resources/dyn/files/211161/_fn/footersocial.gif) no-repeat;
  width: 103px;
  float: left;
  height: 40px;
}
#footer_address {
  background: url(/resources/dyn/files/211162/_fn/footeraddress.gif) no-repeat;
  width: 154px;
}
#footer_nav ul {
  margin: 16px 0 0 34px;
}
#footer_nav li {
  text-transform: uppercase;
  font-size: 10px;  
}
#footer_nav li a {
  text-decoration: none;
  padding-right: 11px;
  color: #333333;
}
#footer_social p {
  padding: 13px 0 0 14px;
}

/*error message --------------------------*/
.checkout div.message_container {
  margin: -2em 0 0.75em 0;
}  
.checkout div.message {
  height: auto; 
  min-height: 14px;
} 
.checkout div.message.error {
  background: url(/resources/dyn/files/249205/_fn/message_error.png) no-repeat transparent;
  float: left;
  width: 18em;
} 
#ie6only .checkout div.message.error  {
  behavior: url(/resources/all/docroot/cms/legacy/ie6pngfix.htc);
}
  
.order_summary {
  clear: both;
}  


/* Homepage styles ---------------------- */

#column1 {
  text-align: right;
}
#column2 {
  background-image: none;
  margin: 1.6em;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: bold;
  margin: 40px 0 0 10px;
  width: 480px;
  padding: 0 1em;
}


/* social media content area ------------ */
#enclosing3 {
  width: 1000px;
  margin: 0 auto;
}
#enclosing3_wc_0 {
  width: 690px;
  margin: 0 auto;
}
#column4, /* facebook column */
#column5 {
  width: 308px;
}
#column5 { /* twitter column*/
  float: right;
}

/* twitter updates ------------*/
div.twitter_header {
  border: 1px solid #565656;
  background: url(/resources/dyn/files/214007/_fn/twitter_header.gif) no-repeat left top;
  padding-top: 62px;
  position: relative; /* to position 'read more link'*/
}
#twitter_feed {
  height: 308px;
  overflow: auto;
  padding: 15px 15px 0;
}
#twitter_feed li {
  display: block;
}
#twitter_feed li a {
  display: block;
  text-decoration: none;
  color: #5a5a5a;
  padding: .5em 0;
  margin-bottom: .5em;
  border-bottom: 1px dashed #aaa;
}
#twitter_feed li a:hover {
  color: #333;
}
div.read_more {
  position: absolute;
  bottom: -30px;
  right: 30px;
  background: url(/resources/dyn/files/214038/_fn/twitter_readmore_bt.gif) no-repeat left top;
}
div.read_more,
.read_more a,
a.follow_twitter {
  width: 101px;
  height: 23px;
}
.read_more a,
a.follow_twitter {
  display: block;
  text-indent: -4000em;
}
a.follow_twitter {
  margin: 7px 0 0 30px;
  background: url(/resources/dyn/files/214006/_fn/twitter_follow_bt.gif) no-repeat left top;
}

/* facebook button */
.fan_link a {
  background: url(/resources/dyn/files/214003/_fn/facebook_fan_bt.gif) no-repeat;
  width: 101px;
  height: 23px;
  text-indent: -4000em;
  display: block;
  overflow: hidden;
  margin: 0 auto;
}

/* share this component */
div.share_this {
  position: absolute;
  bottom: 62px;
  left: 64px;
}
#ck_sharethis {
  background: url(/resources/dyn/files/211961/_fn/sharebtn.gif) no-repeat;
  width: 106px;
  height: 28px;
  display: block;
  text-indent: -4000em;
  overflow: hidden;
}
.share_this img {
  display: none;
}
/* tooltip styles ----------------------*/

div.tooltip {
  font-size: .9em;
  width: 185px;
  height: 66px;
  font-weight: bold;
  padding: 20px 15px;
  display:none; 
  text-align: center;
  background: url(/resources/dyn/files/213745/_fn/tooltip_bg.png) no-repeat;
  color: white;
  -moz-border-radius: 5px;
}
.tooltip p {
  margin-bottom: 0;
}

#ie6only div.tooltip {
 background: url(/resources/dyn/files/213962/_fn/tooltip_bg_ie6.gif) no-repeat

}

/* tooltip buttons home page ---*/

.tooltip a {
  display: block;
  width: 88px;
  height: 28px;
  background-position: left top;
  background-repeat: no-repeat;
  text-indent: -4000em;
  overflow: hidden;
  margin: 0 auto;
}
.tooltip a.donate_10 {
  background-image: url(/resources/dyn/files/213737/_fn/buttondonate_10.gif);
}
.tooltip a.donate_15 {
  background-image: url(/resources/dyn/files/213739/_fn/buttondonate_15.gif);
}
.tooltip a.donate_20 {
  background-image: url(/resources/dyn/files/213740/_fn/buttondonate_20.gif);
}
.tooltip a.donate_25 {
  background-image: url(/resources/dyn/files/213741/_fn/buttondonate_25.gif);
}
/* progress bar - home video -------------*/


div.donation_progressbar {
  position: absolute;
  bottom: -25px;
  left: 10px;
}
.progress_bar {
  background-color: white;
  background-color:#ffcc99;
  border:1px solid #cc9966;
  -moz-border-radius:4px;
  border-radius:4px;
}
.progress {
  background-color: #ff9933;
  text-align: right;
}
.progress .value {
  color:#FFF;
  font-weight:bold;
  margin-left: 100px;
}
.progress_bar {
  width:200px;
}

/* video buttons ------------------------ */
div.video_buttons {
  position: absolute;
  right: 10px;
  bottom: -20px;
}
div.video_buttons a {
  position: relative; /* to be pixel perfect on span position*/
  width: 25px;
  height: 24px;
  display: inline-block;
  overflow: hidden;
  color: #ffffff;
  text-decoration: none;
  line-height: 2;
  text-align: center;
  background: url(/resources/dyn/files/214058/_fn/button_number.png) no-repeat top right;
}
#ie6only div.video_buttons a {
  behavior: url(/resources/all/docroot/cms/legacy/ie6pngfix.htc);
}
.video_buttons a span {
  text-shadow: 1px 1px 1px #666; /* Modern Browsers*/
  width: 24px;
  height: 24px;
  display: block;
  color: white;
  position: absolute;
  left: 0;
  top: 1px;
}
.video_buttons a:hover,
.video_buttons a.active {
  background-position: top left;
}

/* HORIZONTAL / HORIZ. PERSISTENT CSS --------------- */
ul.menubeanh,
ul.menubeanh_persistent {
  list-style: none;
  position: relative;
  overflow: visible;
}
ul.menubeanh,
ul.menubeanh ul,
ul.menubeanh_persistent,
ul.menubeanh_persistent ul {
  padding: 0;
  margin: 0;
  list-style: none;
  /* background-color: #fff;  IE Requires a background color. */
}
ul.menubeanh li,
ul.menubeanh_persistent li {
  float: left;
  position: relative;
  list-style: none;
  /*
  	width: 8em;
	overflow: visible;
	*/
}
ul.menubeanh li ul,
ul.menubeanh_persistent li ul {
  display: none;
  position: absolute;
  top: 1.2em; /* IE */
  left: 0; /* IE */ /* background-color: #fff;  IE Requires a background color. */
}
ul.menubeanh > li > ul,
ul.menubeanh_persistent > li > ul {
  top: auto; /* Non-IE */
  left: auto; /* Non-IE */
}
/* (sub-)submenus */
ul.menubeanh ul,
ul.menubeanh ul ul,
ul.menubeanh ul ul ul,
ul.menubeanh_persistent ul,
ul.menubeanh_persistent ul ul,
ul.menubeanh_persistent ul ul ul {
  position: absolute;
  top: 0;
  left: 95%;
}
/* Interactive lines: show/hide menus */
ul.menubeanh li.over ul ul,
ul.menubeanh li.over ul ul ul,
ul.menubeanh_persistent li.over ul ul,
ul.menubeanh_persistent li.over ul ul ul {
  display: none;
}
ul.menubeanh li.over ul,
ul.menubeanh ul li.over ul,
ul.menubeanh ul ul li.over ul,
ul.menubeanh_persistent li.over ul,
ul.menubeanh_persistent ul li.over ul,
ul.menubeanh_persistent ul ul li.over ul {
  display: block;
}

/* VERTICAL CSS --------------- */
ul.menubeanv,
ul.menubeanv_persistent,
ul.menubeanv ul,
ul.menubeanv_persistent, ul { 
  /* background-color: #fff;  IE requires a background color. */
}
ul.menubeanv li,
ul.menubeanv_persistent li {
  position: relative;
  /* background-color: #fff;  IE requires a background color. */
}
ul.menubeanv li ul {
  display: none;
  position: absolute;
  top: 2px; /* IE */
  left: 6em; /* IE */ 
  /* background-color: #fff;  IE requires a background color. */
}
ul.menubeanv li:hover ul,
ul.menubeanv li.over ul {
  display: block;
}

ul.menubeanv_persistent li.mi_parent {
  cursor: pointer;
}
ul.menubeanv_persistent li ul {
  display: none;
}
ul.menubeanv_persistent li.over ul {
  display: block;
}