p {
color: black;
font-size: 14px;
font-family:Arial;
margin-top: 0px;
margin-left: 7px;
margin-right: 16px;
line-height: 150%;
}
.bottomless{
margin-bottom: -10px;
}
.topless{
margin-top: 0px;
}
.short_top{
margin-top: -6px;
line-height: normal;
}
.note{
margin-top: 18px;
text-indent: 0px;
font-size: 12px;
line-height: 100%;
}
.very_short{
margin-top: -16px;
line-height: normal;
}
.small_font{
font-size: 12px;
}
.plus_lineheight{
line-height: 150%;
}
.underline{
text-decoration: underline;
}
.subtext{
margin-left:60px;
margin-right:60px;
margin-top:-6px;
font-size:13px;
line-height: 130%;
}
.nobold{
font-weight: normal;
}
.small_caps{
font-variant:small-caps;
font-size: 16px;
margin-top:20px;
}
.bold_indent{
font-weight: bold;
margin-left:75px;
margin-top:0px;
}
.esl_indent{
text-indent:-83px;
margin-left:90px;
}
.strike{
text-decoration:line-through;
}
.smallcaps{
font-weight: bold;
font-size: 16px;
font-variant:small-caps;
}
.smallcaps_nobold{
font-size: 16px;
font-variant:small-caps;
}

.plain_indent{
text-indent: 15px;
font-weight: bold;
}

.wrapper {
margin: 0 auto;
position: relative;
top: 0px;
width: 1000px;
height: 1320px;
}
.banner_box {
position: relative;
margin-left: auto;
margin-right: 0px;
top:0px;
width: 1015px;
height: 73px;
background: white;
}
#banner_topLeft {
position: absolute;
margin-left: 0px;
top: 0px;
width: 333px;
height: 34px;
background: #F2EAE1;
}
#banner_bottomLeft {
position: absolute;
top: 36px;
left: 0px;
width: 333px;
height: 34px;
background:  #D1D1D1;
}
#banner_topRight {
position: absolute;
top: 0px;
right: 0px;
width: 680px;
height: 34px;
background: #D1D1D1;
text-align: right;
}
#banner_bottomRight {
position: absolute;
top: 36px;
right: 0px;
width: 680px;
height: 34px;
background: #F2EAE1;
text-align: right;
}
#content_box {
position: relative;
top: 12px;
margin-left: auto;
margin-right: auto;
width: 960px;
height: 527px;
text-align: justify;
padding: 20px;
border:10px solid #D1D1D1;
}

.small_banner_font{
word-spacing: normal;
font-size: 13px;
}
.left_directory_box{
position: absolute;
width:312px;
height: 850px;
top: 0px;
left: 0px;
border-right: 1px solid green;
}
.right_directory_box{
position: absolute;
width:312px;
height: 850px;
top: 0px;
left: 312px;
}
.column{
position: absolute;
width: 2px;
height: 850px;
}
.col1{
left: 207px;
}
.col2{
left:415px;
}
.directory_hdg{
position: absolute;
width: 300px;
height: 30px;
top: 10px;
left:4px;
}
.directory_subhdg{
position: absolute;
width: 280px;
height: 300px;
left: 12px;
top:40px;
}
.d_subhdg1{
top: 30px;
left: 15px;
}
.d_subhdg2{
top: 30px;
left: 223px;
}
.d_hdg1{
left:10px;
}
.d_hdg2{
left:219px;
}
.d_hdg3{
left:427px;
}
.bold{
font-weight: bold;
}
.vocab_box{
position: fixed;
height: 265px;
width: 240px;
margin-top: 120px;
margin-left:-275px;
border: 1px solid gray;
}
.vocab_font{
font-size: 13px;
line-height: 110%;
margin: 8px;
color: gray;
}
.vocab_entry{
font-size: 13px;
line-height: 110%;
margin: 8px;
color: gray;
margin-right: 12px;
}
.acknowledgements{
margin-left: 25px;
font-style: italic;
font-size: 12px;
text-align: left;
line-height: normal;
}
#audio_box{
position: fixed;
margin-left: 700px;
width:155px;
height:180px;
top: 500px;
text-align: left;
}
#IEroot #audio_box{
position: absolute;
margin-left: 700px;
width:155px;
height:180px;
top: 500px;
text-align: left;
}
a{
color: #452C10;
}
a:visited{
color: #452C10;
}
a:hover{
color: gray;
}
.special_rmargin{
margin-right: 11px;
}
.fourteen{
font-size: 14px;
}
.gray{
color: #452C10;
}
.no_bottom{
margin-bottom: 0px;
color:gray;
font-size: 12px;
font-family: Arial;
margin-top: 0px;
margin-left:0px;
font-weight: bold;
}
.italic{
font-style: italic;
}
.indent{
margin-left: 50px;
margin-top:-4px;
font-size: 14px;
}
.indent_small{
margin-left: 50px;
margin-top:-4px;
font-size: 13px;
}
.indent_small_first{
margin-left: 50px;
margin-top:-12px;
font-size: 13px;
}
.double_indent{
margin-top:-10px;
margin-left: 100px;
font-size: 12px;
}
.double_indent_largetop{
margin-left: 100px;
font-size: 12px;
}
.double_indent_mediumtop{
margin-top:-6px;
margin-left: 100px;
font-size: 12px;
}

