@import url("reset.css");

body { background:#fff url(../images/body.png) repeat-x top; font-family:Arial; font-size:13px; color:#4f7389; line-height:1.3em;}
a { text-decoration:none}
br.clear { clear:both}
img.align-right { float:right; padding:0 5px 0 10px; margin-right:-62px}
p { padding:5px 0;}
#header { background:url(../images/header.png) no-repeat; width:970px; height:auto; margin:auto}
#center { position:relative; width:930px; height:auto; margin:auto; }
#footer { width:930px; margin:auto; clear:both}

.main {width:930px; margin:auto; clear:both}
.main-blue { background:url(../images/main-blue.png) no-repeat; width:930px; margin:auto; clear:both}
.main-green { background:url(../images/main-green.png) no-repeat; width:930px; margin:auto; clear:both}
.main-orange { background:url(../images/main-orange.png) no-repeat; width:930px; margin:auto; clear:both}
.main .content { padding:0 10px 0 320px}
.main-footer { background:url(../images/main-footer.png) no-repeat; width:930px; height:100px;}
.headings { padding-left:300px}
.blue {background:url(../images/blue-bubble.png) no-repeat;}
.green {background:url(../images/green-bubble.png) no-repeat;}
.orange {background:url(../images/orange-bubble.png) no-repeat;}
.kids { position:absolute; right:-60px; top:-70px;}

/* -------------- Heading Bubble TABS -------------- */
.heading-bubble { width:343px; height:40px; padding:15px 0 5px 20px; font-weight:bold; color:#fff}
.heading-bubble h1 { color:#fff; padding:0; }
.heading-bubble h1 a {color:#fff;}
.heading-bubble h1 a:hover {text-decoration:underline}
.heading-bubble li { display:inline; padding:10px 0 0 0;}
.heading-bubble a {color:#fff;}
.heading-bubble a.active { color:#778836}
.heading-bubble a.active-blue { color:#375666}
.heading-bubble a.active-orange { color:#965f19}

/* -------------- Header -------------- */
.header { width:930px; height:auto; padding-left:40px; position:relative}
.logo { float:left;}
.top-nav { float:right; font-size:11px; font-weight:bold; color:#fff; padding:10px 0 0 0;}
.top-nav li { display:inline; position:relative; padding:0 5px}
.top-nav li a { color:#fff; padding:10px 5px 20px 10px;line-height:40px }
.top-nav li a:hover { background:url(../images/bb.png) no-repeat left}
.top-nav li a:hover em {background:url(../images/bb-right.png) no-repeat;}
.top-nav li a.active { background:url(../images/bb.png) no-repeat left}
.top-nav li a.active em {background:url(../images/bb-right.png) no-repeat;}
.top-nav li a em { position:absolute; right:-1px; top:-8px; line-height:40px; height:40px; padding:0 3px;}
.phone-number { position:absolute; right:-40px; top:-70px;}

/* -------------- Home Page -------------- */
.home-top { background:url(../images/home-guy.png) no-repeat; width:930px; height:405px; position:absolute; z-index:10; top:0px;}
.home { width:930px; height:542px; background:url(../images/main-home.png) no-repeat; margin-top:275px; z-index:9}
.home .desc { padding: 10px 30px 0 280px}
.home .ka-boom { background:url(../images/ka-boom.png) no-repeat; width:310px; height:299px; float:left}
.home .ka-boom p { padding:13px 10px 15px 20px; color:#fff; font-weight:bold }
.home .ka-boom a { padding-left: 150px; color:#fff; font-weight:bold }
.home .blam { background:url(../images/blam.png) no-repeat; width:309px; height:299px; float:left}
.home .blam p { padding:13px 10px 15px 20px; color:#fff; font-weight:bold }
.home .blam a { padding-left: 40px; color:#fff; font-weight:bold }
.home .sha-zamm { background:url(../images/sha-zamm.png) no-repeat; width:311px; height:299px; float:left}
.home .sha-zamm p { padding:13px 20px 15px 20px; color:#fff; font-weight:bold }
.home .sha-zamm a { padding-left: 45px; color:#fff; font-weight:bold }

/* -------------- Footer -------------- */
.footer-nav { float:left; font-size:11px; font-weight:bold; color:#4f7389; padding:0 0 0 20px}
.footer-nav li { display:inline; position:relative; padding:0 5px}
.footer-nav li a { color:#4f7389; line-height:20px }
#footer  .phone { float:right}

/* -------------- Groups -------------- */
.blue-top { background:url(../images/blue-top.png) no-repeat; width:930px; height:210px; }
.heading-groups { position:absolute; top:70px; left:310px}
.mascot-groups { width:273px; height:574px; position:absolute}

/* -------------- About Us -------------- */
.heading-aboutus { position:absolute; top:50px; left:310px}
.mascot-aboutus { width:285px; height:587px; position:absolute}
.about-info { width:150px; height:292px; margin:70px 5px 0 0; position:relative; float:left}
.about-info img { position:absolute; top:-68px;}
.about-info h2 { font-size:16px; color:#fff; float:left; line-height:20px; padding:65px 0 0 5px;}
.about-info p { clear:both; padding:5px; line-height:1.2em; font-size:12px;}

.about-info-hd { background: url(../images/about-hd.png) no-repeat; width:150px; height:37px;}
.about-info-ct { background: url(../images/about-ct.png) repeat-y; width:150px; height:auto; min-height:400px;}
.about-info-ft { background: url(../images/about-ft.png) no-repeat; width:150px; height:32px;}

/* -------------- Become One -------------- */
.heading-becomeone { position:absolute; top:50px; left:310px}
.becomeone { width:503px; height:auto}
.becomeone .top { background:url(../images/becomeone-top.png) no-repeat; width:603px; height:29px;}
.becomeone .center { background:#becfd8; width:603px; min-height:150px;}
.becomeone .bottom { background:url(../images/becomeone-bottom.png) no-repeat; width:603px; height:29px;}
.becomeone .center p { padding:5px 10px;}
.becomeone .center p.white { background:#d5dee0}
.becomeone .center a {color:#4f7389; font-weight:bold; text-decoration:underline }

/* -------------- Our Team -------------- */
.heading-ourteam { position:absolute; top:60px; left:300px}
.becomeone { width:503px; height:auto}

/* -------------- Contact FORMS -------------- */
.heading-contactus { position:absolute; top:60px; left:310px}
.contact-us td { padding:5px; font-weight:bold; vertical-align:middle; z-index:999999}
.contact-us td.comments { vertical-align:top}
.contact-us td.submit { text-align:right; padding-right:40px;}
.contact-us td.privacy { font-weight:normal; padding-right:40px;}
.contact-us input { padding:3px;}
.contact-us #first_name { width:199px;}
.contact-us #last_name { width:199px;}
.contact-us #title { width:484px;}
.contact-us #company { width:484px;}
.contact-us #city { width:230px;}
.contact-us #state { width:22px;}
.contact-us #zip { width:140px;}
.contact-us #phone { width:155px;}
.contact-us #email_address { width:216px;}
.contact-us #comments { width:486px; height:100px}
#contact-form input {background:url(../images/input-bg.jpg) repeat-x 0px 1px; border:solid 1px #5d88a1}
#contact-form textarea {border:solid 1px #5d88a1; border-bottom:solid 2px #5d88a1; padding:3px; font-family:arial; font-size:13px;} 
#contact-form input#submit {background:url(../images/submit.png) no-repeat; border:none; width:97px; height:36px; cursor:pointer;}
#contact-form input#apply {background:url(../images/apply.png) no-repeat; border:none; width:97px; height:36px; cursor:pointer;}
#contact-form input#submit-green {background:url(../images/submit-green.png) no-repeat; border:none; width:97px; height:36px; cursor:pointer;}
#contact-form input#submit-orange {background:url(../images/submit-orange.png) no-repeat; border:none; width:97px; height:36px; cursor:pointer;}
#contact-form td { padding:7px 5px; font-weight:bold; vertical-align:middle; z-index:999999}
#contact-form input { padding:3px;}

.error {color:#ff0000; font-size:12px; display:none; padding:0 0 10px 0;}


/* -------------- Confirmation -------------- */
.heading-confirmation { position:absolute; top:80px; left:310px}

/* -------------- Partners -------------- */
.green-top { background:url(../images/green-top.png) no-repeat; width:930px; height:210px; }
.heading-partners { position:absolute; top:74px; left:310px}
.mascot-partners { width:299px; height:481px; position:absolute}
a.fill { color:#4f7389; text-decoration:underline}

/* -------------- Groups Contact -------------- */
.groups-contact #participants { width:85px;}
.groups-contact #start_date { width:94px;}
.groups-contact #how_much { width:94px;}
#contact-form .radio { border:0px; background:none;}
.groups-contact td.orcall { text-align:center; font-size:18px;}
.groups-contact p { font-weight:normal}

/* -------------- Fundrisers -------------- */
.orange-top { background:url(../images/orange-top.png) no-repeat; width:930px; height:210px; }
.heading-fundraisers { position:absolute; top:84px; left:310px}
.mascot-fundraisers { width:273px; height:574px; position:absolute}

/* -------------- Fundrisers Contact -------------- */
.fundraisers-contact p { font-weight:normal}
.heading-contactfundraisers { position:absolute; top:84px; left:320px}


/* -------------- Employment Application -------------- */
.heading-apply { position:absolute; top:104px; left:310px}
.applicant_information #last_name { width:110px;}
.applicant_information #first_name { width:110px;}
.applicant_information #mi { width:20px;}
.applicant_information #date_day { width:20px;}
.applicant_information #date_month { width:20px;}
.applicant_information #date_year { width:37px;}
.applicant_information #address { width:271px;}
.applicant_information #apartment { width:86px;}
.applicant_information #city { width:230px;}
.applicant_information #state { width:22px;}
.applicant_information #zip { width:70px;}
.applicant_information #available_date_day { width:20px;}
.applicant_information #available_date_month { width:20px;}
.applicant_information #available_date_year { width:37px;}
.applicant_information #ssn { width:52px;}
.applicant_information #desired_salary { width:52px;}
.applicant_information #position_applied_for { width:434px;}
.applicant_information #when_date_day { width:20px;}
.applicant_information #when_date_month { width:20px;}
.applicant_information #when_date_year { width:25px;}
.applicant_information #explain { width:472px;}
.education #high_school { width:201px;}
.education #high_school_address { width:201px;}
.education #from { width:50px}
.education #to { width:50px}
.education #degree { width:99px}
.education #college { width:201px;}
.education #college_address { width:201px;}
.education #other { width:201px;}
.education #other_address { width:201px;}

.references #full_name_1 { width:230px}
.references #relationship_1 { width:155px}
.references #company_1 { width:230px}
.references #phone_prefix_1 { width:30px}
.references #phone_nr_1 { width:135px}
.references #references_address_1 { width:488px;}
.references #full_name_2 { width:230px}
.references #relationship_2 { width:155px}
.references #company_2 { width:230px}
.references #phone_prefix_2 { width:30px}
.references #phone_nr_2 { width:135px}
.references #references_address_2 { width:488px;}
.references #full_name_3 { width:230px}
.references #relationship_3 { width:155px}
.references #company_3 { width:230px}
.references #phone_prefix_3 { width:30px}
.references #phone_nr_3 { width:135px}
.references #references_address_3 { width:488px;}


.previous_employment #pe_company_1 { width:230px}
.previous_employment #pe_phone_prefix_1 { width:30px}
.previous_employment #pe_phone_nr_1 { width:135px}
.previous_employment #pe_address_1 { width:230px;}
.previous_employment #pe_supervisor_1 { width:165px;}
.previous_employment #pe_job_title_1 { width:118px}
.previous_employment #pe_starting_sallary_1 { width:55px;}
.previous_employment #pe_ending_sallary_1 { width:55px;}
.previous_employment #pe_responsibilities_1 { width:453px;}
.previous_employment #pe_from_1 { width:50px}
.previous_employment #pe_to_1 { width:50px}
.previous_employment #pe_reason_1 { width:232px}

.previous_employment #pe_company_2 { width:230px}
.previous_employment #pe_phone_prefix_2 { width:30px}
.previous_employment #pe_phone_nr_2 { width:135px}
.previous_employment #pe_address_2 { width:230px;}
.previous_employment #pe_supervisor_2 { width:165px;}
.previous_employment #pe_job_title_2 { width:118px}
.previous_employment #pe_starting_sallary_2 { width:55px;}
.previous_employment #pe_ending_sallary_2 { width:55px;}
.previous_employment #pe_responsibilities_2 { width:453px;}
.previous_employment #pe_from_2 { width:50px}
.previous_employment #pe_to_2 { width:50px}
.previous_employment #pe_reason_2 { width:232px}

.previous_employment #pe_company_3 { width:230px}
.previous_employment #pe_phone_prefix_3 { width:30px}
.previous_employment #pe_phone_nr_3 { width:135px}
.previous_employment #pe_address_3 { width:230px;}
.previous_employment #pe_supervisor_3 { width:165px;}
.previous_employment #pe_job_title_3 { width:118px}
.previous_employment #pe_starting_sallary_3 { width:55px;}
.previous_employment #pe_ending_sallary_3 { width:55px;}
.previous_employment #pe_responsibilities_3 { width:453px;}
.previous_employment #pe_from_3 { width:50px}
.previous_employment #pe_to_3 { width:50px}
.previous_employment #pe_reason_3 { width:232px}


.military_service #branch { width:232px}
.military_service #from { width:50px}
.military_service #to { width:50px}
.military_service #discharge_rank { width:152px}
.military_service #discharge_type { width:155px}
.military_service #explain { width:350px}
.signature #signature { width:328px;}
.signature #signature_date_day { width:20px;}
.signature #signature_date_month { width:20px;}
.signature #signature_date_year { width:37px;}
.signature td.apply { text-align:right}