body {
text-align:center;
}
.center{
text-align: center;
}
.right-align{
text-align:right;
}
.little_label{
position:absolute;
top: -20px;
left:0px;
height: 20px;
width: 500px;
}
.puzzle_key_label{
position:absolute;
top: -28px;
left:0px;
height: 20px;
width: 500px;
}
.analysis_label{
position:absolute;
top: -10px;
left:0px;
height: 20px;
width: 455px;
}
.puzzle_answer_label{
position:absolute;
top: -33px;
left:0px;
height: 20px;
width: 625px;

}
.little_label_b{
position:absolute;
top: -38px;
left:0px;
height: 20px;
width: 155px;
}
.long_label{
position:absolute;
top: 0px;
left:0px;
height: 20px;
width: 208px;
border-bottom: 1px solid black;
}
p {
color: black;
font-size: 16px;
font-family:"Times New Roman";
margin-top: 0px;
margin-bottom: 12px;
margin-left: 0px;
margin-right: 0px;
line-height: 130%;
text-align: justify;
}
.right-align{
text-align:right;
}
.small_font{
font-size: 12px;
}
.references_font{
font-size: 11px;
border-top: 1px solid black;
}
.list{
line-height: 100%;
margin-bottom: 8px;
margin-left:20px;
}
a{
color: black;
}
a:visited{
color: black;
}
.break{
page-break-before: always;
}
.drama_indent{
text-indent: -73px;
}
.drama_heading_1{
position: absolute;
top: 105px;
left: 0px;
width: 500px;
height: 30px;
}
.drama_heading_2{
position: absolute;
top: 481px;
left: 0px;
width: 600px;
height: 30px;
}
.drama_layout_1{
position: absolute;
top: 140px;
left:0px;
width: 100px;
height: 300px;
text-align: right;
}
.drama_layout_3{
position: absolute;
top: 515px;
left:0px;
width: 100px;
height: 300px;
text-align: right;
}
.inner_box_1_drama{
position: absolute;
width: 100px;
height: 50px;
left:0px;
top:0px;
}
.inner_box_1a_drama{
position: absolute;
width: 100px;
height: 50px;
left:0px;
top:120px;
}
.drama_layout_2{
position: absolute;
top: 140px;
left:120px;
width: 480px;
height: 300px;
text-align: right;
}
.drama_layout_4{
position: absolute;
top: 515px;
left:120px;
width: 480px;
height: 300px;
text-align: right;
}
.inner_box_2_drama{
position: absolute;
width: 480px;
height: 100px;
left:0px;
top:0px;
}
.inner_box_2a_drama{
position: absolute;
width: 480px;
height: 180px;
left:0px;
top:120px;
}
.item{
font-size:16px;
text-indent: 40px;
margin-top: 8px;
margin-left: 60px;
}

.item_2a{
font-size:16px;
text-indent: 0px;
margin-top: 8px;
left: 220px;
}

