@charset "utf-8";
/* CSS Document */
body {margin: 0; padding: 0; font: 76% Arial, Helvetica, sans-serif; text-align: center;}

#bbNow {background: #fff url(/images/bgHome.gif) repeat-x top;}
#webNow {background: #fff url(/images/bgWeb.gif) repeat-x top;}
#donorNow {background: #fff url(/images/bgDonor.gif) repeat-x top;}
#emailNow {background: #fff url(/images/bgEmail.gif) repeat-x top;}

h1 {}
h2 {margin: 0; padding: 0; font-size: 28px; font-weight: bold; color: #223c51;}
h3 {margin: 10px 0 10px 0; padding: 0; font-size: 22px; color: #223c51;}
h4 {margin: 0; padding: 0; font-size: 16px; color: #223c51;}
h5 {}
h6 {}
p {margin: 8px 0 8px 0; padding: 0;}
img {border: 0;}
a {color: #3d7f9f; text-decoration: none;}
a:hover {color: #3d7f9f; text-decoration: underline;}
.clear {clear: both; margin: 0; padding: 0;}
.back-top {float: right; margin: 0; padding: 0 15px 0 5px; font-size: 10px; background: #eee url(/images/arrow-up.gif) 63px 7px no-repeat; clear: both;}

#container {margin: 0 auto; text-align: left; width: 770px;}

#header {margin: 0; padding: 0;}
#logo {float: left; margin: 5px 0 0 0; padding: 0;}
#topNav {float: right; margin: 0; padding: 0;}

#mainMenu {margin: 0; padding: 0; background: #F00;}
#mainMenu ul {float: left; margin: 46px 0 0 0; padding: 0; font-size: 13px; font-weight: bold;}
#mainMenu ul li {float: left; margin: 0; padding: 10px 7px 10px 7px; list-style-type: none;}
#mainMenu ul li a {color: #213c52; text-decoration: none;}
#mainMenu ul li a:hover {color: #fff;}
#mainMenu ul li a.active {color: #fff;}
#mainMenu ul li a.active:hover {color: #fff;}

#mainMenu ul #login a {margin: 0 0 0 10px; padding: 6px 26px 6px 20px; color: #fff; background: url(/images/login.gif) 0 0 no-repeat;}
#mainMenu ul #login a:hover {color: #fff; text-decoration: none; background-position: 0 -28px;}

#content {float: right; margin: 0; padding: 0; width: 750px;}

#pageTitle {margin: 15px 0 0 0; padding: 0;}
#pageTitle #poweredBy {float: right; margin: 0; padding: 0;}

#mainMessage {float: left; margin: 10px 0 0 0; padding: 0; width: 380px; font-size: 14px; line-height: 1.6; color: #223d52;}
#mainMessage em {font-weight: bold; font-style: normal;}
#mainOtherMessage {float: left; margin: 10px 0 0 0; padding: 0; width: 720px; font-size: 14px; line-height: 1.6; color: #223d52;}

.resourceItem {float: left; margin: 10px 0 0 0; padding: 0; width: 360px;}
.resourceItem img {float: left; margin: 0 5px 0 0; padding: 0;}
.resourceItem h4 {margin: 3px 0 0 0; padding: 0; font-size: 18px; font-weight: bold;}
.resourceItem p {margin: 0; padding: 0; font-size: 12px;}
.resourceItem a {color: #213d51; text-decoration: none;}
.resourceItem a:hover {color: #3d7f9f; text-decoration: none;}

#payPal {float: left; margin: 40px 0 10px 30px; padding: 0;}

#getStarted {float: left; margin: 10px 0 20px 0; padding: 0;}
#getStarted a {margin: 0; padding: 13px 9px 12px 10px; color: #fff; background: url(/images/getstarted.gif) 0 0 no-repeat; font-size: 18px; font-weight: bold; line-height: 42pt;}
#getStarted a:hover {color: #fff; text-decoration: none; background-position: 0 -46px;}

#getStartedPayPal {float: left; margin: 10px 0 20px 0; padding: 0;}
#getStartedPayPal a {margin: 0; padding: 13px 2px 12px 2px; color: #fff; background: url(/images/getstarted.gif) 0 0 no-repeat; font-size: 18px; font-weight: bold; line-height: 42pt;}
#getStartedPayPal a:hover {color: #fff; text-decoration: none; background-position: 0 -46px;}

#getStartedHome {float: left; margin: 25px 0 20px 0; padding: 0;}
#getStartedHome a {margin: 0; padding: 13px 9px 12px 10px; color: #fff; background: url(/images/getstarted.gif) 0 0 no-repeat; font-size: 18px; font-weight: bold; line-height: 42pt;}
#getStartedHome a:hover {color: #fff; text-decoration: none; background-position: 0 -46px;}

#sweepsHome {float: left; margin: 5px 0 0 20px; padding: 0;}

#video {float: right; margin: 0; padding: 0; width: 330px;}
#video img {float: right; margin: 0; padding: 0; width: 320px; height: 240px;}
#testimonial {float: right; margin: 0; padding: 0; width: 318px;}
.quote {border: 1px solid #9FCFFF; background: #D7EBFF url(/images/quote-left.gif) no-repeat left top; margin: 10px 0 0 0; padding: 10px 0 0 35px; font-style: italic; -webkit-border-radius: .6em .6em; -moz-border-radius: .6em .6em;}
.quote div {background: transparent url(/images/quote-right.gif) right bottom no-repeat; padding: 0 35px 10px 0; margin: 0 0 0 0; line-height: 1.6;}
.quote-by {text-align: right; margin: 10px 10px 10px 0; padding: 0; font-style: normal;}

#webinar {margin: 10px 0 0 0; padding: 0; font-size: 16px; font-weight: bold;}
#webinar a {text-align: center; display: block; margin: 0; padding: 5px;  border: 1px solid #9FCFFF; background: #D7EBFF; width: 307px; text-decoration: none; -webkit-border-radius: .6em .6em; -moz-border-radius: .6em .6em;}
#webinar a:hover {text-align: center; display: block; margin: 0; padding: 5px; background: #7fbedc; color: #fff; width: 307px; text-decoration: none; -webkit-border-radius: .6em .6em; -moz-border-radius: .6em .6em;}

#personalFundraising {margin: 10px 0 0 0; padding: 0; font-size: 13px; font-weight: bold;}
#personalFundraising a {text-align: center; display: block; margin: 0; padding: 5px;  border: 1px solid #9FCFFF; background: #D7EBFF; width: 307px; text-decoration: none; -webkit-border-radius: .6em .6em; -moz-border-radius: .6em .6em;}
#personalFundraising a:hover {text-align: center; display: block; margin: 0; padding: 5px; background: #7fbedc; color: #fff; width: 307px; text-decoration: none; -webkit-border-radius: .6em .6em; -moz-border-radius: .6em .6em;}

#highlightsHome {float: left; margin: 10px 0 0 0; padding: 0; width: 750px;}
#highlightsHome ul {float: left; margin: 5px 0 0 0; padding: 0; width: 750px;}
#highlightsHome ul li {float: left; margin: 0 50px 0 0; padding: 0; width: 200px; list-style-type: none;}
#highlightsHome h4 {margin: 3px 0 3px 3px; padding: 0;}
#highlightsHome p {margin: 0 0 0 3px; padding: 0; width: 190px; font-size: 14px; line-height: 1.6; color: #223d52;}
#highlightsHome a {color: #3d7f9f;}

#highlightsWeb {float: left; margin: 10px 0 0 0; padding: 0; width: 750px;}
#highlightsWeb ul {float: left; margin: 5px 0 0 0; padding: 0; width: 750px;}
#highlightsWeb ul li {float: left; margin: 0 20px 0 0; padding: 0; width: 230px; list-style-type: none;}
#highlightsWeb ul li img {float: left; margin: 5px 5px 0 0; padding: 0;}
#highlightsWeb h4 {margin: 3px 0 3px 3px; padding: 0;}
#highlightsWeb p {margin: 0 0 0 3px; padding: 0; font-size: 14px; line-height: 1.6; color: #223d52;}
#highlightsWeb a {color: #3d7f9f;}

#footer {float: right; margin: 70px 0 0 0; padding: 0; width: 750px; background: url(/images/logoFooter.gif) no-repeat left; height: 49px;}
#footer p {margin: 27px 0 0 55px; padding: 0; color: #223d51; font-size: 11px;}

/*  MOW Page */
#mowForm label {font-weight: bold; display: inline;}
#offerCodeMessage {padding: 3px 3px 3px 6px; background: #ebb6b6; color: #000; border: 1px solid #b95959; font-size: 12px; -webkit-border-radius: .6em .6em; -moz-border-radius: .6em .6em;}

/*  Login Page */
label {font-weight: bold; display: block;}
label.inline {display: inline;}

#loginArea {float: left; width: 600px; margin: 0 auto; padding: 20px; text-align: left;}
#loginArea p {margin: 10px 0 10px 0; padding: 0;}
#loginArea label {font-size: 18px; color: #223c51;}
#loginArea input.text {width: 400px; font-size: 18px; margin: 0; padding: 0; color: #3d7f9f;}

/* Refer Page */
#referForm {margin: 0; padding: 0;}
#referForm .etapFieldSetContainer {margin: 5px 0 10px 0; padding: 5px; display: block;}
#referForm fieldset {margin: 0; padding: 0; border: 0;}
#referForm legend {margin: 0; padding: 0; font-weight: bold; font-size: 100%; color: #000;}
#referForm label {margin: 0; padding: 0; display: block;}
#referForm .etapField {margin: 5px 0 10px 0; padding: 0;}
#referForm .etapTextField {width: 350px;}
#referForm .etapTextarea {width: 350px; height: 100px;}
#referForm .etapRadioButton {margin: 5px 0 5px 0; padding: 0;}
#referForm .etapCheckbox {margin: 5px 0 5px 0; padding: 0;}
#referForm .etapSubmit {}