body {
  margin: 30px 0px 20px;
  color: black;
  font-family: Verdana,Helvetica,Arial,sans-serif;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  background-color: #e0f0ff;
}
p.quote {
  margin: 0 0 0 0;
  padding: 0 5em 0 5em;
  font-style: italic;
}
p.attribution {
  margin: 0 0 1em 0;
  padding: 0 5em 0 10em;
}
a {
  color: #0066CC;
  font-weight: inherit;
  text-decoration: none;
}
img {
  border: 0px;
}
div#container {
  margin: auto;
  width: 738px;
  background-color:white;
}
#header {
	background: #99ccff url('http://healingselfinjury.org/images/header.gif') no-repeat bottom center;
	padding: 0; 
	height: 192px; 
	width: 738px;
	}
#headerimg 	{ 
	/* margin: 7px 9px 0; */
	height: 192px; 
	width: 100%;
	margin: 0
	} 
#headerimg .description {
	font-size: 1.3em;
	text-align: center;
	}

#headertext {
        margin: 0 0 0 167px;
        padding-top: 50px;
        }

#buttons {
    height: 3em;
	width: 738px;
	background-color: #77b027;
	margin: 0 0 30px 0;
	}

#buttons ul {
        list-style: none;
		padding:0px;
		margin: 0px;
		
	}

#buttons li {
	    list-style: none;
            margin:0;
            float: left;
            display: inline-block;
            text-align: center;
            height: 3em;
            padding: 1em 1.7em 1em 1.7em;
    }

#buttons a {
		margin:0;
        font-size: 1em;
        color: white;
        background-color: #77b027;
        font-family: 'Lucida Grande', Verdana, Helvetica, Arial, sans-serif;
}
#buttons a:hover {
	text-decoration: underline;
	}

.footer p {
  padding: 5px 0;
  text-align: center;
  font-size: 10px;
  font-style: italic;
  background: #99ccff; 
  border: none;
  color: #003399;
  width: 100%;
  clear: both;
}
.footer a {
 color: #9c23b0;
 font-size: inherit;
}
div#content_container {
  margin: 0 auto;
  width: 700px;
}
div#left_panel {
  width: 500px;
  float: left;
}
div#right_panel{
  margin: 40px 0 0 10px;
  width: 160px;
  float: right;
}
.right_panel_menu {
 margin: .5em 0 .5em;
 padding: 4px 5px;
 background-color: #9a23b0;
 font-size: 100%;
 color: white; 
 line-height:1.5em;
}
.top {
 float: right;
 text-decoration: underline;
}
h1 {
	font-family: 'Palatino Linotype', 'Book Antiqua', 'Palatino', serif;
    font-size: 4.5em;
	text-align: center;
	color: white;
	margin: 0;
}
h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
	text-decoration: none;
	color: white;
	}
h2 {
   font-family: 'Lucida Grande',verdana,helvetica,arial,sans-serif;
   font-size: 24px;
   color: black;
   font-weight: bold;
   margin:0;
}
h3 {
   font-family: Verdana,Helvetica,Arial,sans-serif;
   font-size: 20px;
   color: black;
   font-weight: inherit;
}
h4 {font-family: Verdana,Helvetica,Arial,sans-serif;
   font-size: 18px;
   color: black;
   font-weight: bold;
}
ul {
   line-height: 1.2em;
}
ul li {
   margin: 10px 0 0 0;
   list-style-image: url(images/arrow.gif);
}
ul ul li {
   list-style-image: none;
   list-style-type: disc;
}
hr {
   border: 0;
   color: #77b027;
   background-color: #77b027;
   height: 4px;
}