body {
text-align:center;
}
p {
color: black;
position: relative;
font-size: 68%;
font-family:Arial;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
line-height: 130%;
}
.notop{
margin-top: 0px;
}
.italic{
font-style:italic;
}
.long_key_item_box{
position: absolute;
height: 180px;
width: 673px;
top: 50px;
border: 1px solid green;
}
.long_key_original{
position: absolute;
height: 20px;
width: 673px;
top: 0px;
left:0px;
border: 1px solid blue;
}
.long_key_correction{
position: absolute;
height: 20px;
width: 658px;
top: 26px;
left:30px;
border: 1px solid green;
}
.long_key_comment{
position: absolute;
width:633px;
left: 0px;
border: 2px solid blue;
}
.height_2{
20px;
}
.height_10{
height:100px;
}
.top_4{
top:40px;
}
.top_5{
top:50px;
}
.long_key_text{
font-size:14px;
}
.green{
color: green;
}
.instructions{
color: gray;
margin-top:0px;
font-size: 13px;
font-style: italic;
}
.banner_text{
margin-top: 9px;
font-size: 12px;
font-weight: bold;
word-spacing: 6px;
text-align: right;
margin-right:5px;
}
.correction_box{
position: relative;
height: 50px;
width: 500px;
left: 0px;
border: 1px solid #D5F1D8;
}
.border{
border:  3px solid #D5F1D8;
font-family: courier;
font-size:15px;
}
.item{
font-size:86%;
text-indent: -28px;
margin-bottom: 26px;
margin-top: 38px;
margin-left: 22px;
line-height: 130%;
}
.first{
margin-top:22px;
}
.item10{
font-size:86%;
margin-bottom: 30px;
text-indent: -31px;
}
.smallcaps{
font-weight: bold;
font-size: 17px;
font-variant:small-caps;
}
.small_spacing{
word-spacing: -1px;
}

h1 {
color: gray;
margin-left: 5px;
margin-top: 5px;
font-size: 16px;
font-family:Arial;
margin-right: 5px;
}
h2 {
color:black;
font-size: 15px;
font-family: Arial;
margin-top: 20px;
margin-left:0px;
margin-bottom: 16px;
}

h2 a{
text-decoration:none;
color: gray;
}
h2 a:hover{
text-decoration:underline;
color: black;
}
h3 {
color:black;
font-size: 12px;
font-family: Arial;
margin-top: 7px;
margin-right: 5px;
}
h4 {
color:black;
font-size: 70%;
font-family: Arial;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 5px;
font-weight:bold;
}
h1 a {
text-decoration: none;
}
h1 a:hover{
text-decoration: underline;
}
.list{
text-indent:-10px;
font-weight: bold;
margin-top:0px;
margin-bottom: 0px;
margin-left: 10px;
}
.twelve{
font-size: 12px;
}
.fourteen{
font-size: 14px;
}
.sixteen{
font-size: 16px;
}
.twelve_spaced{
font-size: 12px;
margin-top: 7px;
margin-right:5px;
word-spacing:.5em;
}
.story_credit{
font-style: italic;
text-indent: 10px;
}
.online{
margin-top: 1pt;
margin-bottom:6pt;
font-style: italic;
margin-left: 25pt;
font-size: 8pt;
display:none;
}
.gray_italic{
font-style: italic;
color: gray;
margin-top: 12px;
}
.no_bottom{
margin-bottom: 0px;
color:grey;
font-size: 12px;
font-family: Arial;
margin-top: 0px;
margin-left:0px;
font-weight: bold;
}
.hi-lite{
background: #CCFFFF;
}
.green_back{
background-color: lime;
text-align: center;
font-size: 14px;
}
.red_back{
background-color: red;
text-align: center;
font-size: 14px;
}
.white_back{
background-color: white;
text-align: center;
font-size: 14px;
}
.yellow_back{
background-color: yellow;
text-align: center;
font-size: 14px;
}
.indent{
margin-left: 40px;
margin-right: 40px;
margin-top: -12px;
}
#wrapper {
margin: 0 auto;
position: relative;
top:4px;
width: 725px;
height: 1700px;
background: white;
border: 1px solid blue;

}
#banner_box {
position: relative;
margin: 0 auto;
top:0px;
width: 674px;
height: 95px;
background: white;

}
#banner_topLeft {
position: absolute;
margin-left: 0px;
top: 0px;
width: 146px;
height: 34px;
background:  #D5F1D8;
text-align: left;
}
#banner_bottomLeft {
position: absolute;
top: 36px;
left: 0px;
width: 146px;
height: 34px;
background: #E0E4CC;
text-align: left;
}
#banner_topRight {
position: absolute;
top: 0px;
right: 0px;
width: 525px;
height: 34px;
background: #E0E4CC;
text-align: right;
}
#banner_bottomRight {
position: absolute;
top: 36px;
right: 0px;
width: 525px;
height: 34px;
background:  #D5F1D8;
text-align: right;
}
#logo_box {
position: fixed;
margin-left: 725px;
top: 5px;
width: 75px;
height: 150px;
}
#IEroot #logo_box {
position: absolute;
margin-left: 640px;
top: 18px;
width: 75px;
height: 150px;
border: 1px solid green;
}
#audio_box{
position: fixed;
margin-left: 745px;
width:100px;
height:50px;
top: 450px;
text-align: center;
border: 3px solid #D5F1D8;
}
#IEroot #audio_box{
position: absolute;
margin-left: 640px;
width:100px;
height:50px;
top: 450px;
text-align: center;
border: 3px solid #D5F1D8;
}
#instruction_box {
position: relative;
top: 7px;
margin-left: auto;
margin-right: auto;
width: 674px;
height: 75px;
text-align: justify;

}

#content_box {
position: relative;
top: 30px;
margin-left: auto;
margin-right: auto;
width: 674px;
height: 750px;
text-align: justify;
border: 1px solid green;
}