/* -----------------------------------------------------------------------------
	Default MMoA Styles
----------------------------------------------------------------------------- */
body {background-color: #fff; text-align: center;}
a, a:link, a:visited, a:active {color: #eb60a2; text-decoration: none;}
a:hover {color: #eb60a2; text-decoration: underline;}

#wrapper {width: auto; background: #fff url(   'images/bg1.jpg' ) repeat-x 50% top; text-align: center;}
#header, #topNavBar, #subNavBar, .content, #footer {margin: 0 auto; width: 916px; text-align: left;}
#header {height: 191px;}

.logo {float: left; width: 285px; height: 90px; margin: 64px 0 0 284px; background: transparent url(   'images/logo.png' ) no-repeat;}
.logo b {display: none;}

#globalNav {float: right; width: 300px; height: 170px; margin: 21px 0 0 0; text-align: right;}
#globalNav ul {float: right; margin-left: 108px; list-style: none;}
#globalNav li {float: left;}
#globalNav li a {float: left; padding: 0 6px; color: #fff; text-decoration: none; background: url(   'images/navDiv.gif' ) repeat-y; font-size: 9px;}
#globalNav li a.first {background: none;}

#adArea {clear: both; width: auto; padding-top: 45px; text-align: right;}

#topNavBar {clear: both; height: 33px; white-space: nowrap;}
#topNavBar ul {margin-left: 0px;}
#topNavBar li {float: left; margin-top: 5px;}
#topNavBar li a {float: left; padding: 0 26px; line-height: 22px; background: url(   'images/navDiv.gif' ) repeat-y; color: #fff; font-size: 10px; text-decoration: none; text-transform: uppercase;}
#topNavBar li a.first {padding-left: 0; background: none;}
#topNavBar li a.last {color: #ec008c; font-weight: 900;}

#subNavBar {clear: both; height: 13px; margin-top: 14px;}
#subNavBar ul {margin-left: 210px;}
#subNavBar li {list-style-type: none; float: left;}
#subNavBar li a {float: left; padding: 0 14px; line-height: 13px; color: #333; font-weight: 500; text-decoration: none;}
#subNavBar li a.selected {color: #eb60a2;}
#subNavBar li.separator {line-height: 12px;}

ul.contentMenu {margin: 0; list-style: none;}
ul.contentMenu li {display: inline; float: left;}
ul.contentMenu li a,
ul.contentMenu li a:link, 
ul.contentMenu li a:active, 
ul.contentMenu li a:visited, 
ul.contentMenu li a:hover {padding: 0 14px; font-weight: 500; color: #eb60a2; text-decoration: none;}
ul.contentMenu li a.selected {color: #d0007b;}
ul.contentMenu li.separator {line-height: 12px; color: #eb60a2;}

.content {min-height: 290px; height: auto !important; height: 290px; margin-top: 25px;}
.content .sidebar {display: inline; float: left; width: 170px; margin-right: 58px;}
.content .printLogo {display: none;}
.content .main {display: inline; float: left; width: 688px;}
.content .main div.titleArea {min-height: 26px; padding-bottom:12px;}
.content .main div.titleArea img {margin-right: 20px;}
.content .main div.header {clear: left;}
.content .main div.centerLeftColumn {display: inline; float: left; width: 64%; height: auto; margin-right: 10px;}
.content .main div.paragraph {width: 64%;}

.content .main div.centerColumn,
 .content .main div.centerRightColumn {display: inline; float: left; width: 32%; height: auto; margin-right: 10px;}
.content .main div.paragraph {width: 64%;}
.content .main div.centerRightColumn {margin-right: 0;}
.content .main div.footer {clear: both; height: auto;}
.content .main p {margin-bottom: 15px; line-height: 18px;}
.content .main h1 {margin: 0 0 14px; font-weight: 100; font-size: 26px;}
.content .main h2 {margin: 17px 0 12px; font-weight: 100; font-size: 24px;}
.content .main h3 {margin: 0 0 6px; font-weight: 500; font-size: 16px;}
/*.content .main ul{margin:0 0 12px 17px;list-style-type:disc;}*/
.content .main ul {margin: 5px 0 5px 17px;}
.content .main li {margin-bottom: 7px;}
.content .main .contentThumb {float: left; margin: 0 15px 15px 0;}
.content .main .contentThumbRight {float: right; margin: 0 15px 15px;}

#footer {clear: both; width: auto; height: 43px; margin-top: 10px; border-top: solid 2px #ea5da0; background-color: #000000; text-align: center;}
#footer .inner {width: 916px; margin: 0 auto; text-align: left; font-size: 10px; color: #fff;}
#footer .inner img {vertical-align: middle;}
#footer .inner .left {display: inline; float: left; width: 322px;}
#footer .inner .center {display: inline; float: left; width: 300px;}
#footer .inner .right {display: inline; float: right; width: 200px; text-align: right;}
#footer ul {list-style: none; margin-top: 15px;}
#footer li {display: inline; float: left;}
#footer li a {float: left; padding: 0 6px; color: #fff; text-decoration: none; background: url(   'images/navDiv.gif' ) repeat-y;}
#footer li a.first {background: none;}

/* -----------------------------------------------------------------------------
	MMoA Landing Page Styles
----------------------------------------------------------------------------- */
body.home .content .main div.titleArea {display: inline; float: left; width: 437px; margin-right: 0px;}
body.home .content .main div.header {clear: none; display: inline; float: right;}
body.home .content .main div.topRow,
body.home .content .main div.centerLeftColumn, 
body.home .content .main div.centerColumn, 
body.home .content .main div.centerRightColumn {display: none;}

/* -----------------------------------------------------------------------------
	Alternate Background Images
----------------------------------------------------------------------------- */
body.aboutUs #wrapper {background: #fff url(   'images/bg3.jpg' ) repeat-x 50% top;}
body.successStories #wrapper {background: #fff url(   'images/bg6.jpg' ) repeat-x 50% top;}
body.ourProgram #wrapper {background: #fff url(   'images/bg2.jpg' ) repeat-x 50% top;}
body.learnMore #wrapper {background: #fff url(   'images/bg5.jpg' ) repeat-x 50% top;}
body.howToHelp #wrapper {background: #fff url(   'images/bg4.jpg' ) repeat-x 50% top;}
body.partners #wrapper {background: #fff url(   'images/bg7.jpg' ) repeat-x 50% top;}
body.aboutUs #siteLogo,
body.successStories #siteLogo,
body.ourProgram #siteLogo,
body.learnMore #siteLogo,
body.howToHelp #siteLogo,
body.partners #siteLogo {margin: 64px 0 0 204px;}

.adBar {width: 100%; height: 280px;}
.adBar div {display: inline; float: left; width: auto; height: 230px; padding: 13px;}
.adBar div.last {margin-right: 0;}
.adBar img {margin-bottom: 4px;}
.adBar a {font-weight: 500; font-size: 13px; color: #616161; text-decoration: none;}

ul.upcomingList {}
ul.upcomingList li {list-style: none;}
ul.upcomingList li h4 {margin-bottom: 12px; font-size: 11px; font-weight: 500; text-align: center;}
ul.upcomingList li h5 {margin-bottom: 3px; font-size: 14px; font-weight: 500; text-align: center;}

.timelineTable {}
.timelineTable td {padding: 3px;}

.sidebarMenu {}
.sidebarMenu div {border-top: solid 1px #717171;}

.donateNowButton {margin-top: 10px; text-align: right;}

.pageActions {width: auto; margin-top: 50px; text-align: right;}
.pageActions img {}

.formNav {}

/* -----------------------------------------------------------------------------
	Board of Trustees
----------------------------------------------------------------------------- */
.trustee {float: left; width: 330px; margin: 15px 10px 15px 0;}
.trustee div.thumb {display: inline; float: left; width: 75px; margin: 0 0 20px 0;}
.trustee div.details {display: inline;}
.trustee div.details div.title {float: left; margin: 8px 0 6px 15px; font-weight: 500; font-size: 12px;}
.trustee a {color: #616161; font-weight: 500; font-size: 14px;}

.trusteeBio {padding-top: 10px;}
.trusteeBio img {float: left; margin-right: 10px; margin-bottom: 10px;}
.trusteeBio .details {margin-bottom: 10px; font-weight: 500; font-size: 16px;}


/* -----------------------------------------------------------------------------
	Donation Wizard
----------------------------------------------------------------------------- */
.donate ul#waysToDonate {list-style-type: none; list-style-image: none; margin: 0;}
.donate ul#waysToDonate h3 {margin: 0;}
.donate ul#waysToDonate li {margin-bottom: 15px;}
.donate img.sponsorGirl {float: right; margin: 0px 0px 10px 10px;}
.donate .formLabel {float: left; width: 250px;}
.donate .errorSummary {float: left; margin-bottom: 5px; padding-bottom: 0px;}
.donate .errorSummary li {color: #ec008c; font-weight: 700;}
.content .donate .errorSummary li {margin-bottom: 0px;}
.donate .error {color: #ec008c;}


/* -----------------------------------------------------------------------------
	Upcoming Events Styles
----------------------------------------------------------------------------- */
.event {width: 590px; min-height: 232px; height: auto !important; height: 232px; margin-bottom: 20px; border: solid 1px #ccc; background-color: #f6f6f6;}
.event .details {display: inline; float: left; width: 260px; margin: 10px 10px 0px 10px;}
.event .details .title {margin-bottom: 2px; font-size: 16px; font-weight: 500;}
.event .details .subTitle {margin-bottom: 5px; font-size: 16px; font-weight: 500;}
.event .details .location {margin-bottom: 2px; font-weight: 700;}
.event .details .date {margin-bottom: 20px; font-weight: 700;}
.event .splash {display: inline; float: right; width: 290px; height: 210px; margin: 10px; background: #e5e5e5 url(   'images/blank_event_splash.gif' ) no-repeat; overflow: hidden;}

/* -----------------------------------------------------------------------------
	Headlines
----------------------------------------------------------------------------- */
.headlineWrapper{width:437px; margin-bottom:10px; margin-left:10px}
.newsArchive .headlineWrapper{width:504px;}
.headlineWrapper .headlineDate{font-size:13px;}
.noImage .headlineDate{float:left; width:75px;font-size:11px;}
.headlineWrapper .headlineDetails{float:left; width:147px;}
.newsArchive .headlineWrapper .headlineDetails{width:200px;}
.noImage .headlineDetails{width:400px;}
.newsArchive .noImage .headlineDetails{width:504px;}
.headlineWrapper .headlineDate{font-size:13px;}
.headlineWrapper .headlineImage{float:left; width:90px; margin-right:14px;}
.headlineWrapper .headlineHeadline{font-size:13px;margin-bottom:20px;font-weight:500; margin-left:10px}
.headlineWrapper .headlineHeadline a,
.headlineWrapper .headlineHeadline a:link,
.headlineWrapper .headlineHeadline a:visited,
.headlineWrapper .headlineHeadline a:hover,
.headlineWrapper .headlineHeadline a:active{color:#616161; text-decoration:none;}
.noImage .headlineHeadline{float:left; width:300px; margin-bottom:5px;}
.newsArchive .noImage .headlineHeadline{width:404px;}
.headlineWrapper .headlineSummary{font-size:12px;margin-bottom:5px;}
.headlineWrapper .headlineLink{font-size:12px; color:#ec008c; text-transform:uppercase;}
.noImage .headlineLink{float:right; width:12px;}
.newsArchive .noImage .headlineLink{float:right;width:86px;}
.noImage img{vertical-align:middle;}
.headlineWrapper .headlineLink a,
.headlineWrapper .headlineLink a:link,
.headlineWrapper .headlineLink a:visited,
.headlineWrapper .headlineLink a:hover,
.headlineWrapper .headlineLink a:active{float:right;font-size:12px;color:#ec008c; text-transform:uppercase; text-decoration:none;}
.headlinePreview{float:left; margin-right:20px;}


/* -----------------------------------------------------------------------------
	Volunteer
----------------------------------------------------------------------------- */
.volunteerForm div {clear: left; display: block; width: 350px; margin: 5px 0 0 0; padding: 1px 3px;}
.volunteerForm div label {display: block; float: left; width: 90px; padding: 3px 5px; margin: 0 0 5px 0; text-align: right;}
.volunteerForm div select {width: 200px; padding: 1px 3px; margin: 0 0 0 0;}
.volunteerForm div input.inputText, .contactForm div input.inputPassword {width: 190px; padding: 1px 3px; margin: 0 0 0 0;}

/* -----------------------------------------------------------------------------
	Success Stories
----------------------------------------------------------------------------- */
.successPanel {width: 680px; height: 560px; background: transparent url(   'images/successBg.gif' ) no-repeat;}
.successPanel .story {display: inline; float: left; width: 620px; height: 440px; margin: 20px 0px 0px 60px; overflow: hidden;}
.successPanel .story h2.successTitle {/* See sIFR below... */}
.successPanel .story h3 {margin: 0; padding: 0; padding-bottom: 5px;}
.successPanel .story .page {}
.successPanel .photo {float: right; clear: right; width: 285px; margin: 57px 34px 15px 31px; height: 177px; overflow: hidden;}
.successPanel .s1 {float: right; clear: right; width: 200px; height: 30px;}
.successPanel .s2 {float: right; clear: right; width: 160px; height: 30px;}
.successPanel .s3 {float: right; clear: right; width: 130px; height: 165px;}
.successNav {clear: both; width: 490px; height: 16px; padding: 16px 0 0 60px;}
.successNav div.left {float: left; width: 120px;}
.successNav div.right {float: right; width: 120px; text-align: right;}
.storyNav {width: 490px; height: 30px; margin: 30px 0 0 50px; text-align: center;}

/* -----------------------------------------------------------------------------
	E-mail A Friend
----------------------------------------------------------------------------- */
.emailAFriend {text-align: left;}
.emailAFriendButton {background: transparent url(images/emailfriendbtn.gif) no-repeat; width: 170px; height: 25px; border-style: none; cursor: hand;}
.emailAFriendForm {padding: 12px 0;}
.emailAFriendForm label {color: #000; font-size: 9px;}
.emailAFriendForm .form {}
.emailAFriendForm input.text {width: 98%;}
.emailAFriendForm textarea.text {width: 98%; height: 80px;}
.emailAFriendForm .errorMessage {display: block; color: #eb60a2; font-size: 10px;}
.emailAFriendForm .status {padding-top: 3px; text-align: right;}
.emailAFriendForm .status div.progress {display: inline !important;}
.emailAFriendForm .statusMessage {color: #616161; font-size: 10px; font-weight: 700;}

/* -----------------------------------------------------------------------------
	User Registration
----------------------------------------------------------------------------- */
/*
.userRegistration{width:340px; padding:10px; margin-bottom:20px; border:solid 1px #616161;}
.userRegistration .userInput{width:250px; margin-bottom:5px;}
.userRegistration .half{width:125px;}
*/

/* -----------------------------------------------------------------------------
	Edit Profile
----------------------------------------------------------------------------- */
/*
.ProfileEditor{width:340px; padding:10px; margin-bottom:20px;}
.ProfileEditor .userInput{width:250px; margin-bottom:5px;}
.ProfileEditor .half{width:125px;}
*/

/* -----------------------------------------------------------------------------
	WebStudio Overrides
----------------------------------------------------------------------------- */
.inputForm span.error {color: #ea5da0 !important;}
.inputForm .section {background-color: Transparent;}
.inputForm .section .title h3 {background-color: Transparent;}
.inputForm .section .description {display: block; float: none; width: auto; margin: 0; color: #4c4c4c; font-size: 8pt; text-align: left; vertical-align: top;}
.inputForm .section .controls {display: block; float: none; width: 500px; margin: 0 0 8px; padding-top: 12px; /*background:#f7f7f7;*/ vertical-align: top;}

/* These are standard sIFR styles... do not modify */
.sIFR-flash {visibility: visible !important; margin: 0;}
.sIFR-replaced {visibility: visible !important;}
span.sIFR-alternate {position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden;}
.sIFR-flash + div[adblocktab=true] {display: none !important;}
.sIFR-hasFlash h2.successTitle {visibility: hidden; font-size: 300%; width: 270px; line-height: 60px; margin: 0 !important; padding: 0 !important;}

/* Styles for XML editor grid */
.chart {border: solid 1px #787778; border-collapse: collapse;}
.chart .header th {padding: 5px; background-color: #efefef; color: #000000; text-align: center;}
.chart .even td {padding: 5px; background-color: #efefef; color: #000000; text-align: left;}
.chart .odd td {padding: 5px; background-color: #ffffff; color: #000000; text-align: left;}


.modifyDonation {padding: 10px; text-align: left; width: 800px;}
.modifyDonation label {display: block; float: left; clear: left; width: 175px; text-align: right;}
.modifyDonation .inputText {display: block; float: left; width: 200px; text-align: left;}
.modifyDonation select, .modifyDonation .slash {display: block; float: left;}
.modifyDonation .contactInformation {float: left; width: 400px; padding-top: 20px;}
.modifyDonation .billingInformation {float: left; width: 400px; padding-top: 20px;}
.modifyDonation .paymentInformation {clear: both; width: 400px; padding-top: 20px;}
.modifyDonation .buttons {clear: both; margin-left: 400px;}
.modifyDonation table label {float: none; clear: none; width: auto; display: inline;}
.modifyDonation #uxTreasureBuilderAmount {float: left;}
.modifyDonation #uxTreasureBuilderAmount label {margin-right: 10px;}
.modifyDonation .error {float: left;}
ul.donationHistory li {float: left; padding: 10px;}

.emmaButton{background: transparent url(images/eNewsletter.png) no-repeat;width: 170px;height: 60px;border-style:none;cursor: hand;}
ul.SideBarLinks li a {margin-left: 10px;}
ul.SideBarLinks li a:link {color: #616161 !important; text-decoration: none;}
ul.SideBarLinks li a:hover {color: #eb60a2 !important; text-decoration: none;}
ul.SideBarLinks li a:focus {color: #eb60a2 !important; text-decoration: none;}
ul.SideBarLinks li a.selected {color: #eb60a2 !important; text-decoration: none;}

.SidebarImages {vertical-align: middle; padding: 2px;}
.SidebarListItem {font-size: small;}
.SidebarHeader {font-size: large;}
.SidebarBorder {border-left: solid 1px gray;}
/*
ul.SideBarLinks{margin:0;list-style:none;}
ul.SideBarLinks li{display:inline;float:left;}
ul.SideBarLinks li a:active,
ul.SideBarLinks li a:visited,
ul.SideBarLinks li a:hover{padding:0 14px;font-weight:500;color:#d0007b;text-decoration:none;}
ul.SideBarLinks li a.selected{color:#d0007b;}
ul.SideBarLinks li.separator{line-height:12px;color:#eb60a2;} */


/*.DonationInput {font-size: 12px;}*/

textarea:focus {/*background-color:#FFCCFF;*/ /* too much pink? */ border: 2px solid #eb60a2; }
input:focus {/*background-color:#FFCCFF;*/ /* too much pink? */ border: 2px solid #eb60a2; }
select:focus {/*background-color:#FFCCFF;*/ /* too much pink? */ border: 2px solid #eb60a2;}
.inputText {font-size: 14px !important; width: 99%;}
.inputText2 {font-size: 14px !important; width: 100px;}
.inputText3 {font-size: 14px !important; width: 50px;}
.inputText4 {font-size: 14px !important; width: 75px;}
.inputTextBig {font-size: 20px !important; padding: 3px 0 2px 0;}
.DonationSmallText {font-size: 10px;}
.DonationMediumText {font-size: 12px;}

td {padding: 3px 0 2px 0;}
.container {padding: 3px 0 2px 0;}
.rowLabelTd{width:33%;}
.rowLabelTd3{width:36%;}
.DonationPanel{padding:4px 0;}
.formLabel2{float:left; width:90px;}

/*.selected {color: #eb60a2 !important; text-decoration: none;}*/