#audio_box{
position: fixed;
margin-left: 640px;
width:155px;
height:180px;
top: 450px;
text-align: left;
}


#wrapper{
height:3000px;
}
.italic{
font-style: italic;
}
.indent{
text-indent: 25px;
}
.twelve_spaced{
font-size: 12px;
margin-top: 9px;
margin-right:25px;
word-spacing:.5em;
}
.twelve_spaced_2{
font-size: 12px;
margin-top: 12px;
margin-right:25px;
word-spacing:normal;
}
.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;
}
#content_box{
border:1px solid red;
}
p {
color: black;
font-size: 14px;
font-family:Arial;
margin-top: 0px;
margin-bottom: 12px;
margin-left: 7px;
margin-right: 16px;
line-height: 150%;
}
p a {
text-decoration: underline;
color:black;
}
h3 a {
text-decoration: none;
color: black;
}
h3 a:hover {
text-decoration: underline;
color: black;
}
h4 a {
text-decoration: none;
color: black;
}
h4 a:hover {
text-decoration: underline;
color: black;
}
h1 {
color: black;
margin-left: 7px;
margin-top: 5px;
margin-bottom:4px;
font-size: 16px;
font-family:Arial;
}
h2 {
color:black;
font-size: 14px;
font-family: Arial;
margin-top: 0px;
margin-left: 7px;
margin-bottom: 0px;
}
h3 {
color:black;
font-size: 13px;
font-family: Arial;
margin-top: 7px;
margin-left: 7px;
margin-right: 5px;
margin-bottom: 25px;
}
h4 {
color:black;
font-size: 12px;
font-family: Arial;
margin-top: 7px;
margin-left: 7px;
margin-right: 5px;
margin-bottom: 16px;
}
#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: 156px;
height: 32px;
background: #C4CCCC;
}
#banner_bottomLeft {
position: absolute;
top: 33px;
left: 0px;
width: 156px;
height: 42px;
background: #E7E1D8;

}
#banner_topRight {
position: absolute;
top: 0px;
right: 0px;
width: 466px;
height: 32px;
text-align: right;
background: #E7E1D8;
}
#banner_bottomRight {
position: absolute;
top: 33px;
right: 0px;
width: 466px;
height: 42px;
text-align: right;
background: #C4CCCC;

}
#content_box {
position: relative;
top: 50px;
margin-left: auto;
margin-right: auto;
width: 624px;
height: 2620px;
text-align: justify;
border: red;
}
#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: 18px;
width: 75px;
height: 150px;
}
#IEroot #logo_box {
position: absolute;
margin-left: 640px;
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;
}