.banner_text{
margin-top: 6px;
font-size: 12px;
font-weight: bold;
word-spacing: 6px;
text-align: right;

margin-right:5px;
}
.left_directory_box{
position: absolute;
width:312px;
height: 850px;
top: 0px;
left: 0px;

}
.right_directory_box{
position: absolute;
width:312px;
height: 850px;
top: 0px;
left: 312px;
}

.vocab_box{
position: fixed;
height: 65px;
width: 240px;
margin-top: 390px;
margin-left:600px;
border: 1px solid gray;
}
.vocab_font{
font-size: 13px;
margin: 8px;
color: gray;
}
.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;
}
p a {
text-decoration: none;
color:black;
}
p a:hover {
color:gray;
text-decoration: underline;
}
.special_rmargin{
margin-right: 11px;
}
.fourteen{
font-size: 14px;
}
.gray{
color: gray;
}
.no_bottom{
margin-bottom: 0px;
color:gray;
font-size: 12px;
font-family: Arial;
margin-top: 0px;
margin-left:0px;
font-weight: bold;
}
#wrapper {
margin: 0 auto;
position: relative;
top: 0px;
width: 625px;
height: 1320px;
}
.italic{
font-style: italic;
}
.indent{
text-indent: 25px;
}
.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;
}
p {
color: black;
font-size: 14px;
font-family:Arial;
margin-top: 0px;
line-height: 150%;
}


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: black;
margin-left: 7px;
margin-top: 9px;
margin-bottom:4px;
font-size: 14px;
font-family:Arial;
}
h2 {
color:black;
font-size: 14px;
font-family: Arial;
margin-top: 26px;
margin-left: 0px;
margin-bottom: 20px;
}
h3 {
color:gray;
font-size: 13px;
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;
}
#banner_box {
position: relative;
margin-left: auto;
margin-right: auto;
top:0px;
width: 624px;
height: 63px;
background: white;
border: none;
}
#banner_topLeft {
position: absolute;
margin-left: 0px;
top: 0px;
width: 172px;
height: 34px;
background:  #92BACD;
}
#banner_bottomLeft {
position: absolute;
top: 36px;
left: 0px;
width: 172px;
height: 34px;
background: #DADAFF;
}
#banner_topRight {
position: absolute;
top: 0px;
right: 0px;
width: 450px;
height: 34px;
background: #DADAFF;
text-align: right;
}
#banner_bottomRight {
position: absolute;
top: 36px;
right: 0px;
width: 450px;
height: 34px;
background:  #92BACD;
text-align: right;
}
#content_box {
position: relative;
top: 50px;
margin-left: auto;
margin-right: auto;
width: 624px;
height: 1120px;
text-align: justify;
}
#instruction_box{
position: absolute;
width: 624px;
top:30px;
height: 55px;
text-align: left;
border: 1px solid red;
}
#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;
}