/* Styles for Gala landing and registration pages */

#content .bodycopy {padding: 0 0 20px 0; width: 523px; text-align: center;}
.register_button {margin-top: -16px; padding-left: 48px; float: left;}
#content .bodycopy p.proceeds_line {clear: left; color: #908459; font-size: 13px; padding: 3px 0;}
#content .bodycopy h1, #content .bodycopy h2, #content .bodycopy h3, #content .bodycopy h4 {font-family: Georgia, Times, Times New Roman, serif; background-color: #fff; font-weight: normal;}
#content .bodycopy h1 {color: #333; font-size: 18px; padding: 0; margin: 0;}
#content .bodycopy h2 {color: #7c7c7c; font-size: 16px; font-style: italic; padding: 0; margin: 0;}
#content .bodycopy .divider {/*width: 523px;*/ width: 470px; height: 14px; text-align: center; background: url(images/squiggle.gif) top center no-repeat; margin: 15px 0; padding: 0;}


/* registration page */
body#gala-form #content .bodycopy {text-align: left; padding-bottom: 0;}

body#gala-form #content .bodycopy form {border: 3px solid #ba3400; padding: 17px 27px 0px; margin: 0;}

body#gala-form #content .bodycopy form fieldset {border: none; padding: 0; padding-bottom: 25px;}
body#gala-form #content .bodycopy form fieldset.fancy-bg {margin-bottom: 10px; background: url(images/bg-fieldset.gif) no-repeat 50% 100%;}

body#gala-form #content .bodycopy form fieldset legend {font-family: Georgia, serif; font-size: 24px; font-style: italic; color: #333; padding-left: 0; margin: 0;}
body#gala-form #content .bodycopy form fieldset legend em {font-family: Arial, sans-serif; font-size: 13px; color: #666; font-style: normal;}

body#gala-form #content .bodycopy form fieldset hr {border: none; border-top: 1px solid #999; height: 1px; display: block; clear: both;}

body#gala-form #content .bodycopy form ul {padding: 0; margin: 0;}
body#gala-form #content .bodycopy form ul li {list-style: none; margin: 0; font-family: Arial, sans-serif; font-size: 13px; margin-top: 10px; clear: both;}
body#gala-form #content .bodycopy form ul li ul {padding-top: 5px;}
body#gala-form #content .bodycopy form ul li ul li {list-style: disc; margin-left: 40px; padding: 0; padding-bottom: 2px; padding-top: 0 !important; color: #555;}

body#gala-form #content .bodycopy form fieldset#level ul li {padding-top: 10px; margin-top: 0;} 

body#gala-form #content .bodycopy form ul li label {font-family: Georgia, serif; font-size: 18px; color: #ba3400;}
body#gala-form #content .bodycopy form ul li label span {margin-left: -12px; margin-left: 0;}

body#gala-form #content .bodycopy form ul li a.toggle-details {text-decoration: none; color: #666; padding-left: 23px; display: block; float: left; margin-top: 2px;}
body#gala-form #content .bodycopy form ul li a.toggle-details span {color: #b5b5b5;}
body#gala-form #content .bodycopy form ul li a.toggle-details span.toggle-text {text-decoration: underline; color: #666; clear: both;}
body#gala-form #content .bodycopy form ul li a.toggle-details span.toggle-text.active {color: #0f2e77;}

body#gala-form #content .bodycopy form ul li.group {float: left; clear: none; padding-bottom: 10px; padding-right: 20px;}
body#gala-form #content .bodycopy form ul li.group.float {padding-left: 20px; border-left: 1px solid #ccc; padding-bottom: 0;}

body#gala-form #content .bodycopy form ul li p {margin: 0; font-size: 13px; padding-bottom: 5px;}

body#gala-form #content .bodycopy form ul li ul li {margin-left: 0; list-style: none;}

li#submit-button {margin: 0pt; padding: 20px 0pt 0pt; height: 42px; width: 463px;}
li#submit-button input,
li#submit-button img {margin: 0 !important; padding: 0; float: left !important; clear: none !important; margin-right: 1px;}

li#cc-security-examples {border: 1px solid #ccc; margin-bottom: 10px; padding: 10px 5px 5px;}

.clear {clear: both; height: 1px; display: block;}

.error {padding: 5px 10px; background: #e1e427; font-size: 16px;}
#content .bodycopy .error p {font-size: 16px;}


/* landing page */
div.bodycopy div.bodycopy-wrapper {border: 3px solid #ba3400; padding: 17px 27px 20px; margin: 0;}
#content div.bodycopy div.bodycopy-wrapper p {margin-left: 0; margin-right: 0; font-size: 15px;}
div.bodycopy div.bodycopy-wrapper blockquote {float: right; display: block; margin: 20px 0 0 10px;}
div.bodycopy div.bodycopy-wrapper blockquote p {margin: 0;}

#content div.bodycopy div.bodycopy-wrapper h2 {font-size: 32px; line-height: 32px; color: #c13200; font-style: normal;}

#content div.bodycopy div.bodycopy-wrapper h4 {font-size: 16px; font-family: Arial, sans-serif; color: #c13200; margin-bottom: 5px; font-weight: bold;}

ul#selections {list-style: none; padding: 0; margin: 0;}
ul#selections li{margin-bottom: 10px;}
ul#selections li.selection {display: block; overflow: hidden; width: 460px; height: 90px;}
ul#selections li.selection a {text-decoration: none !important; display: block; padding: 15px; width: 430px; height: 60px; background: url(images/donation-selection-bg.gif) no-repeat; overflow: hidden;}
ul#selections li.selection img {border: none; float: none; margin: 0;}
ul#selections li.selection span.selection-button {float: right; margin-top: 7px; filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6;}
ul#selections li.selection h3 {margin: 0; font-size: 26px; line-height: 0px; background: transparent;}
ul#selections li.selection p {margin: 0; color: white; font-size: 13px !important; line-height: normal;}

ul#selections li.selection a:hover {filter:alpha(opacity=95);-moz-opacity:.95;opacity:.95;}
ul#selections li.selection a:hover span.selection-button {filter:alpha(opacity=100);-moz-opacity:1;opacity:1; cursor: pointer;}