/* Rivers of Hope - Global CSS */

body{
 margin: 0;
 padding: 0;
 background: url(images/bg.jpg) no-repeat top center #fff;
 color: #000;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
}
form{ margin: 0; padding: 0; }
img{ border: 0; }
.clear{ clear:both; }
.clearL{ clear:left; }

a{ color: #003d8a; text-decoration: none; }
a:hover{ color: #f1ab1d; }
h1{ font-size: 24px; color: #1186c3; margin: 0px 0px 10px 0px; padding: 0px; font-weight: bold; text-transform: uppercase; }
h2{ font-size: 20px; color: #1186c3; margin: 0px 0px 10px 0px; padding: 0px; font-weight: bold; text-transform: uppercase; }
h2 .date { font-size:18px; font-weight:normal; }
h2 .location { font-size:18px; font-weight:normal; color: #818a9b; }
h3{ font-size: 13px; color: #000; font-weight: bold; font-style: italic; margin: 0; padding: 0; }
.of{ font-size: 18px; }

#container{ position: relative; width: 1002px; margin: 0px auto; background: url(images/white.gif) repeat-y top center; }
.whiteBkg{ background-color:#fff; }
#container2{ position: relative; width: 1002px; margin: 0px auto; }
.containerPad{ padding: 0px 10px; }

#header{ position: relative; height: 202px; z-index: 1; }
#topnav{ position: relative; padding-top: 68px; font-size: 13px; font-weight: bold; }
#topnav a{ display:block; float:left; margin-right:20px; color: #1186c3; }
#topnav div.letterWave{ float:left; height:20px; background-color:#fff; margin-top:10px; }
a.donate p img { display:none; }
#logo{ position: absolute; top: 30px; right: 8px; z-index:2; }
#logo img{ display: block; }

#feature{ position: relative; height: 464px; width: 982px; margin-top: -64px; }
#feature #photo img{ position:absolute;top:0px;left:0px; }
.current {display:block;}
.next {display:none;}
#feature #bullets {position:absolute;bottom:10px; right:10px;z-index:1000;}
#feature #bullets a {margin-right:10px;}
.featureON, .featureOFF {display:block;width:16px;height:16px;float:left;}
.featureON {background:url('images/featureON.png') no-repeat;}
.featureOFF {background:url('images/featureOFF.png') no-repeat;}

#feature-interior { position: relative; height:107px; width:982px; margin-top: -64px; background: url(images/feature-interior.jpg) no-repeat; }
#interiorContent { float:right; width:770px; padding-right:20px; font-size:12px;position:relative; }
.interiorLeft{ position: relative; float: left; width: 460px; }
.interiorRight{ position: relative; float: right; width: 300px; }

#mission, #mission-interior{ position: relative; width: 1002px; background: #f1ab1d; margin-top: 5px; }
#mission-interior{ margin-top:0; padding-left:65px; width:937px; }
#mission h1, #mission-interior h1{
  position: relative;
  float: left;
  width: 164px;
  text-align: right;
  color: #fff;
  font-size: 28px;
  font-weight: bold;
  margin: 0px 24px 0px 0px;
  padding: 6px 0px;
  line-height: 1.0em;
}
#feature-interior h1{ font-size:36px; color:#fff; padding:60px 0 0 55px; margin-bottom: 0px; }
#missionTxt{ position: relative; float: left; width: 760px; padding: 8px 0px; font-size: 14px; }
#mission-interior #missionTxt { font-size:16px; }
#missionFolds, #missionFolds-interior{
  position: relative;
  height: 12px;
  width: 1002px;
  background: url(images/mission_folds.png);
  margin-bottom: 12px;
}
#missionFolds-interior { margin-bottom:0; }

#navColumn{ position: relative; width: 174px; float: left; margin-right: 14px; }
#mainColumn{ position: relative; width: 382px; float: left; margin-right: 14px; }
#miscColumn{ position: relative; width: 382px; float: left; }
#bigColumn{ position: relative; width: 778px; float: left; }

/* ----- SIDE NAV ----- */
#sideNav{ position: relative; background: url(images/nav_top.png) no-repeat; padding-top: 8px; }
#sideNavList{ position: relative; background: #4ebee7; }
#sideNav a.wave{
  display: block;
  position: relative;
  width: 174px;
  height: 50px;
  font-size: 15px;
  font-weight: bold;
  color: #fff;
  text-align: right;
  z-index: 10;
}
#sideNav p.p1{ margin: 0; padding: 18px 12px 0px 0px; }
#sideNav p.p2{ margin: 0; padding: 10px 12px 0px 0px; }
#sideNav a.donate{ background: url(images/nav_bottom.png); color: #000; }
.navWave{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 0px;
  height: 50px;
  background: url(images/nav_highlight.png) no-repeat;
  overflow: hidden;
}
.navWaveTxt{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 174px;
  color: #000;
}
#navFold{
  position: relative;
  background: url(images/nav_fold.png);
  height: 21px;
  width: 10px;
  margin-top: -7px;
  z-index: 1;
}
#followUs{
  position: relative;
  margin: 22px 0px 0px 44px;
  font-style: italic;
}

/* ----- MAIN CONTENT ----- */
#mainColumn h1 { margin-bottom:0; }
.newsItem{ position: relative; margin: 12px 0px; color: #818a9b; font-size: 11px; }
.newsSub{ font-size: 12px; margin: 0; padding: 0; }
.newsReadMore{ float:right;padding-top:11px; }
.date{ color: #f1ab1d; }
.news{ margin: 0; padding: 0; }
.calDate{
  position: relative;
  float: left;
  margin-right: 10px;
  width: 67px;
  height: 75px;
  background: url(images/calIcon.jpg);
  color: #000;
}
.calDay{ font-size: 28px; font-weight: bold; text-align: center; padding-top: 20px; }
.calMonth{ position: absolute; bottom: 2px; left: 8px; font-size: 11px; font-weight: bold; }
.calTxt{ position: relative; float: left; width: 290px; }

/* ----- MISC SIDE COLUMN STUFF ----- */
.sideBox{ border: 1px solid #1186c3; padding: 8px 12px; margin-bottom: 24px; }
img.callout{ display: block; margin-bottom: 24px; }
.sideBoxAuction{
  border: 1px solid #f1ab1d;
  padding: 8px 12px;
  margin-bottom: 24px;
  background: url(images/auction_bg.jpg) no-repeat top center;
}
.white{ color: #fff; }
.auctionInfo{
  position: relative;
  width: 136px;
  float: right;
  margin-top: 24px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #1186c3;
  text-transform: uppercase;
}

#add1{
	display: block;
	padding-bottom: 20px;
	margin: 0 auto;
}
#add2{
   display: block;
   padding-bottom: 20px;
}

.auctionInfo p{ margin: 0px 0px 10px 0px; padding: 0; }
#moreVideos{
  position: relative;
  float: right;
  width: 100px;
  font-size: 11px;
  margin-top: 6px;
}
#moreVideos img{ vertical-align: middle; }
.video{ width:357px; height:250px; float:left; }

#sponsorsHome { min-height:1px;height:auto !important;height:1px; }
#sponsorsHome h2 { float:right; }
#sponsorsHome img { float:left; }
.boxpic{ margin-right: 6px; width: 142px; height: 100px; }

/* ----- BOTTOM ----- */
#sponsors{
  position: relative;
  width: 982px;
  margin: 0px auto;
  min-height: 128px;
  height: auto !important;
  height: 128px;
  background: url(images/bottom_gradient2.png) bottom center no-repeat;
}
#textOfHope{ font-size: 1.3em; font-weight: bold; color: #4ebee7; margin-left: 80px; padding-top: 30px; }
#logosOfHope{ position: relative; margin: 24px 0px 0px 74px; }
#logosOfHope img{ vertical-align: middle; padding-right: 40px; }
#bottomWave{
  position: relative;
  height: 46px;
  width: 982px;
  margin: 0px auto;
  background: url(images/bottom_wave2.png) no-repeat;
}

/* ----- Volunteer form ----- */
.formItem{ width: 170px; float: left; margin: 0px 4px 16px 0px; }
.formItemSmall{ width: 90px; float: left; margin: 0px 4px 16px 0px; }
.formItemBig{ width: 400px; float: left; margin: 0px 4px 16px 0px; }


/* ----- HEART GALLERY ----- */
#heartGalleryLogo {
	position:absolute;
	z-index:1000;
	top:340px;
	left:10px;
	background: url(images/slides/heartLogo.png) no-repeat;
	width:308px;
	height:110px;
}