.item_dicta{
font-size:16px;
text-indent: -20px;
margin-top: 8px;
margin-left: 65px;
}
.item_2{
font-size:16px;
font-style: italic;
margin-left: 60px;
margin-top: 8px;
text-indent: -6px;
}
.item_3{
font-size:16px;
font-style: italic;
margin-left: 60px;
margin-top: 8px;
text-indent: -18px;
}
.item_4{
font-size:16px;
font-style: italic;
margin-left: 120px;
margin-top: 8px;
text-indent: -18px;
}
.item_5{
position:absolute;
font-size:16px;
width: 300px;
margin-left: 146px;
margin-top: -10px;
text-indent: -18px;
border: 1px solid red;
}
.notes_item{
font-size:16px;
font-style: italic;
margin-left: 92px;
margin-top: 8px;
text-indent: -50px;
}
.notes_item_break{
page-break-before: always;
font-size:16px;
font-style: italic;
margin-left: 92px;
margin-top: 8px;
text-indent: -50px;
}
.notes_comment{
text-indent: -5px;
font-size: 14px;
margin-left: 92px;
margin-bottom: 24px;
}
.extra_top{
margin-top: 22px;
}
.noTop{
margin-left:0px;
margin-top:0px;
}
.mc_lead{
margin-left: 0px;
color: black;
margin-bottom: 12px;
margin-top:60px;
}
.mc_lead_first{
margin-left: 0px;
color: black;
margin-bottom: 12px;
margin-top:20px;
}
.mc_choices{
margin-left: 50px;
color: black;
margin-top: -3px;
}
#qz_f_box{
font-family: Arial;
position: relative;
color: black;
left: 50px;
top: -10px;
height:20px;
width: 550px;
text-align: left;
}
.wrapper {
margin: 0 auto;
position: relative;
top:4px;
width: 625px;
height:965px;
background: white;
}
.wide_wrapper {
margin: 0 auto;
position: relative;
top:4px;
width: 930px;
height:1175px;
background: white;
}
.notes_wrapper {
margin: 0 auto;
position: relative;
top:4px;
width: 930px;
height:3300px;
background: white;
}
.story_wrapper {
margin: 0 auto;
position: relative;
top:4px;
width: 930px;
height:1100px;
background: white;
}
.drama_instructions{
position: absolute;
height: 60px;
width: 600px;
top:0px;
left:0px;

}
.dialogue_box_drama{
position: absolute;
height: 800px;
width: 595px;
left: 0px;
top:160px;

}
.instruction_box{
font-family: "Times New Roman";
position: relative;
color: black;
margin-left: auto;
margin-right: auto;
top: 60px;
height:100px;
width: 625px;
text-align: left;
}
.instruction_box_2{
font-family: "Times New Roman";
position: relative;
color: black;
margin-left: auto;
margin-right: auto;
top: 400px;
height:60px;
width: 625px;
text-align: left;
}
.instruction_box_2a{
font-family: "Times New Roman";
position: relative;
color: black;
margin-left: auto;
margin-right: auto;
top: 300px;
height:60px;
width: 625px;
text-align: left;
}
.instruction_box_2b{
font-family: "Times New Roman";
position: relative;
color: black;
margin-left: auto;
margin-right: auto;
top: 310px;
height:60px;
width: 625px;
text-align: left;
}
.instruction_box_3{
font-family: "Times New Roman";
position: relative;
color: black;
margin-left: 30px;
margin-right: auto;
top: 440px;
height:30px;
width: 595px;
text-align: left;
padding: 2px;
border-top: 1px solid black;
}
.instruction_box_3b{
font-family: "Times New Roman";
position: relative;
color: black;
margin-left: 30px;
margin-right: auto;
top: 390px;
height:30px;
width: 595px;
text-align: left;
padding: 2px;
border-top: 1px solid black;
}
.content_box{
position: relative;
top: 50px;
margin-left: 40px;
margin-right: auto;
width: 625px;
text-align: justify;
height: 1000px;
font-size:1.2em;

}
.content_box_drama{
position: relative;
top: 50px;
margin-left: 40px;
margin-right: auto;
width: 625px;
text-align: justify;
height: 1000px;
font-size:1.2em;
}
.heading_box_drama{
position: absolute;
height: 35px;
width: 595px;
top:100px;
left:0px;

}
.content_box_2{
position: relative;
top: 40px;
margin-left: 40px;
margin-right: auto;
width: 625px;
text-align: justify;
height: 1000px;
font-size:1.2em;
}
.centered_content_box{
position: relative;
text-align: left;
top: 50px;
margin-left:auto;
margin-right: auto;
width: 625px;
height: 965px;
text-align: left;
}
.centered_content_box_2{
position: relative;
text-align: left;
top: 115px;
margin-left:auto;
margin-right: auto;
width: 624px;
height: 225px;
text-align: left;
}
.centered_content_box_3{
position: relative;
text-align: left;
top: 340px;
margin-left:auto;
margin-right: auto;
width: 624px;
height: 325px;
text-align: left;
}
.centered_content_box_3a{
position: relative;
text-align: left;
top: 260px;
margin-left:auto;
margin-right: auto;
width: 764px;
height: 475px;
border:10px groove #D3D3D3;
text-align: left;
}
.centered_content_box_4{
position: relative;
text-align: left;
top: 85px;
margin-left:auto;
margin-right: auto;
width: 624px;
height: 156px;
text-align: left;
border: 1px solid black;
}
.column_1{
position: absolute;
top: 1px;
left: 0px;
width:208px;
height:225px;
text-align:left;
border:1px solid black;
padding-top:15px;
}
.column_2{
position: absolute;
top: -1px;
left: 208px;
width:208px;
height:225px;
text-align:left;
padding-top:15px;
border:1px solid black;
}
.column_3{
position: absolute;
top: -1px;
left: 416px;
width:208px;
height:225px;
text-align:left;
padding-top:15px;
border-top:1px solid black;
border-right:1px solid black;
border-bottom:1px solid black;
}
.column_4{
position: absolute;
top: 0px;
left: 0px;
width:208px;
height:325px;
text-align:left;
border:1px solid black;
padding-top:15px;
}
.column_1a{
position: absolute;
top: 1px;
left: 0px;
width:208px;
height:140px;
text-align:left;
border-right:1px solid black;
padding-top:15px;
}
.column_2a{
position: absolute;
top: -1px;
left: 208px;
width:208px;
height:142px;
text-align:left;
padding-top:15px;
border-right:1px solid black;
}
.column_3a{
position: absolute;
top: -1px;
left: 416px;
width:208px;
height:150px;
text-align:left;
padding-top:15px;
}
.column_4a{
position: absolute;
top: 0px;
left: 0px;
width:208px;
height:325px;
text-align:left;
border:1px solid black;
padding-top:15px;
}
.column_5{
position: absolute;
top: 0px;
left: 208px;
width:208px;
height:325px;
text-align:left;
padding-top:15px;
border-top: 1px solid black;
border-bottom: 1px solid black;
}
.column_6{
position: absolute;
top: 0px;
left: 416px;
width:208px;
height:325px;
text-align:left;
padding-top:15px;
border:1px solid black;
}
.divider{
position: absolute;
height: 2px;
width: 450px;
margin-right: auto;
margin-left: auto;
margin-top: 375px;
border:1px solid black;
}
.inner_box_1{
position: absolute;
height: 340px;
width: 600px;
left:0px;
top: 70px;

}
.inner_box_drama{
position: absolute;
height: 925px;
width: 600px;
left:0px;
top: 70px;

}
.inner_box_3{
position: absolute;
height: 340px;
width: 600px;
left:0px;
top: 50px;
}
.inner_box_1_conversation{
position: absolute;
height: 340px;
width: 600px;
left:0px;
top: 50px;
}
.inner_box_1_high{
position: absolute;
height: 340px;
width: 600px;
left:0px;
top: 40px;
}
.drill_box_1{
position: absolute;
height: 135px;
width: 625px;
left:0px;
top: 70px;
}
.drill_box_2{
position: absolute;
height: 180px;
width: 625px;
left:0px;
top: 230px;
}
.drill_box_3{
position: absolute;
height: 180px;
width: 625px;
left:0px;
top: 430px;
}
.drill_box_4{
position: absolute;
height: 180px;
width: 625px;
left:0px;
top: 630px;
}
.drill_box_5{
position: absolute;
height: 180px;
width: 625px;
left:0px;
top: 830px;
}
.inner_box_2{
position: absolute;
height: 450px;
width: 600px;
left:0px;
top: 480px;
}
.inner_box_2_conversation{
position: absolute;
height: 450px;
width: 600px;
left:0px;
top: 430px;
}
.puzzle_title{
position: absolute;
height: 25px;
width: 600px;
top:-25px;
left:0px;
}
.puzzle_references{
position: absolute;
height: 25px;
width: 600px;
top:990px;
left:0px;
}
.pink_gang_references{
position: absolute;
height: 25px;
width: 600px;
top:720px;
left:0px;
}
.puzzle_instructions{
position: absolute;
height: 55px;
width: 600px;
top:8px;
left:0px;
}
.analysis_instructions{
position: absolute;
height: 90px;
width: 620px;
top:50px;
left:0px;
}
.analysis_inner{
position: absolute;
height: 88px;
width: 525px;
top:0px;
right:0px;
}
.prepositionals_inner{
position: absolute;
height: 250px;
width: 525px;
top:0px;
right:0px;

}
.prepositionals_item_1{
position: absolute;
height:70px;
width: 600px;
top:350px;
left:20px;

text-indent: -20px;
line-height: 200%;
}
.prepositionals_item_2{
position: absolute;
height:45px;
width: 600px;
top:450px;
left:20px;

text-indent: -20px;
line-height: 200%;
}

