/* Penscil Style Sheet -- rev. 2010-May-13 */
/* file = penscil.css                      */
<style type="text/css">  BODY {font-family: verdana, arial, helvetica, sans-serif;
	font-size: 62.5%
	}  
    
  body {
    font-family: verdana, arial, helvetica, sans-serif;
	font-size: 62.5%;
  }
	
  p {
    color: #039;
    line-height:normal;
    line-height:1.4em;
  }
  #rightJust {
    font-style:italic;
    text-align:right;
  }
  
  a:link {color:#039; text-decoration: none; border:none;}
  a:active {color:#039; text-decoration: none; border:none;}
  a:visited {color:#039; text-decoration: none; border:none;}
  a:hover {color:#099; text-decoration: underline;}
  
  a:link img {text-decoration:none; border:none;}
  
  h3 {
    color:#c33;
    font-size:1.4em;
    font-weight:bold;
  }
  h3 a:link {color:#c33; text-decoration: none;}
  h3 a:active {color:#c33; text-decoration: none;}
  h3 a:visited {color:#c33; text-decoration: none;}
  h3 a:hover {color:#099; text-decoration: underline;}
  
  h4 {
    color:#066;
    display:inline;
    font-size:1.2em;
    font-weight:bold;
  }
  h5 {
    color:#f60;
    font-size:1.2em;
    font-weight:bold;
  }
    
  #header {
    width: 605px;
	background: #099;
	position: absolute; 
    font-size: 1.2em;
    color: white;
    padding: .6em;
	border: solid #039;
    border-width: 1px 0;
  }
  
  #rtheader {
    width: 200px;
	background: #099;
	float: right;
    font-size: 1.2em;
	letter-spacing: .5em;
	font-weight: bold;
	text-align: right;
    color: white;
    padding: .6em;
	border: solid #039;
    border-width: 1px 0;
  }
  
  #info {
    position: absolute;
    left: 0;
    top: 4em;
    width: 120px;
    font-size: 1.1em;
    color: #039;
    padding: 6px;
  }
  #info ul {
    list-style-type:none;
    font-weight:bold;
    padding:0;
    line-height:normal;
  }
  #info ul ul {
    list-style-type:none;
    font-weight:normal;
    padding:.3em .5em;
    line-height:normal;
  }
  #info img {
    border: none;
  }
  
  #portrait {
    float:right;
    clear:both;
    margin:5px;
    margin-left:20px;
    border:1px #039 solid;
  }
  
  #leftPortrait {
    float:left;
    margin:5px 12px 5px 5px;
    border:1px #039 solid;
  }
  .noBorder {
    border:none;
  }
  
  #content {
    width:500px;
    left: 130px;
    background:#9cf;
    background-color:#cdd;
    background:#9cc;
    background:#ade;
    background:#cee;
    background-image:url(/images/Background2.jpg);
    background-repeat:no-repeat;
    background-position:0 3em;
    font-size:1.2em;
    border-left:130px white solid;
    padding: 8.5em 15px 1em 15px;
  }
  #content ul {
    list-style-type:square;
    line-height: 1.5;
  }
  #content table {
    color:#039;
  }
  
  #plainContent {
    width:645px;
    left: 130px;
    background:#9cf;
    background-color:#cdd;
    background:#9cc;
    background:#ade;
    background:#cee;
    background-image:url(/images/EyesBoggedSwamped675.jpg);
    background-repeat:no-repeat; 
    background-position:0 3em;
    font-size:1.2em;
    border-left:130px white solid;
    padding: 15em 15px 1em 15px;
  }
  #plainContent p {
    margin-right:145px; 
  }
  #plainContent ul {
    list-style-type:square;
    line-height: 1.5;
    margin-right:145px; 
  }
  #plainContent ol {
    line-height: 1.5;
    color:#039;
    margin-right:145px; 
  }

  #wideContent {
    width:645px;
    left: 130px;
    background:#9cf;
    background-color:#cdd;
    background:#9cc;
    background:#ade;
    background:#cee;
    background-image:url(/images/Background3.jpg);
    background-repeat:no-repeat; 
    background-position:0 3em;
    font-size:1.2em;
    border-left:130px white solid;
    padding: 9.5em 15px 1em 15px;
  }
  #wideContent p {
    margin-right:145px; 
  }
  #wideContent ul {
    list-style-type:square;
    line-height: 1.5;
    color:#039;
  }
  #wideContent table {
    color:#039;
  }
  
  #distractBox {
    width:460px;
    background-color:black;
    color:#ff0;
    font-size:0.9em;
    border:#039 3px outset;
    padding:10px;
  }
  #distractBox p {
    color:#ff0;
    font-size:0.9em;
  }

  .coins {background-color:black; border:#ff0 1px solid; color:#ccc; font-size:.8em; padding:2px; width:100%;}
  .labels {color:#ccc; border:#ccc solid 1px; text-align:left;}
  .penny {color:#f66; border:#ccc solid 1px;  }
  .nickel {color:#6f6; border:#ccc solid 1px;  }
  .dime {color:#66f; border:#ccc solid 1px;  }
  .quarter {color:#c9c; border:#ccc solid 1px;  }
  
  #recycleContent {
    width:645px;
    left: 130px;
    background:#cee;
    background-image:url(/images/Background3.jpg);
    background-repeat:no-repeat; 
    background-position:0 3.5em;
    border-left:130px white solid;
    padding: 10em 15px 1em 15px;
   }
  #recycleContent p {
    margin-right:155px; 
    font-size:1.1em;
  }
  #recycleContent ul {
    list-style-type:square;
    line-height: 1.5;
    color:#039;
  }
  
#boxTitle {
  font-family:Verdana, Arial, Helvetica,Geneva;
  font-size: 12px;
  font-weight:bold;
  text-align:center;
  color: #EFF8FA;
  }
#boxData {
  font-family:Verdana, Arial, Helvetica,Geneva;
  font-size:10px;
  text-align:center;
  vertical-align:middle;
  }
#boxDataLeft {
  font-family:Verdana, Arial, Helvetica,Geneva;
  font-size:10px;
  text-align:left;
  vertical-align:middle;
  }
