html, body 
  {
  	text-align:center;
  	background: url(/images/backgrounds/dita_redhair_sharp.jpg) bottom left no-repeat;
  	background-attachment: fixed;
  	background-color: #fff;
	height: 100%;
	font-family:Verdana;
	font-size: 10px;
  }
  
  #all
  {
	top: 50%;
  }
  
  #content {
	width:840px;
	margin:0px auto;
	text-align:left;
	border:1px solid #333;
	background-image:url(/images/backgrounds/bgtransparency.png);
  }
  
  #top {
  	width:840px;
  	height:18px;
  	margin:0px auto; 
  	margin-bottom: 0px;
  	margin-top: 5px;
  	text-align:center; 
  	padding:5px 0px 5px 0px;
  	border:1px solid #333;
  	background: transparent; 
  	background-color: #ccccff;
  	}
  
  #bottom {
  	width:840px;
  	height:17px;
  	margin:0px auto; 
  	margin-top: 0px;
  	text-align:center; 
  	padding:3px 0px 3px 0px;
  	border:1px solid #333;
  	background: transparent; 
  	background-color: #ccccff;
  	}
  
  .leftalign { 
     float: left; 
     margin-left: 10px; 
  } 
  
  .rightalign { 
     float: right; 
     margin-right: 5px;
     text-align: top;             
  }  
  
  #bottom a
  {
    color:black;
    text-decoration: none;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    font-weight:bold;
  }
  
  #bottom a:hover {color:#6600CC;}
  
  .menubits
  {
    margin:0px;
    color:black;
    text-decoration: none;
    font-family:Verdana;
    font-size:16px;
    font-weight:bold;
  }
  .menubits a:link { }
  .menubits a:visited { }
  .menubits a:hover { color:#6600CC;}
  .menubits a:active { }
/* begin dynamic CSS: the C stands for Cascade */

/*  

#mockup { background-color: #; }

#mock-mast { background-color: #; }

#mock-mast h1 { color: #; }

#mock-menu { background-color: #; }

#mock-menu h2 { color: #; }

#mock-menu ol { color: #; }

#mock-cont h2 { color: #; }

#mock-cont p { color: #; }

 end dynamic CSS */