#heartGallery{
  position: relative;
  width: 770px;
  height: 192px;
  background: url(images/heart_gradient.jpg) repeat-x #fff;
  margin-top: -12px;
  margin-bottom: 10px;
  border-bottom: 1px solid #f1ab1d;
}
#slideLeft{
  position: absolute;
  top: 65px;
  left: 8px;
  width: 34px;
  height: 69px;
  background: url(images/slideleft_off.png);
  cursor: pointer;
}
#slideRight{
  position: absolute;
  top: 65px;
  right: 8px;
  width: 34px;
  height: 69px;
  background: url(images/slideright_off.png);
  cursor: pointer;
}
#slideWindow{
  position: absolute;
  top: 16px;
  left: 48px;
  width: 674px;
  height: 167px;
  overflow: hidden;
}
#slideArea{
  position: absolute;
  top: 0px;
  left: 8px;
  font-size: 14px;
  width: 0px;
}
#slideArea img{ display: block; width: 196px; height: 123px; margin: 6px auto 0px auto; }
#slideArea p{ text-align: center; margin: 0px; padding: 3px 0px; }
.slide{
  position: relative;
  float: left;
  width: 208px;
  margin-right: 16px;
  background: #f1ab1d;
  cursor: pointer;
}
#noMsg{ display: none; color: #000; font-size: 16px; margin-top: 75px; }
#ageGroups{
  position: relative;
  width: 490px;
  margin: 0px 0px 0px 282px;
  padding: 6px 0px;
}
.ageLink{
  position: relative;
  float: left;
  margin-right: 6px;
  background: #cd9219;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  padding: 8px 0px;
  width: 90px;
  text-align: center;
  cursor: pointer;
}
#heartLogo{ position: relative; width: 140px; float: right; margin: 0px 0px 10px 10px; }
.heartLogo{ display: block; margin-bottom: 10px; }
.heartIcon{ display: block; float: left; margin-right: 8px; }
.hgBio{ display: none; }
.bioPhoto{ display: block; float: left; margin-right: 10px; }
.bioName{ position: relative; float: left; width: 238px; }


