/*colors:
  yellow:      "FBB03B"
  lt-green:    "#A0CA38"
  yellow-green "#D1E532"
  lt-brown:    "#73442a"
  drk-brown:   "#54301A"*/

/*  Contact form
----------------------------------------------------------------------------------------------------*/
#contact-form {
}
iframe {
	height: 750px;
}

/* Gallery
 * --------------------------------------------------------------------- */
#gallery {
	background: #54301A;
	height: 220px;
	width: 820px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#gallery:hover {
	background: #A0CA38;
}

#gallery img {
	border: 0;
}

#next {
	margin-top: 55px;
	margin-left: 0;
	padding-top: 42px;
	height: 68px;
	background: url(/images/tabR.png) no-repeat;	
}

#next a {
	padding: 42px 22px 42px 8px;
}

#prev {
	margin-top: 55px;
	padding-top: 42px;
	margin-right: 0;
	height: 68px;
	background: url(/images/tabL.png) no-repeat;
}

#prev a {
	padding: 42px 5px 42px 25px;
}

.galleryItem {
	margin: 10px;
	width: 800px;
	height: 200px;
	overflow: hidden;
}

.galleryText {
	color: #ffffff;
	float: left;
	width: 210px;
	height: 180px;
	padding: 10px;
	background: #73442a;
}

/* Headings
 * --------------------------------------------------------------------- */
#banner h1 {
	float:left;
	margin:5px 0 0 -2000px;
	width:2285px;
	height: 88px;
	padding: 0;
}

h1#logo a {
	display: block;
	font: 2.5em/1em Trebuchet MS, Sans-serif;
	padding: 15px 0;
}

#logo {border: none; background: url(/images/mangos-logo.png) right center no-repeat;}

h2 {
	border-bottom: 1px solid #54301A;
	color:  #A0CA38;
	line-height: 1.25;
	background: url(/images/h2Mango.png) right center no-repeat;
}

.galleryText h2, .menuItem h2 {border:none; line-height: 1; background-image: none;}
.menuItem h2 {background: #73442a; padding: 5px; color: #A0CA38; margin: 0;}

h3 {
	font-size: 16px;
	line-height: 1.25;
	/*margin-bottom: 13px;*/
}

h4 {
	font-size: 12px;
	line-height: 1.25;
	/*margin-bottom: 13px;*/
}
/* Images
 * --------------------------------------------------------------------- */
.headerImage { /*780 x 180 for pics*/
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
}

.headerImage img {
	background: #54301A;
	padding: 10px;
}

.menuItem img {border: 0;}  /*290 x 100 for pics*/

img.imageLong { padding: 10px; overflow:hidden;}


/* Links
 * --------------------------------------------------------------------- */
a:link, a:visited { color: #FBB03B; text-decoration: none; background: none;}
a:hover, a:active { color: #FBB03B; text-decoration: underline; background: none; }

#footer a:link, #footer a:visited { color: #54301A; text-decoration: none; background: none;}
#footer a:hover, #footer a:active { color: #54301A; text-decoration: underline; background: none;}

#topContent a:link, #topContent a:visited { color: #54301A; text-decoration: none; background: none;}
#topContent a:hover, #topContent a:active { color: #ffffff; text-decoration: none; background: none;}

#topContent .galleryText a:link, #topContent .galleryText a:visited { color: #A0CA38; text-decoration: none; background: none;}
#topContent .galleryText a:hover,#topContent .galleryText a:active { color: #FBB03B; text-decoration: none; background: none; }

/* Menu Sidebar
 * --------------------------------------------------------------------- */
#sidebar { margin: 0; padding: 0;}

#sidebar ul {
	list-style-type: none;
  	margin: 0;
	padding: 0;
	background-color: #54301A;
}

#sidebar li {
  	padding: 0;
	margin: 0;
	background-image: none;
	background-color: #54301A;
}

#sidebar li a:link, #sidebar li a:visited { color: #A0CA38; text-decoration: none; background: none; padding: 6px 10px; display: block;}
#sidebar li a:hover, #sidebar li a:active { color: #54301A; text-decoration: none; background: #FBB03B; padding: 6px 10px;}



/* Nav
 * --------------------------------------------------------------------- */
#mainNav {
	margin: 40px 15px 0 0;
	padding: 0;
	height: 24px;
	font-size: 17px;
	text-align: right;
	clear: right;
	float: right;
	text-transform: capitalize;	
}

#mainNav li {
	display: inline;
	list-style: none;
	padding: 0 0 0 0;
	margin: 0 0 0 5px;
	background: none;
	float: left;
}

#mainNav ul#nav {
	margin: 0;
	padding: 0;
}

#mainNav li a:link, #mainNav li a:visited { color: #A0CA38; text-decoration: none; background: none; padding: 6px;}
#mainNav li a:hover, #mainNav li a:active { color: #54301A; text-decoration: none; background: #FBB03B; padding: 6px;}

