/* alter standard subsubtitle style */
#subsubtitle{
font-size: 18px;
text-align: center;
margin: 10px 0 35px;
}

/* alter standard bullet list */

ul.bulletlist{
margin: 5px 80px 30px 85px;
list-style-type: disc;
}

ul.bulletlist li{
margin: 8px 0;
}





/* food and lodging/volunteer training sessions boxes */

#lodginginformation,
#trainingdates{
font-family: arial, sans-serif;
font-size: 14px;
background-color: #cfc;
border-width: 2px;
border-style: solid;
border-color: black;
padding: 10px 0;
width: 800px;
margin: 40px auto;
position: relative;
top: 0; left: 0;
}

#trainingdates p.intro{
font-family: arial, sans-serif;
font-size: 18px;
margin: 10px 20px 25px;
}

#lodginginformation p.foodinfo{
text-align: center;
font-weight: bold;
font-size: 20px;
}

#lodging4h{
position: absolute;
top: 40px; left: 20px;
width: 380px;
}

#lodginghotel{
position: absolute;
top: 40px; right: 20px;
}

#lodginginformation p.head{
text-align: center;
font-weight: bold;
margin: 0 0 4px;
}

#trainingdates p.head{
font-weight: bold;
margin: 0 0 6px 20px;
}

#lodginginformation p.item{
margin: 0 0 2px;
}

#lodginginformation p.foodcost{
margin: 110px 0 30px;
text-align: center;
}

#lodginginformation p.onlyoptions{
font-size: 18px;
text-align: center;
font-weight: bold;
background-color: pink;
border-width: 1px;
border-style: solid;
border-color: black;
width: 50%;
margin: 0 auto 30px;
padding: 5px;
}

#lodginginformation p.generaltext{
font-size: 16px;
text-indent: 15px;
margin: 20px 25px;
}

p.roomchoice,p.roomchoicelast,p.paymentchoice{
font-size: 15px;
margin: 2px 0 2px 30px;
}
p.roomchoicelast{
margin: 2px 0 16px 30px;
}

p.trainingdate,p.trainingdatelast{
font-size: 15px;
margin: 2px 0 2px 30px;
}
p.trainingdatelast{
margin: 2px 0 16px 30px;
}




input[type="text"]{
height: 16px;
width: 10px;
background-color: #FFC;
color: black;
font-family: arial, sans-serif;
font-size: 14px;
padding: 1px 0 1px 3px;
margin: 0;
border-width: 1px;
border-style: solid;
border-color: grey;
}

input[type="text"]#regional_name,
input[type="text"]#host_name,
input[type="text"]#geographic_area,
input[type="text"]#web_address{
width: 640px;
margin: 0 0 0 40px;
}

input[type="text"]#first_name,
input[type="text"]#email_one,
input[type="text"]#co_first_name,
input[type="text"]#co_email_one{
width: 240px;
margin: 0 30px 0 0;
}

input[type="text"]#last_name,
input[type="text"]#email_two,
input[type="text"]#co_last_name,
input[type="text"]#co_email_two,
input[type="text"]#regional_date{
width: 250px;
}

input[type="text"]#regional_site, input[type="text"]#roommate{
width: 400px;
}

input[type="text"]#cell_first,
input[type="text"]#cell_middle,
input[type="text"]#evening_first,
input[type="text"]#evening_middle,
input[type="text"]#office_first,
input[type="text"]#office_middle,
input[type="text"]#phone_first,
input[type="text"]#phone_middle,
input[type="text"]#co_cell_first,
input[type="text"]#co_cell_middle,
input[type="text"]#co_evening_first,
input[type="text"]#co_evening_middle,
input[type="text"]#co_office_first,
input[type="text"]#co_office_middle,
input[type="text"]#co_phone_first,
input[type="text"]#co_phone_middle{
width: 30px;
}

input[type="text"]#cell_first,
input[type="text"]#evening_first,
input[type="text"]#office_first,
input[type="text"]#phone_first,
input[type="text"]#co_cell_first,
input[type="text"]#co_evening_first,
input[type="text"]#co_office_first,
input[type="text"]#co_phone_first{
margin: 0 3px;
}

input[type="text"]#cell_middle,
input[type="text"]#evening_middle,
input[type="text"]#office_middle,
input[type="text"]#phone_middle,
input[type="text"]#co_cell_middle,
input[type="text"]#co_evening_middle,
input[type="text"]#co_office_middle,
input[type="text"]#co_phone_middle{
margin: 0 0 0 3px;
}

input[type="text"]#cell_last,
input[type="text"]#evening_last,
input[type="text"]#office_last,
input[type="text"]#phone_last,
input[type="text"]#co_cell_last,
input[type="text"]#co_evening_last,
input[type="text"]#co_office_last,
input[type="text"]#co_phone_last,
input[type="text"]#number_of_teams{
width: 50px;
margin: 0 30px 0 0;
}

