body 
  {
    margin: 30px;
    width: 750px;
  }
  

  h1
  {
    color: gray;
    size: larger;
  }
  
  
  h2
  {
    color: gray;
  }
  
  .red {
    color: red;
  }
  
  blockquote {
    margin-left: 30px;
    padding: 20px;
    background: lightYellow;
  }
  
  .error_msg {
    color: red;
    font-style: italic;
  }
  
  .main_header
  {
    padding-bottom: 20px;
    border-bottom: thin solid silver;
    margin-bottom: 20px;
  }
  
  .main_body
  {
    width: 750px;
  }
  
  #login_link
  {
    position: relative;
    left: 400px;
    top: 20px;
    color: #999;
  }
  
  #signup_link
  {
    position: relative;
    left: 380px;
    top: 20px;
    color: #999;
  }
  
  #account_link
  {
    position: relative;
    left: 625px;
    top: 20px;
    color: #999;
  }
  
  #play_pause {
   width: 700px;
   border-bottom: solid thin silver; 
   margin-bottom: 10px;
  }
  
  
  #play_pause_pic {
    position: relative;
    left: 150px;
    margin-top: 5px;
    margin-bottom: 25px;
    height: 80px;
  }
  
  #play_pause_text {
    position: relative;
    left: 300px;
    top: -60px;
    margin-top: 5px;
    margin-bottom: 25px;
  }
  
  .account_value {
    width: 250px;
    float: right;
    font: 80% 'Times', serif; 
    border: thin solid silver;
    height: 1.3em;
    padding-left: 10px;
  }
  
  .account_value a, .account_value a:link	{
    color: #444;
  	display:block; 
  	text-align:center; 
  	background: #FFF;
  	padding-left: 10px;
  	padding-right: 10px;
  	text-decoration: none;
  }
    
    
   .account_value a.active, .account_value a.active:link	{
    color: #444;
  	display:block; 
  	text-align:center; 
  	background: #FFF;
  	padding-left: 10px;
  	padding-right: 10px;
  	text-decoration: none;
  }

  .account_value a:hover	{
  	color: black;
  	background: lightYellow;
  	text-decoration: none;
  }    
  
  .account_article_title {
    width: 250px;
    overflow: hidden;
    text-align: left;
  }
  
  .account_article_edit_link {
    width: 350px;
    text-align: right;
    float: right;
  }
  
  
  
  
  
  #the_form_div {
    background: #D3D3D3;
    padding: 25px;
    border: solid thin gray;
    position: absolute;
    top: 750px;
    left: 160px;
  }

  
  #scroller {
    max-width: 750px;
    max-height: 400px;
    padding: 15px;
    overflow: auto;
  }
  
  .short_scroller {
    max-width: 750px;
    max-height: 200px;
    overflow: auto;
    border: thin solid #D3D3D3;
  }
  
  #main
  {
    border-top:; thin solid silver;
    border-bottom: thin solid silver;
    margin-bottom: 30px;
  }
  
  .Question {
    font-weight: bold;
    margin-bottom: 20px;
    padding-right: 15px;
  }
  
  
  .Answer {
    margin-bottom: 30px;
    padding-bottom: 10px;
    padding-right: 15px;
    border-bottom: thin solid #D3D3D3;
  }
  
  #indent
  {
    margin-left: 50px;
    padding-bottom: 20px;
  }
  
  #panels
  {
    min-height: 430px;
    text-align: left; 
    width: 650px; 
    font-size: large;
    margin-bottom: 20px;
  }
  
  .parenthetical
  {
    color: lightGray;
  }
  
  #limit_width
  {
    width: 300px;
  }
  
  .big_text 
  {
    font: 125% 'Arial', sans-serif; 
  }
  
  div.nav
  {
    width: 750px;
  }
  
  .nav ul.big li { 
  	float: left; 
  	list-style:none; 
  	width: 110px;
  } 
  
  .nav ul {
    width: 750px;
  }
  
  .nav ul li { 
  	float: left; 
  	list-style: none; 
  	width: 95px;
  } 
  
  .nav a, .nav a:link	{
    color: #666;
  	display:block; 
  	text-align:center; 
  	background: #EEE;
  	padding-left: 10px;
  	padding-right: 10px;
  	text-decoration: none;
  }

  .nav a.active, .nav a.active:link	{
    color: #666;
  	display:block; 
  	text-align:center; 
  	background: #EEE;
  	padding-left: 10px;
  	padding-right: 10px;
  	text-decoration: none;
  	border: thin solid gray;
  }

  .nav a:hover	{
  	color: black;
  	background: gray;
  	text-decoration: none;
  }