/* Stripped CSS for erclc.org site */

body, html{
  margin: 0px;
  padding: 0px;                /* to remove any defaults */
  background-color: #FFFFCC;
  font-family: "Times New Roman", Times, serif;
  font-size: 1em ;
}

#body-block{          /* Container for header, content, and footer */
  position: absolute;
     width: 760px;
     margin-left: 0px;
     margin-top: 0px;
     padding: 0px;
  background: url(images/blueparchment.jpg);
  /*  border: 1px solid red; */
}

#image-page-container{
  position: absolute;
     width: 1114px;
     margin-left: 0px;
     margin-top: 0px;
     padding: 0px;
}

#erclc-image-block{
  margin: 0px;
  padding: 0px;
  width: 1114px;
/*border: 1px solid red; */
 /* clear: both; */
}

#image-page-container-shanghai{
  position: absolute;
     width: 2700px;
     margin-left: 0px;
     margin-top: 0px;
     padding: 0px;
}

#shanghai-image-block{
  margin: 0px;
  padding: 0px;
  width: 2700px;
/* border: 1px solid red;*/
}


#inner-body-block{
     width: 760px;
     margin: 0px;
     padding: 0px;
  border-bottom: 1px solid #CCFFFF;
  background: url(images/blueparchment.jpg);

}


#body-block-continuation{          /* Container for header, content, and footer */
     width: 760px;
     margin: 0px;
     padding: 0px;
  background: url(images/blueparchment.jpg);
  border-top: 1px solid #CCFFFF;;
 /*  border: 1px solid blue; */

}

#header-block{
  margin-top: 0px;
  width: 760px;
  margin-left: 0px;
  margin-top: 0px;
  height: 50px;
  background: none;
 /* border: 1px solid green; */
}


#content-block{

  margin-left: 10px;
  margin-top: 10px;
  width: 740px;
  margin-bottom: 10px;
 /* border: 1px solid blue; */
  background: none ;
}

#footer{
  width: 760px;
  margin-bottom: 0px;
  margin-top: 0px;
  background-color: #040464;
  text-align: center;
  line-height: normal;
}

#column-container-block{
  margin-left: 30px;
  margin-top: 20px;
  width: 730px;
 /* border: 0px;   */
}


#staff-photo-block{
  width: 240px;
  margin-top: 0px;
  margin-left: 0px;
  margin-bottom: 0px;
  float: left;
}

#staff-photo{
  width: 200px;
  margin-top: 20px;
  margin-left: 30px;
  margin-bottom: 0px;
}

.balanced{
  margin-left: auto;
  margin-right: auto;
}


.right-caption{
  font-family: "Times New Roman", Times, serif
  font-weight: bold;
  width: 470px;
  margin-top: 90px;
  float: left;
}

#hacker{
  float: right;
  width: 107px;
  margin-top: 0px;
  margin-left: 20px;


}

.caption{
  font: 0.7em Arial, Helvetica, sans-serif;
  font-weight: bold;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
}

.left-column{
  text-align: left;
}

.centered-half-column{
  text-align: center;
  margin-left: 150px;
  margin-right: 150px;
}


.centered-column{
  text-align: center;
  margin-left: 30px;
  margin-right: 30px;
}

.centered-wide{
  text-align: center;
}


.clear{
  clear: both;
}


h1, h2, h3, h4{
  font-family: "Times New Roman", Times, serif;
  padding: 0px;
  margin-top: 0px;
  text-align: center;
}

.red-letters{
  color: red;
}

.horiz-rule{
   text-align: center;
   color: #000066;
}



#content-block a:link{
  text-decoration: underline;
  color: #3300CC;
  font-weight: normal;

}

#content-block a:visited{
  text-decoration: underline;
  color: #3300CC;
  font-weight: normal;

}

#content-block a:hover{
  text-decoration: underline;
  color: #FF9900;
  font-weight: normal;

}

#content-block a:active{
  text-decoration: underline;
  color: #FF9900;
  font-weight: normal;

}

#footer h4{
/*  margin-top: 20px;
  margin-bottom: 20px;*/
  font-family: Arial, Helvetica, sans-serif;
  font-style: italic;
}

#footer h3{
/*  margin-top: 20px;
  margin-bottom: 20px;*/
  font-family: Arial, Helvetica, sans-serif;
  font-style: italic;
}

#footer p, #footer a{
  font-family: Arial, Helvetica, sans-serif;
  font-style: italic;
  color: #FFCC04;
}

#footer a:link, #footer a:visited{
  text-decoration: underline;
  color: #FFCC04;
}

#footer a:hover, #footer a:active{
  text-decoration: underline;
  color: #FFFF99;
}

/* Alsett clearning Method*/
.clearfix:after{
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix{ /*Mac IE fix*/
  display: inline-block;
}
* html .clearfix{
  height: 1%;
}
.clearfix{ /*The Holly hack for a bug in IE6 for Windows*/
  display: block;
}
/* End: Alsett clearning Method*/

#bar-blue{
  color: #34fcfc;
  height: 25px;
  width: 100%;
}

#bar-green{
  color: #34fc9c;
  height: 25px;
  width: 100%;
}

#bar-yellow{
  color: #fcfc04;
  height: 25px;
  width: 100%;
}

#bar-gold{
  color: #fccc04;
  height: 25px;
  width: 100%;
}

#bar-purple{
  color: #fc649c;
  height: 25px;
  width: 100%;
}

#bar-violet{
  color: #cc9cfc;
  height: 25px;
  width: 100%;
}