#caption {
  font-size:10px;
  padding:0 10px 0 20px;
  position:relative;
  left:10px;
  }

  
  #leftInfo {
    width:140px;
    position:absolute;
    top:120px;
    left:145px;
    padding:10px;
    color: #039;
/*    border:#039 solid 1px; */
  }
  #leftCenterInfo {
    width:140px;
    position:absolute;
    top:120px;
    left:310px;
    padding:10px;
    color: #039;
/*    border:#039 solid 1px;  */
  }
  #rightCenterInfo {
    width:140px;
    position:absolute;
    top:120px;
    left:475px;
    padding:10px;
    color: #039;
/*    border:#039 solid 1px; */ 
  }
  #rightInfo {
    width:140px;
    position:absolute;
    top:120px;
    left:640px;
    padding:10px;
    color: #039;
/*    border:#039 solid 1px; */ 
  }
  
  #blueBox {
    width:130px;
    font-size:1.1em;
    font-weight:bold;
    color:white;
    text-align:center;
    background:#039;
    border:#039 solid 1px;
    margin-bottom:10px;
  }
  #blueBoxInner {
    width:124px;
    font-size:1em;
    font-weight:normal;
    border:none;
    text-align:center;
    background:#ddd;
    padding:3px;
  }
  #bluePulldown {
    font-size:1em;
    font-weight:normal;
    color:#039;
    border:inset 2px;
    margin:1px;
    background:#ddd;
  }
  #aquaBox {
    width:130px;
    font-size:1.1em;
    color:white;
    font-weight:bold;
    text-align:center;
    background:#099;
    border:#099 solid 1px;
    margin-bottom:10px;
  }
  #aquaBoxInner {
    width:124px;
    font-size:1em;
    font-weight:normal;
    border:none;
    text-align:center;
    background:#adf;
    padding:3px;
  }
  #aquaPulldown {
    font-size:1em;
    font-weight:normal;
    color:#039;
    border:inset 2px;
    margin:1px;
    background:#adf;
  }
  
  #rightBox {
    width:130px;
    position:relative;
    clear:both;
    font-size: 1.1em;
    font-weight: bold;
    line-height: 1.4em;
    color:#039;
    background:#ff0;
    border:#039 solid 1px;
  }
  #rightBoxInner {
    width:124px;
    background:white;
    border:none;
    text-align:left;
    line-height:normal;
    font-size: 1.0em;
    font-weight:normal;
    padding:3px;
  }
  #rightBoxAlone {
    width:124px;
    background:white;
    border:#039 outset 2px;
    text-align:left;
    line-height:normal;
    font-size: 1.0em;
    font-weight:normal;
    color:#039;
    padding:4px;
  }
  
  #footer {
    width: 605px; 
    position:absolute;
	background: #099;
    font-size: 1em;
    color: white;
    padding: .6em;
    margin:0px;
	border: solid #039;
    border-width: 1px 0;
   }
  
  #rtfooter {
    width: 200px; 
    float:right;
	background: #099;
    font-size: 1em;
	text-align: right;
    color: white;
    padding: .6em .6em .6em 0;
    margin:0px;
	border: solid #039;
    border-width: 1px 0;
  }
  
  
  #container {
	position: relative;
	width: 805px; /* real width */
	margin: auto;
  }
  
</style>