#heartLogoAbs { position: absolute; width: 140px; right:0px;top:190px; margin: 0px 0px 10px 10px; }
#heartLogoSpacer {float:right;width:125px;height:30px;}

.bioLeft {float:left;width:345px;margin-right:25px;}
.bioRight {float:left;width:400px;}
.newHgBio{ display: none; }
.newBioPhoto{ display: block; float: left; margin-bottom: 10px;width:345px;}
.bioPhotographer {font-size:15px;font-weight:bold;margin-bottom:10px;}
.bioTitle {color:#000000;font-size:30px;font-weight:bold;}
.bioTitle span {color:#4EBEE7;}
#hgLanding h2 {margin-bottom:15px;margin-right:125px;}

/* Popup CSS */

#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
} 
 
#boxes .window {
  position:absolute;
  background: url('images/ask_philip_verizon3.jpg') no-repeat;
  left:0;
  top:0;
  width:300px;
  height:165px;
  display:none;
  z-index:9999;
}
#boxes #dialog {
  width:280px; 
  height:145px;
  padding:10px;
  float:left;
  background-color:#ffffff;
}

.close{
	height:30px;
	width:30px;
	margin-top:-13px;
	margin-right:-10px;
	float:right;
}

#popmessage{
	height:140px;
	width:295px;
	display:block;
	float:left;
	margin-top:10px;
}

/* End Popup CSS */

h1 .sponsorSpan{
	font-size: 12px;
}

.twitter{
	height: 80px;
	display: block;
}

.twitter h1{
	padding-top: 15px;
	float: right;
}