body.home #bricks #container #header #navigation #mainNav li.n-home a, /*Current Page Highlight*/
body.menu #bricks #container #header #navigation #mainNav li.n-menu a,
body.fundraisers #bricks #container #header #navigation #mainNav li.n-fundraisers a,
body.about #bricks #container #header #navigation #mainNav li.n-about a,
body.contact #bricks #container #header #navigation #mainNav li.n-contact a { 
	color: #54301A; text-decoration: none; background: #A0CA38; padding: 6px;
}

#footerNav {
	margin: 0 0 0 0;
	padding: 0;
	height: 24px;
	text-align: right;
	clear: right;
	float: right;
}

#footerNav li {
	display: inline;
	list-style: none;
	padding: 0 0 0 0;
	margin: 0 0 0 5px;
	background: none;
	float: left;
}

#footernav ul#nav {
	margin: 0;
	padding: 0;
}

#footerNav li a:link, #footerNav li a:visited { color: #54301A; text-decoration: none; background: none; padding: 6px;}
#footerNav li a:hover, #footerNav li a:active { color: #54301A; text-decoration: underline; background: none; padding: 6px;}

/* Structure
 * --------------------------------------------------------------------- */
html {overflow:scroll;}

body {
	background: url(/images/stuccoRepeating.jpg) repeat;
	font: normal normal normal 13px/1.5 "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	color: #54301A;
}

.left {float:left;margin-right:20px;}

#bricks {
	background: url(/images/brick.jpg) repeat-x top;
	margin: 0 auto;
	text-align: center;
}

/*#colLeft p, #colLeft h2, #colLeft h3, #colLeft ul, #colLeft ol{	margin-left: 10px; }

#colRight p, #colRight h2, #colRight h3, #colRight ul, #colRight ol{ margin-right: 10px; }*/

.m1 p, .m1 ul, .m1 ol, .m2 p, .m2 ul, .m2 ol, .m2a p, .m2a ul, .m2a ol, .m1a p, .m1a ul, .m1a ol { padding: 0 10px 0 10px; }

.m2 h3, .m1 h3, .m1a h3, .m2a h3  { padding: 0 10px;}
.m2 h3 em, .m1 h3 em, .m1a h3 em, .m2a h3 em {font-size: 12px; font-style: normal;}
.m2 h4, .m1 h4, .m1a h4, .m2a h4 { padding: 0 10px;}
h4.noTopSpace {margin-top: -10px;}

#container {
	margin: 0 auto;
	text-align: center;
}

#content {
	text-align: left;
}

.comments {padding: 10px; background: #f6f6f6;}

#footer {
	padding-bottom: 15px;
	margin-top: 15px;
	text-align: left;
}

#header {
	height: 115px;
	text-align: left;
	background: url(/images/topBar.png) center top no-repeat;
}

#mainContent {
	background: #ffffff;
	padding: 10px 0 10px 0;
}

.menuItem {
	background: #73442a;
	border: 5px solid #54301A;
	margin-bottom: 15px;
	height: 132px;
	overflow: hidden;
}

.menuItem:hover {
	border-color: #A0CA38;
}

#topContent {
	height: 235px;
}

.m1, .m1a {
/*	border-bottom: solid 1px #54301A;*/
	background: #A0CA38;
	margin-bottom: 20px;
	padding-top: 10px;
}

.m2, .m2a {
/*	border-bottom: solid 1px #54301A;*/
	background: #FBB03B;
	margin-bottom: 20px;
	padding-top: 10px;	
}

.m2 li, .m2a li {
	background: url(/images/smallMangoGreen.png) left center no-repeat;
}
 
.m1, .m2 {height: 260px;}
.m1a, .m2a {height: 460px; overflow: hidden;}

/* Text
 * --------------------------------------------------------------------- */
li {
	background: url(/images/smallMango.png) left center no-repeat;
	list-style: none;
	margin-left: 0;
	margin-bottom: 5px;
	padding-left: 22px;
}

ol li {
	background: none;
	list-style: decimal;
	margin-left: 20px;
	padding-left: 5px;
}

.small {font-size: 8px;}

/* Twitter
 * --------------------------------------------------------------------- */

.tweet { margin: 0; padding: 0;}

.tweet .tweet_list {
	list-style-type: none;
  	margin: 0;
	padding: 0;
}

.tweet_list li {
  overflow: auto; padding: 10px; margin: 0; background-image:none;
}

.tweet .tweet_list li a {
}

.tweet .tweet_list .tweet_even {
	background-color: #73442a;
	color: #ffffff;
}

.tweet .tweet_list .tweet_odd {
	background-color: #54301A;
	color: #ffffff;
}

.tweet .tweet_list .tweet_avatar {
	padding-right: .5em;
	float: left; 
}

.tweet .tweet_list .tweet_avatar img {
	vertical-align: middle; 
}