.prepositionals_item_3{
position: absolute;
height:70px;
width: 600px;
top:525px;
left:20px;

text-indent: -20px;
line-height: 200%;
}
.prepositionals_item_4{
position: absolute;
height:70px;
width: 600px;
top:625px;
left:20px;


text-indent: -20px;
line-height: 200%;
}
.prepositionals_item_5{
position: absolute;
height:70px;
width: 600px;
top:725px;
left:20px;

text-indent: -20px;
line-height: 200%;
}
.prepositionals_item_6{
position: absolute;
height:70px;
width: 600px;
top:825px;
left:20px;

text-indent: -20px;
line-height: 200%;
}


.analysis_example{
position: absolute;
height: 100px;
width: 620px;
top:175px;
left:0px;
}
.analysis_item_1{
position: absolute;
height: 100px;
width: 620px;
top:320px;
left:0px;
}
.analysis_item_2{
position: absolute;
height: 100px;
width: 620px;
top:450px;
left:0px;
}
.analysis_item_3{
position: absolute;
height: 100px;
width: 620px;
top:580px;
left:0px;
}
.analysis_item_4{
position: absolute;
height: 100px;
width: 620px;
top:710px;
left:0px;
}
.analysis_item_5{
position: absolute;
height: 100px;
width: 620px;
top:840px;
left:0px;
}
.analysis_text{
font-family: "Times New Roman";
font-size: 16px;
text-align: left;
line-height: normal;
}

