h3
{
border:1px #777777;
border-style:none none dotted none;
text-align: center;
font-family:"Century Gothic", "Trebuchet MS", Arial, sans-serif;
font-size: 120%;
font-weight: normal;
color: #000;
margin: 5px 0 10px 0;
padding: 0 0 3px 0;
}

h4
{
text-align: left;
font-family:"Century Gothic", "Trebuchet MS", Arial, sans-serif;
font-size: 80%;
font-weight: normal;
color: #000;
margin: 10px 0 5px 0;
padding: 0;
}

p
{
font-family:"Century Gothic", "Trebuchet MS", Arial, sans-serif;
font-size:80%;
text-transform:none;
color:#000;
}

ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-family:sans-serif;
}
li {
  margin: 0;
  padding: 5px 0;
}
li a {
  text-decoration:none;
  padding: 0px 0px 0px 22px;
  color: #888;
}
li a:hover {
  color: #222;
  background: url("images/smallgreenleaf.png") left no-repeat;
}
/* browser hack for IE 6 or before, due to bung alpha transparency with pngs */
* html li a:hover { background: url("images/smallgreenleaf_iebites.png") left no-repeat; }

li a:focus { color: black;}

a {
  text-decoration:none;
  color: #888;
}
a:link {color: #666}
a:visited {color: #888}
a:hover {color: #222}
a:active {color: #666}

img.slide {
  border:solid 1px #000000;
}

div.thumb {
  float:left;
  width:185px;
  height:185px;
  margin:0px;
  padding:0px;
}

/* thumbnail shadows ------------------------ */
.img-shadow {
  float:left;
  background: url(images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(images/shadow.gif) no-repeat bottom right;
  margin: 5px 0 0 5px !important;
  margin: 5px 0 0 5px;
}

.img-shadow a {
  display: block;
  position: relative;
  border: none;
  margin: -6px 6px 6px -6px;
  background:#fff;
  width:150px;
  height:150px;
  padding: 8px; /* increase for white border around image (inside the shadow) */ 
  text-align:center;
}
.img-shadow img {
  margin:0 auto;
  border: none;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

/* ------------------------------------------ */

.spacer {
  clear: both;
}

.error {
  color: red;
}

.speechbubbleprong {
  margin: 0px;
  padding: 0px;
  background: url('images/speechbubble.png') bottom left no-repeat;
  width: 511px;
  height: 80px;
  text-align: right;
}

.speechbubblebody {
	margin: 0px;
  padding: 5px;
  border-left:1px black solid;
  border-bottom:1px black solid;
  border-right:1px black solid;
  border-top:none;
  width:500px;
  height:200px;
  background-color:white;
}

.speechbubblebody textarea{
  width: 490px;
  height: 190px;
  border:none;
}