body {
  margin: 0px;
  padding: 0px;
  background-color: #C3C2CC;
  color: white;
  background-image: url(images/bg3_CHI.gif);
  background-repeat: repeat; 
  font: small Arial, Helvetica, Verdana, sans-serif;
}
/*  The wrapper has a background of purple
    The text is dark brown */
#wrapper {
	background-color: #66C;
	color: #330000;                   /* This text default is a dark brown */
	margin: 30px 20px 30px 20px;
	padding: 8px;	
	border: 1px solid #330000;	
}
#header {
        position: relative;  /* IE6 Bug Fix for Peek-A-Boo Bug */                          
}
#header-top {
	height: 1%;   /* IE6 and below Bug Fix for Height */	
}
#header-top ul {
	margin: 0;
	padding: 0 10px 0 0;
	text-align: right;
	font-size: 90%;
}
#header-top li {
	display: inline;
	background-color: #66C;
	color: #330000;
}
#tagline {
	font-weight: bold;
	background-color: #66C;
	color: white;
	font-style: italic;
	margin: 0px;
	padding: 0 0 0 20px;
	width: 325px;
	float: left;
	white-space: nowrap;
}
#header-middle {
        background-image: url(images/CHI_Logo.gif);
	background-repeat: no-repeat;
	background-color: #66C;
	color: white;
	padding: 0.5em 2em 0.5em 375px;	
	margin-top: 5px; 		
}
#header-middle h2 {	
	font-weight: bold;	
	text-align: left;		
	word-spacing:  0.1em;	
	padding: 1%;
	margin-top: 0.1em;
}
#header-middle p {
	font-size: 110%;
	font-weight: bold;
	text-align: left;	
	padding: 0%; 
	margin-bottom: 0px;	
}
#todays-date {   
  text-align: right;  
  padding: 1%;
  margin-top: 0.5em;
  color: #330000;
  font-weight: bold;
  white-space: nowrap;
  font-size: 90%;    
}
#main {  
  width: 100%;
  margin-top: 3px;
  background-color: #66C;
  color: #330000;
  padding: 0px;
  margin: 0px;
  border-top: 1px solid white;  
}
#content {
  margin: 0; 
  background-color: #66C;
  color: #330000;
  border-top: 0px none #330000; 
  padding: 0%;
}
#mainfeature {  
  background-color: #66C;
  color: white;
  padding: 0;
  margin: 0;  
  height: 1%;   /* IE6 and below Bug Fix for Height */  
}
#mainfeature h2 {
  margin: 0;
  font-weight: bolder;
  font-size: 150%;  
  padding-top: 0%;
  padding-left: 1%;
}  
#mainfeature p {
  font-size: 130%;
  font-style: italic;
  font-weight: bolder;
  margin: 0.5em 0 0.5em 0.5em;   
}
#handpicture p {
  text-align: center;  
}
#handpicture img.hand {
  border: 2px solid #CCCCCC;
  max-width: 480px;      
  padding: 0;  
}
#lovefeature {    
  background-color: #66C;
  padding: 0;
  margin: 0;
  width: 47px;
  height: 1%;   /* IE6 and below Bug Fix for Height */
}  
#lovefeature img.loveoneanother {
  border: 0px none #ffffff;
  width: 47px;
  height: 618px;       
  padding: 0 1px 0 0;
  margin: 0;        
}
#content .newsitems {  
  background-color: #66C;  
  margin: 2px 15px 10px 15px;
  padding: 2%;
}
#content .newsitems h2 {
  color: white;   
  font-size: 150%;  
  margin: 1% 2%;  
  text-align: center;
  font-style: italic;
}
#content .newsitems p {
  margin: 8px 5px 5px 5px;
  color: white;  
  font-size: 100%; 
  font-weight: bold;
  text-align: center;
}
 a.readmore:link {
   color: #66C;
   text-decoration: none;
 }
 a.readmore:visited {
   color: #66C;
   text-decoration: none;
 }
 a.readmore:hover {
 color: #66C;
 background-color:transparent;
 text-decoration: none;
 }
#content .intro {  
  background-color: white;
  border-top: 1px solid #330000;
  border-bottom: 1px solid #330000;
  border-left: 1px solid #330000;
  border-right: 1px solid #330000;
  margin: 2px 15px 10px 15px;
  padding: 1%;
}
#content .intro h2 {
  color: #330000;   
  font-size: 150%;
  padding-bottom: 0.2em; 
  margin: 1%;  
}
#content .intro ul.features {
  margin: 0 0 0 1%;
  padding: 0.2em 0 0.5em 1.5em; 
  font-weight: bold;
  color: #330000;
  list-style-image:  url(images/bullet_cross.gif);  
}
#content .intro li {
  font-size: 100%;
  font-weight: bold;
  padding: 0 0 0.5em 0;
}
#content .intro li a:link, #content .intro li a:visited {
  color: #330000;
  font-weight: bold;
}
#content .intro li a:hover {
  color: white;
  background-color: #330000;
  font-weight: bold;
}  
#content .intro p {
  color: #330000;  
  font-size: 100%; 
  font-weight: bold;
}
#sidebar2 {  
  width: 159px; 
  border-top: 0px none #330000; 
  background-color: #66C;
  color: white;
  margin: 0;
  padding: 0;  
}
#sidebar2 .inner {
  margin:  10px;
}
#sidebar2 p {
  font-size: 90%;
  color: white;
  font-weight: bold;
  padding-top:  0.5em;
}
#sidebar2 a:link, #sidebar2 a:visited {
  color: white;
  font-weight: bold;
}
#sidebar2 h3 {
  color: #330000;
  padding-bottom: 0.2em;
  border-bottom: 1px solid #330000;
  font-size:  110%;
}
#topnav {
  font-weight: bold;
  color: #330000;
}  
#topnav li a:link, #topnav li a:visited {
  color: #330000;
  text-decoration: none;
  font-weight: bold;
}
#topnav li a:hover {
  color: white;
  background-color: #66C;
}  
#nav {
  list-style: none;
  margin: 0;
  padding:  0;
}
#nav li {
  border-bottom: 1px solid #330000;
  padding: 0.4em 0 0.2em 0;
  font-size:  90%;
}
#nav li a:link, #nav li a:visited {
  text-decoration: none;
  color: white;
  font-weight: bold;
  display: block;
}
#nav li a:hover{
color: white;
background-color: #330000;
border: 1px none #330000;
}
#newsletterform .text {
  width: 135px;
  border: 1px solid #330000;
}
#newsletterform .searchbutton {
  text-align: right;
  margin-top: 4px;
}
#newsletterform .btn {
  border: 1px solid #330000;
  background-color: gray;
  color: white;
  font-size: 80%;
}
#footer {
	border-top: 1px solid #330000;
	border-bottom: 1px solid #330000;	
        color: #330000;	
	background-color: white;		
	width: 100%;	
	margin: 5px 0 0 0;	
	height: 1%;	/* IE6 and below Bug Fix for Height */	
}
#copyright {
        font-weight: normal;				
	text-align: center;
	color: #330000;	
	padding: 0.1em;
	margin: 0;
}
div.hr-dark-brown {	
	border-top: 1px solid #330000;
	margin: 0;	
	color: #330000;		
}
div.hr-dark-brown hr {
	display: none;	 
	width: 100%;
	height: 1px;	
}
table   {width: 100%; padding: 0; margin: auto;}
table td  {padding: 0; border-width: 0; vertical-align: top;}