.analysis_clause{
margin-top: 0px;
}
.analysis_clause_2{
margin-top: 0px;
}
.analysis_clause_3{
margin-top: 18px;
}
.analysis_box{
border: 1px solid black;
padding: 2px;
}
.analysis_short_margin{
margin-bottom: 3px;
}
.underline{
text-decoration: underline;
}
.puzzle_key_text{
position: absolute;
height: 550px;
width: 600px;
top:95px;
left:0px;
text-align: justify;
line-height: 160%;
}
.cloze_text_box{
position: absolute;
height: 1000px;
width: 624px;
top:60px;
left:0px;
text-align: justify;
}
.cloze_text_box_2{
position: absolute;
height: 1000px;
width: 624px;
top:30px;
left:0px;
text-align: justify;
}
.cloze_text{
line-height: 200%;
}
.puzzle_box_1{
position: absolute;
height: 45px;
width: 620px;
left: 0px;
top: 90px;
}
.puzzle_box_2{
position: absolute;
height: 45px;
width: 620px;
left: 0px;
top: 145px;
}
.puzzle_box_3{
position: absolute;
height: 45px;
width: 620px;
left: 0px;
top: 200px;
}
.puzzle_box_4{
position: absolute;
height: 45px;
width: 620px;
left: 0px;
top: 255px;
}
.puzzle_box_5{
position: absolute;
height: 45px;
width: 620px;
left: 0px;
top: 310px;
}
.puzzle_box_6{
position: absolute;
height: 45px;
width: 620px;
left: 0px;
top: 365px;
}
.puzzle_box_7{
position: absolute;
height: 45px;
width: 620px;
left: 0px;
top: 420px;
}
.puzzle_box_8{
position: absolute;
height: 45px;
width: 620px;
left: 0px;
top: 475px;
}
.puzzle_box_9{
position: absolute;
height:45px;
width: 620px;
left: 0px;
top: 530px;
}
.puzzle_box_10{
position: absolute;
height: 45px;
width: 620px;
left: 0px;
top: 585px;
}
.puzzle_box_11{
position: absolute;
height: 45px;
width: 620px;
left: 0px;
top: 640px;
}
.puzzle_box_12{
position: absolute;
height: 45px;
width: 620px;
left: 0px;
top: 695px;
}
.puzzle_box_13{
position: absolute;
height: 45px;
width: 620px;
left: 0px;
top: 750px;
}
.puzzle_box_14{
position: absolute;
height: 45px;
width: 620px;
left: 0px;
top: 805px;
}
.puzzle_box_15{
position: absolute;
height: 45px;
width: 620px;
left: 0px;
top: 860px;
}
.puzzle_box_16{
position: absolute;
height: 45px;
width: 620px;
left: 0px;
top: 915px;
}
.puzzle_number_box{
position: absolute;
height: 30px;
width:30px;
left: 0px;
top: 0px;
border: 1px solid black;
}
.puzzle_text_box{
position: absolute;
height: 40px;
width:580px;
left: 40px;
top: 0px;
}
.puzzle_text_box_2{
position: absolute;
height: 710px;
width: 624px;
top:185px;
left:0px;
text-align: justify;
}
.puzzle_text_box_4{
position: absolute;
height: 770px;
width: 624px;
top:172px;
left:0px;
text-align: justify;
border-bottom: 1px solid black;
}
.puzzle_information{
position: absolute;
height: 90px;
width: 624px;
left:0px;
top:30px;
}
.puzzle_answer_key{
position: absolute;
height: 98px;
width: 624px;
left:0px;
top:55px;
border: 1px solid black;
}
.puzzle_information_inner{
position:absolute;
height: 88px;
width: 535px;
left: 94px;
top:0px;
}
.puzzle_key_reduced_margin{
margin-top:-10px;
padding: 5px;
}
.puzzle_key_padding{
padding: 5px;
}
.puzzle_information_key_inner{
position:absolute;
height: 88px;
width: 295px;
left: 0px;
top:0px;

}
.puzzle_information_key_inner_2{
position:absolute;
height: 88px;
width: 298px;
right: 0px;
top:0px;

}
.puzzle_answer{
position: absolute;
height: 90px;
width: 624px;
left:0px;
top:980px;

}
.puzzle_answer_inner1{
position: absolute;
height: 90px;
width: 311px;
left:0px;
top:0px;

}
.puzzle_answer_inner2{
position: absolute;
height: 90px;
width: 311px;
left:312px;
top:0px;
}
.puzzle_answer_text-align{
text-align:right;
}

