/*------------------------------------------------------------------
[Master Stylesheet]

Project: W.E.B. Du Bois Society
Author: Scott Lively <scott@123shoot.com>
Version: 1.1
Last change: 07/22/2009
-------------------------------------------------------------------*/

@import 'reset.css';

/*------------------------------------------------------------------
[Table of contents]

1. Body
2. Navigation
3. Donation
4. Header
5. Content      [#content]
6. Forms
7. Footer       [#ftr]
8. Error
-------------------------------------------------------------------*/


/*------------------------------------------------------------------
[1. Body ]
-------------------------------------------------------------------*/
html, body { height:100%; margin:0 0 1px; padding:0; }

body {
    background-color:#000;
    color:#000;
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
    font-style:normal;
    font-weight:normal;
    letter-spacing:0px;
    line-height:18px;
    text-align:left;
    word-spacing:0px;
}

a { color:#8FA329; font-weight:bold; }
a:hover { color:#444; }

p { padding:8px 32px 8px 40px; }

#wrapper { background:#FFF url(../images/wrapper.jpg) repeat-y; margin:auto; width:960px; }

#left_container { float:left; width:254px; }
#right_container { float:right; padding-right:10px; width:696px; }

.white { color:#FFF; }
.green { color:#BBD147; }

/*------------------------------------------------------------------
[2. Navigation ]
-------------------------------------------------------------------*/
#nav_container { padding:16px 0px 0px 32px; }

#nav_main { background-color:#FFF; font-size:14px; padding:1px 2px; width:196px; }

#nav_main ul li { list-style-type:none; padding:1px 0px; }
#nav_main ul li a, #nav_main ul li ul li a { background:#000; border:2px solid #000; color:#BBD147; display:block; font-weight:normal; height:24px; padding:8px 0px 0px 20px; text-decoration:none; }
#nav_main ul li a:hover, #nav_main ul li a.current { background:#BBD147; color:#FFF; }

#nav_main ul li ul li a { color:#8FA329; background:#FFF; border:2px solid #BBD147; }
#nav_main ul li ul li a:hover, #nav_main ul li ul li a.current { background:#EAF1C7; color:#000; }

#nav_main a#nav_main_about, #nav_main a#nav_main_whatwedo { background:#000 url(../images/navmain-bg.jpg) no-repeat; }
#nav_main a.current#nav_main_about, #nav_main a.current#nav_main_whatwedo { background:#000 url(../images/navmain-bg-mo.jpg) no-repeat; }

/*------------------------------------------------------------------
[3. Donation ]
-------------------------------------------------------------------*/
#donation_container { padding:10px 0px 0px 32px; }

#donation { background-color:#FFF; width:200px; }
#donation p.heading { color:#BBD147; font-family:"Times New Roman", Times, serif; font-size:20px; line-height:22px; padding:0px 0px 0px 40px; }
#donation p.link { text-align:right; }
#donation ol { padding:8px 0px 0px 40px; }

#do_good { padding:10px 0px 0px 6px; text-align:center; }

/*------------------------------------------------------------------
[4. Header ]
-------------------------------------------------------------------*/
#hdr { background:#FFF url(../images/bg-header.jpg) no-repeat; height:222px; width:696px; }

#hdr .col1, #hdr .col2, #hdr .col3 { float:left; }
#hdr .col1 { height:140px; padding:56px 0px 0px 66px; width:162px; }
#hdr .col2 { height:140px; padding:56px 34px 0px 68px; width:124px; }
#hdr .col3 { height:172px; padding:24px 14px 0px 90px; width:138px; }

#hdr p { padding:0px; }
#hdr p.heading { font-size:14px; font-weight:bold; }
#hdr p.newsletter { font-size:12px; }
#hdr p.more { font-size:10px; text-align:right; }
#hdr p.list { line-height:20px; padding-top:4px; }

/*------------------------------------------------------------------
[5. Content ]
-------------------------------------------------------------------*/
#content a { color:#8FA329; font-weight:bold; }
#content a:hover { color:#444; }

#content div.padding { padding:8px 32px 8px 40px; }
#content ol, #content ul { padding:8px 32px 8px 58px; }
#content ul li { padding:4px 0px; }

h1.heading, h2.heading { background-color:#000; color:#BBD147; font-size:22px; float:right; height:34px; line-height:24px; margin:20px 0px; padding:14px 0px 0px 24px; width:572px; }
h2.heading { font-size:18px; }
h3 { background-color:#BBD147; color:#000; font-size:18px; float:right; height:24px; margin:20px 0px; padding:6px 0px 0px 24px; width:640px; }

#slideshow_home { background-color:#EADEB3; border:2px solid #BBD147; height:111px; margin:auto; width:360px; }

#calendar td.heading { background-color:#000; color:#BBD147; height:26px; padding-left:8px; }
#calendar td.white, #calendar td.green { color:#000; font-size:12px; padding:4px 8px; }
#calendar td.green { background-color:#BBD147; }

#calendar a { color:#000; }

/*------------------------------------------------------------------
[6. Forms ]
-------------------------------------------------------------------*/
#general_form, #tennis_form, #newsletter_form, #essay_form { padding:8px 32px 8px 40px; }
#intern_form, #student_form, #recommendation_form, #pgconsent_form { padding:8px 10px 8px 22px; }

.identifier, .identifier2, .identifier3 { float:left; height:20px; padding:2px; text-align:right; width:106px; }
.identifier2 { width:66px; }
.identifier3 { width:160px; }

.input_side { float:left; height:20px; padding:2px; }

.frm_fld_xtra_short, .frm_fld_short, .frm_fld_nrml, .frm_fld_long, select, textarea { border:1px solid #000; }
.frm_fld_xtra_short { width:30px; }
.frm_fld_short { width:85px; }
.frm_fld_nrml { width:105px; }
.frm_fld_long { width:165px; }

.question, .deadline { padding:6px 0px; }
.question p { padding:0px 0px 6px 0px; }

#recommendation_form ol li { padding:4px 0px; }

#sponsorTicketsContainer { padding-top:4px; }

/*------------------------------------------------------------------
[7. Footer ]
-------------------------------------------------------------------*/
#ftr { background:#FFF url(../images/footer.jpg) no-repeat; color:#EFEFEF; font-size:11px; height:50px; margin:auto; padding:120px 30px 0px 30px; width:900px; }

#ftr a { color:#EFEFEF; font-weight:normal; text-decoration:none; }
#ftr a:hover { color:#222; }

/*------------------------------------------------------------------
[8. Error ]
-------------------------------------------------------------------*/
.err_msg, #errUsername, #errPassword, #errEmail,
#errPhone, #errZip, #errCity, #errAddress, #errLastName, #errFirstName, #errAge, 
#errEventAttending, #errHomePhone, #errCellPhone, 
#errAddressPerm, #errCityPerm, #errZipPerm, #errAddressMail, #errCityMail, #errZipMail, 
#errCurrentSchool, #errGpa, #errWhy, #errValidateA, #errValidateB, #errValidateC, #errEssay, 
#errPg1Name, #errPg1Email, #errPg1HomePhone, #errPg1CellPhone, #errPg1WorkPhone, #errPg1Fax, #errPg1Company, 
#errPg1AddressPerm, #errPg1CityPerm, #errPg1ZipPerm, #errPg1AddressBusiness, #errPg1CityBusiness, #errPg1ZipBusiness,
#errPg2Name, #errPg2Email, #errPg2HomePhone, #errPg2CellPhone, #errPg2WorkPhone, #errPg2Fax, #errPg2Company, 
#errPg2AddressPerm, #errPg2CityPerm, #errPg2ZipPerm, #errPg2AddressBusiness, #errPg2CityBusiness, #errPg2ZipBusiness,
#errStudentFirstName, #errStudentLastName, #errRecFirstName, #errRecLastName, #errRecTitle, #errRecEmail, #errRecPhone,
#errPgFirstName, #errPgLastName, #errQuestion1, #errQuestion2, #errQuestion3, #errQuestion4, #errQuestion5, #errQuestion6, 
#errPgSignature, #errStudentSignature, #errPgEmail, #errPgConfirmEmail, #errPgPhone, #errStudentEmail, 
#errPgSignatureMediaLt50, #errValidateALt50, #errValidateBLt50, #errValidateCLt50, #errPgSignatureMediaGt50, #errValidateAGt50, #errValidateBGt50, #errValidateCGt50,
#errPgAddress, #errPgCity, #errPgZip, 
#errAtLeastOne, #errSetGoalsDate, #errJoinClubsDate, #errJoinStudyGroupDate, #errCreateStudyGroupDate, #errMakeFriendsDate, #errTakeHonorsDate, #errReviewScheduleDate, 
#errTrackAssignmentsDate, #errListPrioritiesDate, 
#errSponsorTickets, #errSponsorVegetarian, #errIndividualTickets, #errIndividualVegetarian, #errDonationAdditional, #errDonationOnly { color:#CC0000; font-style:italic; }