.double_indent_mediumtop_plussize{
margin-top:-6px;
margin-left: 100px;
font-size: 14px;
}


.double_indent_smalltop{
margin-top:-20px;
margin-left: 100px;
font-size: 12px;
}
.double_indent_large{
margin-top:-10px;
margin-left: 100px;
font-size: 14px;
}
.triple_indent{
margin-top:-10px;
margin-left: 127px;
font-size: 12px;
font-style: italic;
}

.12px_font{
font-size: 10px;
}



.a_item{
margin-left: 140px;
text-indent: -84px;
color:black;
}

.quote{
text-indent: 25px;
font-style: italic;
margin-bottom: 0px;
}
.small_bottom{
margin-bottom: 10px;
}
.small_top{
margin-top: -6px;
}
.quote_last{
text-indent: 25px;
font-style: italic;
}
.mistake{
text-decoration: line-through;
}
.explanation{
border: 2px solid #C4CCCC;
left:0px;
top: 0px;
width: 624px;
height:200px;
}
.code{
top:0px;
margin-top:100px;
width:624px;
height: 3750px;
border: 3px solid #E7E1D8;
}
.directory_p{
color: black;
margin-top:2px;
margin-bottom: 12px;
font-family: Arial;
text-align: left;
font-size:16px;
font-style: italic;
}
.subdirectory_p{
color: black;
margin-top:2px;
margin-bottom:0px;
font-family: Arial;
text-align: left;
font-size:14px;
}
p a {
text-decoration: underline;
color:black;
}
h3 a {
text-decoration: none;
color: gray;
}
h3 a:hover {
text-decoration: underline;
color: gray;
}
h4 a {
text-decoration: none;
color: black;
}
h4 a:hover {
text-decoration: underline;
color: black;
}
h4 a:visited {
text-decoration: underline;
color: black;
}
h1 {
color: gray;
margin-left: 7px;
margin-top: 9px;
margin-bottom:4px;
font-size: 14px;
font-family:Arial;
}
h2 {
color:black;
font-size: 16px;
font-family: Arial;
margin-top: 0px;
margin-left: 7px;
margin-bottom: 15px;
}
.small_entry{
margin-top:136px;
}
h3 {
font-size: 18px;
font-family: Arial;
margin-left: 7px;
font-size: 12px;
margin-top: 10px;
margin-right:8px;
word-spacing:.5em;
}
h4 {
color: black;
font-size: 28px;
font-family: Arial;
text-indent: 2em;
margin-top:25px;
}
#instruction_box{
position: absolute;
width: 624px;
top:30px;
height: 55px;
text-align: left;

}
#exercise_box{
padding-top: 30px;
position: absolute;
top: 100px;
width: 624px;
height: 1750px;
text-align: justify;
border-left: 1px solid silver;
border-right: 1px solid silver;
border-bottom: 1px solid silver;
border-top: 6px solid silver;
}
#exercise_border{
position: absolute;
top: 100px;
width:624px;
height: 4px;
background-color: silver;
}
#fixed_box{
position: fixed;
margin-left: 640px;
width:155px;
height:180px;
top: 450px;
text-align: left;
}
#IEroot #fixed_box{
position: absolute;
margin-left: 640px;
width:155px;
height:180px;
top: 450px;
text-align: left;
}
#fixed_box2{
position: fixed;
margin-left: 640px;
width:155px;
height:180px;
top: 450px;
text-align: left;
}
#IEroot #fixed_box2{
position: absolute;
margin-left: 640px;
width:155px;
height:180px;
top: 450px;
text-align: left;
}
#logo_box {
position: fixed;
margin-left: 700px;
top: 5px;
width: 75px;
height: 150px;
}
#IEroot #logo_box {
position: absolute;
margin-left: 700px;
top: 18px;
width: 75px;
height: 150px;
}
#submit_box {
position: fixed;
margin-left: 700px;
top: 400px;
width: 100px;
height: 25px;
}
#IEroot #submit_box {
position: absolute;
margin-left: 640px;
top: 400px;
width: 75px;
height: 25px;
}
#alert_box {
position: fixed;
margin-left: 700px;
top: 490px;
width: 100px;
height: 125px;
border: 3px solid #BB0000;
}
#IEroot #alert_box {
position: absolute;
margin-left: 640px;
top: 490px;
width: 75px;
height: 150px;
}