.vocab_box{
text-align: left;
position: absolute;
height: 300px;
width: 200px;
margin-top: 135px;
right:0px;
border: 3px solid gray;
padding:4px;
}
.vocab_box2{
text-align: left;
position: absolute;
height: 400px;
width: 200px;
top: 245px;
right:0px;
border: 3px solid gray;
padding:4px;
}
.vocab_box3{
text-align: left;
position: absolute;
height: 690px;
width: 200px;
top: 245px;
right:0px;
border: 3px solid gray;
padding:4px;
}
.vocab_box4{
text-align: left;
position: absolute;
height: 745px;
width: 200px;
top: 245px;
right:0px;
border: 3px solid gray;
padding:4px;
}
.vocab_font{
font-size: 13px;
line-height: 110%;
margin-left: 3px;
color: gray;
text-align: left;
}
.bold{
font-weight: bold;
}
.italic{
font-style: italic;
font-size: 14px;
}
.italics{
font-style: italic;
}
.italic_larger{
font-style: italic;
font-size: 15px;
}
.italic_largest{
font-style: italic;
font-size: 16px;
}
.long_box{
height: 10px;
}
.border{
border: 1px solid black;
padding: 2px;
}
.easy_p{
font-size:16px;
}
.ho_item_p{
margin-left: 30px;
font-style:italic;
text-indent: -5px;
}
.ho_item_p2{
margin-left: 46px;
text-indent: -17px;
font-style:italic;
margin-bottom: 9px;
}
.ho_item_p2_a{
margin-left: 46px;
text-indent: -17px;
margin-bottom: 9px;
font-variant: small-caps;
}
.ho_item_p3{
margin-left: 56px;
text-indent: -17px;
font-style:italic;
margin-bottom: 9px;
}
.ho_item_p4{
margin-left: 76px;
text-indent: -14px;
font-style:italic;
margin-bottom: 9px;
margin-top:-9px;
}
.ho_item_p4_a{
margin-left: 76px;
text-indent: -14px;
font-variant: small-caps;
margin-bottom: 9px;
margin-top:-9px;
}
h1 {
color: black;
margin-left: 0px;
margin-top: 25px;
margin-bottom:14px;
font-size: 20px;
font-family:"Times New Roman";
}
h5 {
color: black;
margin-left: 0px;
margin-top: 0px;
margin-bottom:0px;
font-size: 20px;
font-family:"Times New Roman";
}
.high_heading{
margin-top: 15px;
}
h2 {
color:black;
margin-top:0px;
font-family: "Times New Roman";
font-size: 18px;
}


