body {text-align:center;
background-color: #FFF1D1;
color: black; 
font-family: Verdana;
}
ul { list-style-type: none; margin: 0; padding: 0 }
a {text-decoration: none}
#nav {
background-color: DimGray;
text-transform: uppercase 
}
#nav a { 
color: white;
font-weight: bold;
display: block;
padding: 8px 12px 8px 22px;
font-size: 82.5%;
}
#nav ul{
padding: 14px 0 0 0;
margin: 0;
list-style: none}
#nav li{
border-bottom: 1px solid #fff;
}
#nav a:hover {
color: #99BD3C;
}
table{
background-color: white
}
.rightclear{
clear: right;}
#pics, #nav, #content{
vertical-align: top;
}
#pics img{
padding-bottom: 2px;
}
p, h1, ul, h3  {
padding:0 20px;
}
h1  {
padding-top: 10px ;
}
#content p  { font-size: 82.5%; line-height: 1.2em;}
#content h1 { font-size: 0.9em }
#content a {color: #008800;
}
#content a:hover{color: #ab0f1d}
#content a:link {color: #008800}
#design, a {
color: DimGray;
padding-top: 12px;
 }
 #design span{
 color: black;}
img.border {border-bottom: 2px white solid; }
img { display: block; border: 0 }
.pad{
padding-bottom: 30px;
}
.studies a  { 
font-size: 82.5%;
display: block;
}
.studies li{
padding: 1px 0;

}
.box h3 { 
color: #adde0d; 
font-size: 0.9em; 
margin-bottom: 0; 
padding-bottom: 4px }
.box ul li{ 
font-size: 82.5%; 
background-image: url("img/arrow.gif"); 
background-repeat: no-repeat; 
background-position: 0 top; 
padding: 0 0 4px 14px;
}