/* ***
manna
stylin styles
copyright eric smith 2009

colors:

blue - #1c568e

green - a3ba7f

pink - d26365

*** */

/*-  normalize everything
----------------------------------------------------------------------*/

/* normalize margin, padding */
html, body, div, dl, dt, dd, ul, ol, li, 
h1, h2, h3, h4, h5, h6, pre, input, 
p, blockquote, th, td, img {
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
}

/* normalize font-size for headers */
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

/* remove list-style from lists */
ol, ul {
	list-style: none;
}

/* normalize font-style and font-weight to normal */
address, caption, cite, code, dfn,
th, var {
	font-style: normal;
	font-weight: normal;
}

/* remove table border spacing */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* remove border from fieldset and img */
fieldset, img {
	border: 0;
}

/* left-align text in caption and th */
caption, th {
	text-align: left;
}

a:active, a:focus {
  outline: none ! important;
}

.left { float: left; display: inline; }
.right { float: right; display: inline; }

.cl { clear: both; display: block; height: 0; font-size: 0; line-height: 0; }
.notext {  font-size: 0; line-height: 0; text-indent: -4000px; color: #fff; }





.txtcolorone, table#menu_bithtml_bithtml_styleselect_menu_tbl tr#mce_4 a span, .mceContentBody#tinymce .txtcolorone  {color:#3c70bb!important;}
.txtcolortwo, table#menu_bithtml_bithtml_styleselect_menu_tbl tr#mce_5 a span, .mceContentBody#tinymce .txtcolortwo  {color:#a2a520!important;}
.txtcolorthree, table#menu_bithtml_bithtml_styleselect_menu_tbl tr#mce_6 a span, .mceContentBody#tinymce .txtcolorthree {color:#154164!important;}


body { color:#333; font:normal 12px Tahoma, Arial, sans-serif; background:#154164 url(../images/background.jpg) no-repeat top center; text-align:left; }
#body { background:#154164 url(../images/background.jpg) no-repeat top center;}
a:link, a:visited {color:#a2a520;  text-decoration:none;  }
a:hover, a:active {color:#555; text-decoration:underline;  background-color:transparent;  }
h1 { font-weight:bold; font-size: 18px; color:#2e2e2e; }
h2 { font-weight:normal; font-size: 1.5em;}
h3 { font-weight:bold; font-size: 1.1em; }
h4 { font-weight:normal; font-size: .9em; color:#888; padding:0 0 2px; }
h5 { font-weight:bold; font-size: 1em; color:#333; padding:7px 0 0px; }

.container {margin: 0 auto; width:952px; text-align:left;}

.header {width:952px; height:173px; margin:0 auto; }



a.logo { width:416px; height:83px; float: left; margin-left:38px; margin-top:20px; background: transparent url(../images/manna-logo.jpg) no-repeat center; }

.indeximage {width:278px; height:124px; float: left; background: transparent url(../images/index-header-image.jpg) no-repeat center; margin-left: 19px; }

p.contact { float:right; margin: 45px 17px 12px 0; }
p.contact a:link, p.contact a:visited {color:#a2a520; text-decoration:underline; }


#c-searchform {width:200px; height:24px; float:right; margin:0px 0 0;}

#dropnavigation { width:953px; height: 49px;  }
#dropnavigation li { position:relative; display:inline; float:left; }
#dropnavigation li a{ height:49px; float:left; display: inline; font-size: 0; line-height:0; text-indent: -4000px;}
#dropnavigation li.last{padding-right:0}


#dropnavigation li a#about {  width: 194px;  background: url(../images/menu-about-mpi.jpg) no-repeat 0 0; }
#dropnavigation li a#international {  width:228px;  background: url(../images/menu-international-sites.jpg) no-repeat 0 0; }
#dropnavigation li a#campus {  width:206px; background: url(../images/menu-campus-chapters.jpg) no-repeat 0 0; }
#dropnavigation li a#volunteer {  width:184px;   background: url(../images/menu-volunteer.jpg) no-repeat 0 0; }
#dropnavigation li a#news {  width: 141px;   background: url(../images/menu-news.jpg) no-repeat 0 0; }

#dropnavigation li a:hover, #dropnavigation li a.selected{ background-position: 0 -49px !important; }


#dropnavigation li .sub-nav{

	display:none;

	background:#eee;

	width:193px;

	position:absolute;

	top:49px;

	left:0;

	z-index:10000;

}

#dropnavigation li .sub-nav#about{ left:1px;}
#dropnavigation li .sub-nav#international{ width:228px;}
#dropnavigation li .sub-nav#campus{ width:206px;}
#dropnavigation li .sub-nav#volunteer{ width:184px;}
#dropnavigation li .sub-nav#news{ width:140px;}


#dropnavigation li .sub-nav ul{list-style-type: none; padding:5px 0;}

#dropnavigation li .sub-nav li{float: none; display:block; border:0; background:transparent;}

#dropnavigation li .sub-nav li a{

	border:0;

	display: block;

	float: none; 

	background:transparent; 

	font-size: 14px ;

	color:#154164; 

	line-height:18px; 

	padding:7px 10px 7px 28px;

	height:100%;

	text-indent: 0px;

	text-decoration: none;

}

#dropnavigation li .sub-nav li a:hover{ text-decoration: none; background:#a2a520 !important; color:#fff;}












.content { background:#fff; width:951px;  margin:0 auto; padding-bottom:25px; }


ul.sidemenu { width:198px; height:282px; float:left; margin: 41px 0 0 -9px; }
ul.sidemenu li a{ float:left; background: transparent url(../images/index-for-volunteers.png) no-repeat; }
ul.sidemenu li#volunteers a{ width:198px; padding:0 0 7px 0; }
ul.sidemenu li#volunteers a{ height:66px; background-image: url(../images/index-for-volunteers-button.png); }
ul.sidemenu li#donors a{ width:198px; height:66px; padding:0 0 7px 0; background-image: url(../images/index-for-donors-button.png); }
ul.sidemenu li#alumni a{ width:198px; height:67px; padding:0 0 7px 0; background-image: url(../images/index-for-alumni-button.png); }
ul.sidemenu li#friends a{ width:198px; height:67px; padding:0 0 7px 0; background-image: url(../images/index-for-friends-button.png); }

.indexslideshow {width:475px;  float:left; margin: 42px 0 0 16px; }

.c-bit-content.text ul {list-style:disc inside;}
.c-bit-content.text ol {list-style:decimal inside;}



.rightcolumn { width: 250px; float:left; margin:40px 0 0 15px;}
a#donatenow {display:block; background:transparent url(../images/index-donate-now-button.png) no-repeat; width: 264px; height:75px; margin: 0 0 15px;}
a#latest {display:block;background:transparent url(../images/latest-news.jpg) no-repeat left; width:120px; height:14px;float:left;  }
a#latestrss {display:block;background:transparent url(../images/latest-news.jpg) no-repeat right; width:18px; height:14px; float:left; }
div#subnews {display:block;background:transparent url(../images/subscribe-to-our-newsletter.png) no-repeat; width: 264px; height: 74px; }
div#subnews form {margin-left:13px;}

.rightcolumn h3.articleTitle {font-weight:normal; font-size:12px;}
.rightcolumn .bit.article { padding:8px 0;}



div.canvas { padding:10px; display:block;background:transparent url(../images/canvas-bkgd.png) no-repeat; width: 244px; height: 54px; }

.callout{ color:#fff; width:140px; padding:6px; background:#154164; border:solid 2px #3c70bb; float:left; margin:5px; }
	.callout img{ padding:2px; background:#a2a520;  }
	.callout h5{ color:#fff; }
	.callout h6{ color:#fff; }
	
	.callout.wide{margin:0; width:88%; padding:5%; border-width:1%; float:none;}

	.color2box {background:#3c70bb; border-color:#a2a520;}	
		.color2box img{ background:#154164; }
	.color3box {background:#a2a520; border-color:#3c70bb;}	
		.color3box img{ background:#154164; }





p.mail a { font:13px Arial, sans-serif; color:#999; text-decoration:none;}


.footer { width: 951px; height: 48px; margin:0 auto 0; background-image:url(../images/footer-gradient.jpg); }
p.foot { font:Helvetica, sans-serif; color:#939191; font-size:10px; float:left; margin: 12px 0 0 19px; }
img#facebook {width: 58px; height: 21px; float: right; margin: 13px 13px 0 0; }

.footer a.bistro { color: #939191;}




div#aboutmenu, ul.aboutmenu { width:154px; float:left; margin: 43px 0 0 -14px; padding:0 15px 50px 0; font: Tahoma; font-size:13px; font-weight:bold; border-right: 1px solid #e1e1e1; }
ul.aboutmenu li {  }
ul.aboutmenu a { display:block; height:31px; width:118px; padding: 5px 3px 0 35px;  }
ul.aboutmenu a:link, ul.aboutmenu a:visited { color:#3c70bb;  text-decoration:none;  }
ul.aboutmenu a:hover, ul.aboutmenu a:active { color:#a2a520; text-decoration:underline;  }

ul.aboutmenu a.selectedPage { color:#fff; text-decoration:none;  background:transparent url(../images/subnav-selector.jpg) no-repeat top left; }

div#aboutmenu .disp-article-archive{ display:block; width:118px; padding: 5px 3px 0 35px;  font-size:80%;}

ul.intlmenu { width:154px; float:left; margin: 43px 0 0 -14px; padding:0 15px 50px 0; font: Tahoma; font-size:13px; font-weight:bold; border-right: 1px solid #e1e1e1; }
ul.intlmenu ul { margin:0; padding:0; border:none; float:none;}
ul.intlmenu li {  }
ul.intlmenu a { display:block; height:31px; width:118px; padding: 5px 3px 0 35px;  }
ul.intlmenu a:link, ul.intlmenu a:visited { color:#3c70bb;  text-decoration:none;  }
ul.intlmenu a:hover, ul.intlmenu a:active { color:#a2a520; text-decoration:underline;  }

ul.intlmenu a.selectedPage { color:#fff; text-decoration:none;  background:transparent url(../images/subnav-selector.jpg) no-repeat top left; }

ul.intlmenu li.hasChildren ul { display:none;}
ul.intlmenu li.hasChildren.isOpen ul { display:block;}


/* big selectors, 2 liners */
ul.aboutmenu a.guatemala-founding-donors, 
ul.aboutmenu a.nicaragua-business, 
ul.aboutmenu a.ecuador-business,
ul.aboutmenu a.nicaragua-health,
ul.aboutmenu a.ecuador-health,
ul.aboutmenu a.nicaragua-community,
ul.aboutmenu a.ecuador-univ-chapters,
ul.aboutmenu a.business-development,
ul.aboutmenu a.community-asset-development,
ul.aboutmenu a.health-wellness,
ul.aboutmenu a.start-a-chapter,
ul.aboutmenu a.campus-newsletter,
ul.aboutmenu a.short-term,
ul.aboutmenu a.long-term,
ul.aboutmenu a.manna-mail,
ul.aboutmenu a.request-for-proposals,
ul.aboutmenu a.proposal
{height:44px; padding: 2px 3px 0 35px;  }

ul.aboutmenu a.guatemala-founding-donors.selectedPage,
ul.aboutmenu a.nicaragua-business.selectedPage,
ul.aboutmenu a.ecuador-business.selectedPage,
ul.aboutmenu a.nicaragua-health.selectedPage,
ul.aboutmenu a.ecuador-health.selectedPage,
ul.aboutmenu a.nicaragua-community.selectedPage,
ul.aboutmenu a.ecuador-univ-chapters.selectedPage,
ul.aboutmenu a.business-development.selectedPage,
ul.aboutmenu a.community-asset-development.selectedPage,
ul.aboutmenu a.health-wellness.selectedPage,
ul.aboutmenu a.start-a-chapter.selectedPage,
ul.aboutmenu a.campus-newsletter.selectedPage,
ul.aboutmenu a.short-term.selectedPage,
ul.aboutmenu a.long-term.selectedPage,
ul.aboutmenu a.manna-mail.selectedPage,
ul.aboutmenu a.request-for-proposals.selectedPage,
ul.aboutmenu a.proposal.selectedPage
{ background-image: url(../images/subnav-selector-big.jpg); }
/* end 2 liners */

/* indented programs */
ul.aboutmenu a.nicaragua-education, 
ul.aboutmenu a.nicaragua-business, 
ul.aboutmenu a.nicaragua-health,
ul.aboutmenu a.nicaragua-child,
ul.aboutmenu a.nicaragua-sports, 
ul.aboutmenu a.ecuador-education, 
ul.aboutmenu a.ecuador-business, 
ul.aboutmenu a.ecuador-health,
ul.aboutmenu a.ecuador-univ-chapters,
ul.aboutmenu a.ecuador-sports
{padding-left:45px; }







.centercontent { width:504px; float:left; margin: 43px 21px 0 21px; }

.centercontent p {padding-bottom:7px;}

.centercontent ul { list-style:disc outside; padding-left:15px;}

.aboutright { position:relative; width:220px; float:left; margin:35px 0 0 15px; }
img#support { width: 220px; height:325px; position:absolute; top: 26px; left:1px;}

a#donatebtn { width:241px; height:68px; display:block;}

.pushright{margin-left:0;}

img#resources { width:239px; height:43px; position:absolute; top: 450px; left:1px; }

img#books { width:59px; height:13px; }

ul.books { font:normal 11px Arial;}

ul.books a:link, ul.books a:visited { color:#a2a520;  text-decoration:underline;  }



/* photo gallery */

.c-photos-gallery img.otherimgs {display:none;}
.c-photos-gallery a span {display:none;}
.c-photos-gallery a {float:left;}

.c-photos-gallery a.galleryTag {float:right; margin:20px 0 0 12px;}
/*.c-photos-gallery-on img {padding:1px; background:#154164;}*/
h2#galleryTitle, h2.imageTitle {font-weight:bold; margin-top:12px;}

.c-photos-gallery-on a.c-thumbimg {width:104px;float:left; text-decoration:none!important; margin:0 21px 12px 0; height:150px; color:#555;}
.c-photos-gallery-on a.c-thumbimg:hover { color:#a2a520;}
.c-photos-gallery-on a.c-thumbimg img{padding:2px; background:#153B5F;}
.c-photos-gallery-on a.c-thumbimg:hover img { background:#a2a520;}
.c-photos-gallery-on a.c-thumbimg span {display:block; font-size:10px; line-height:1.1;}
.c-photos-gallery-on a.c-fullimg span {display:none;}