.drills_heading_box{
position: absolute;
height: 25px;
width: 625px;
top: 0px;
left:0px;
margin-bottom: 60px;

}
.handout_hdg2 {
margin-top:30px;
margin-bottom: 10px;
margin-left: 20px;
font-size: 17px;
}
.handout_hdg_3 {
margin-top:0px;
margin-bottom: 10px;
margin-left: 20px;
font-size: 17px;
}
.handout_hdg_3a {
margin-top:0px;
margin-bottom: 10px;
margin-left: 15px;
font-size: 17px;
}
h3 {
color:gray;
margin-top:-10px;
font-family: "Times New Roman";
font-size: 11px;
}
h4 {
color:gray;
margin-top:0px;
margin-bottom:10px;
font-family: arial;
font-size: 18px;
text-align: right;
font-family:"Times New Roman";
}
h6{
color:gray;
margin-top:-13px;
font-family: "Times New Roman";
font-size: 11px;
}
.smallcaps{
font-variant: small-caps;
font-size:16px;
font-style: normal;
margin-left: 0px;
}
.smallcaps_instructions{
font-variant: small-caps;
font-size:16px;
}
.credit{
font-style: italic;
font-size:12px;
margin-top: 4px;
text-indent: -10px;
line-height: 99%;
}
#banner_box {
color: gray;
font-style: italic;
position: relative;
top: 0px;
margin-left: auto;
margin-right:0px;
width: 634px;
height: 55px;
text-align: right;
border-bottom:1px solid red;
}
#extras_banner_box {
color: gray;
font-style: italic;
position: relative;
top: 0px;
margin-left: auto;
margin-right:150px;
width: 634px;
height: 42px;
text-align: right;
border-bottom:1px solid gray;
}
#drama_banner_box {
color: gray;
font-style: italic;
position: relative;
top: 0px;
margin-left: auto;
margin-right:0px;
width: 634px;
height: 42px;
text-align: right;
border-bottom: 1px solid gray;
}
#choice_banner_box {
color: gray;
font-style: italic;
position: relative;
top: 0px;
margin-left: auto;
margin-right:150px;
width: 634px;
height: 52px;
text-align: right;
border-bottom:1px solid gray;
}
#easy_banner_box {
color: gray;
font-style: italic;
position: relative;
top: 0px;
margin-left: auto;
margin-right:0px;
width: 634px;
height: 54px;
text-align: right;
border-bottom:1px solid #808080;
}
#credit_box {
color: #D3D3D3;
font-style: italic;
position: relative;
right: 0px;
margin-left: auto;
margin-right: auto;
width: 524px;
height: 40px;
text-align: left;
}