input[type="text"]#mailing_street,
input[type="text"]#mailing_street2,
input[type="text"]#fedex_street,
input[type="text"]#fedex_street2{
width: 230px;
margin: 0 10px 0 0;
}

input[type="text"]#mailing_city,
input[type="text"]#fedex_city{
width: 100px;
margin: 0 10px 0 0;
}

input[type="text"]#mailing_state,
input[type="text"]#fedex_state{
width: 30px;
margin: 0 10px 0 0;
}

input[type="text"]#mailing_zip,
input[type="text"]#fedex_zip,
input[type="text"]#routing_symbol,
input[type="text"]#building_number,
input[type="text"]#room_number{
width: 90px;
margin: 0 10px 0 0;
}

input[type="text"]#arrival_airline,
input[type="text"]#departure_airline{
width: 100px;
margin: 0 10px 0 0;
}

input[type="text"]#arrival_flight_number,
input[type="text"]#departure_flight_number,
input[type="text"]#arrival_time,
input[type="text"]#departure_time,
input[type="text"]#anticipated_arrival,
input[type="text"]#anticipated_departure{
width: 50px;
margin: 0 10px 0 0;
}


input[type="text"]#other_arrival,
input[type="text"]#other_departure{
width: 400px;
margin: 0;
}


textarea#professional_background,
textarea#scheduling_request{
width: 750px;
height: 50px;
background-color: #FFC;
color: black;
font-family: arial, sans-serif;
font-size: 14px;
padding: 1px 0 1px 3px;
margin: 5px 0 10px 30px;
border-width: 1px;
border-style: solid;
border-color: grey;
}


#plan_of_action,
#additional_information,
#regional_address,
#why_so_few{
height: 85px;
width: 750px;
background-color: #FFC;
color: black;
font-family: arial, sans-serif;
font-size: 14px;
padding: 1px 0 1px 3px;
margin: 0 0 15px 44px;
border-width: 1px;
border-style: solid;
border-color: black;
}

#regional_address{
height: 40px;
}


sup{
font-size: 11px;
line-height: 80%;
}


p.meeting{
font-family: arial, sans-serif;
font-size: 16px;
text-indent: 0;
text-align: center;
line-height: 130%;
margin: 10px auto 30px;
border-width: 1px;
border-style: solid;
border-color: black;
padding: 10px 20px;
background-color: #FF9;
width: 500px;
}


p.schedulinginstructions{
font-family: arial, sans-serif;
font-size: 18px;
text-indent: 20px;
line-height: 130%;
margin: 30px 60px;
border-width: 2px;
border-style: solid;
border-color: black;
padding: 10px 20px;
background-color: #ccf;
}

p.assignmentdate{
font-family: arial, sans-serif;
font-size: 18px;
font-weight: bold;
margin: 30px 0 0 45px;
text-align: center;
}


p.event{
font-family: arial, sans-serif;
font-size: 16px;
font-weight: bold;
margin: 30px 0 15px 45px;
}


p.datehead{
text-align: center;
font-family: arial, sans-serif;
font-weight: bold;
font-size: 24px;
margin: 55px 20px 15px;
border-width: 1px;
border-style: solid;
border-color: black;
padding: 10px;
background-color: #ccf;
}

p.timehead{
font-family: arial, sans-serif;
font-weight: bold;
font-size: 16px;
margin: 25px 0 15px 40px;
}


p.job,
p.subjob,
p.jobhang{
font-family: arial, sans-serif;
font-size: 16px;
margin: 8px 0 8px 60px;
}

p.subjob{
margin: 8px 0 8px 100px;
}

p.jobhang{
margin: 8px 0 8px 82px;
text-indent: -22px;
}

.explain,
.explainnewline{
font-size: smaller;
}

.explainnewline{
margin: 0 0 0 25px;
}

div.dataecho p{
font-family: arial, sans-serif;
font-size: 16px;
margin: 5px 20px 5px 50px;
}

p.thanks{
text-align: center;
font-family: arial, sans-serif;
font-size: 28px;
font-weight: bold;
margin: 40px 0;
}

p.submit{
text-align: center;
font-family: arial, sans-serif;
font-size: 18px;
margin: 40px 0;
}


/* deadline box */

div.deadline{
background-color: #ddd;
border-width: 1px;
border-style: solid;
border-color: black;
padding: 3px;
margin: -10px auto 40px;
width: 320px;
}

div.deadline p{
text-align: center;
font-family: arial, sans-serif;
font-size: 14px;
font-weight: bold;
}

/* areas can be hidden or shown via javascript,
depending on the value of an iten the user selects */
#explain_other_arrival, #explain_other_departure, #federal_only, #attending_only, #buddy, #has_volunteered_before, #doe_employee_yes, #doe_employee_no{
display: none;
}