  <style type="text/css">

  
  @media tty {
   i{content:"\";/*" "*/}} * html #container { height: 1%; } /*";}
  }/* */
  /* Styling for editable elements. Eventually, this will be part of the style. */
  .editable {
    border: 1px dashed blue;   }
  
  #footer {
    clear: both; }
  
  /* Extra divs hidden by default. The custom CSS can override this though */
  #extraDiv1, #extraDiv2, #extraDiv3, #extraDiv4, #extraDiv5, #extraDiv6 {
    display: none;
  }
  
  a img,:link img,:visited img {border: none;}

 

 
 
  h1,h2,h3,h4,h5,h6,pre,code,p {font-size: 1em;}
  dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin: 0; padding: 0;}
  a img,:link img,:visited img {border: none;}
  address {font-style: normal;}/*
 	
  p, td {
  	line-height: 1.8em;
  }

  code, kbd {
  	font-size: 1.25em;
  }

 

  @media tty {
   i{content:"\";/*" "*/}} td { font-size: 0.8em; } /*";}
  }/* */





  #sidebar {
    float: left;
    width: 230px;
  }

  

body {text-align: center;
  	font: 90%  'Cochin',  Verdana, sans-serif;
  	color: #444;
  	background: #ffc;
  	margin: 0;
  	padding: 0; }

#container {
  	background-color: #ffc;
  	border-color: #fff;
      width: 55em;
      text-align: left;
      margin: 0 auto;
      padding-top: 1px;   }



  blockquote {
  	margin: 1em 2em;
  	font-style: italic;
  }
  caption {
  	font-weight: bold;
  	color: #444;
  	background: #ccc;
  	border-bottom: 0;
  	padding: 0.3em 1em;
  }
  
  hr {
  	margin: 2em 0;
  	color: #C7C7C7;
  	background: #C7C7C7;
  	border-color: #C7C7C7;
  	border-style: none;
  	height: 1px;   }

img {padding: 0 10px 0 0; border: 0; }
  


  
  #header {
  	color: #888;
  	padding: 0;
  	margin: 0 0 0 0; }

  #main-content {
    text-align: left;
    float: right;
    width: 502px;  }

    #footer {
  	color: #888;
      text-align: center;
  	border-bottom-color: #fff;
      width: 55em;
    	clear: all;
  	padding: 0 1em 1em 1em;
  	border-bottom: solid 3px #777;
  	margin-bottom: 1px;   }

	

  p {margin: 1em 0;
  	line-height: 1.5;   }

  h1, h2, h3, h4, h5, h6,  p.description {
  	font-family:  'Cochin', 'Times New Roman', 'serif';   }

  h1 { color: #444444;
  	font-size: 2em;
  	letter-spacing: 0em;
  	font-weight: bold;
  	padding: .5em 0 0 0;   }
   
  h2 { margin: 0 0 0.5em 0;
  	color: #777;
      font-style: italic;
  	font-size: 1.5em;
      line-height: 1.4em;      
      letter-spacing: 0.05em;
  	font-weight: normal;
  	border-bottom: double 3px #C7C7C7;
  	padding: .5em 0 0.4em 0;   }

  h3 {  	font-size: 1.2em;
  	background: #eee;
      line-height: 1.9em; 
  	border: dotted 1px #C7C7C7;
  	padding: 0.2em; }

  h4 {  	font-size: 1.2em;
      line-height: 1.9em; 
  	padding: 0.2em; }

  #sidebar h3 {
  	margin: 0;
  	color: #777;
      text-align: left;
  	background: none;
  	font-size: 1.2em;
  	font-weight: normal;
  	border: none;
  	padding: .5em 0 0 0;   }



a:link {color: #000000; background-color: #e7fcfe; text-decoration: none;}

a:visited { color: #333; background-color: #f6ffea; text-decoration: none; }

 
a:hover {
    	text-decoration: none;
  	border-bottom: 1px dotted #bb242d;
  	background-color: #e0e0e0;
      color: #666; }

#quote
{padding: .5em;
 float: left;
clear: both;
width: 450px;
font-size:90%;
line-height:1.5em;
background-color: #eaf3fa;
border-bottom: 1px solid gray;}

#who
{margin-left: 470px;
font-weight:bold;
font-size:75%;
clear: both;
line-height:1.3em;}

.frame {
width:100;
margin-left: auto;
margin-right: auto;
position:center;
border-style: solid;
border-width:1px;
font-size:95%;
line-height:1.5em;
font-size: 100%;
background-color:#ffffff;
padding:20px; }



  <!-- Hack to avoid flash of unstyled content in IE -->
  <script> </script>
