.triangle-border {
	position:relative;
	padding:10px 10px 10px 15px;
	margin:3em 0;
	border:solid 5px #c9e05e;
	color:#333;
	background:#fff;
	
	/* css3 */
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}

/* creates the larger triangle */
.triangle-border:before {
	content:"\00a0";
	display:block; /* reduce the damage in FF3.0 */
	position:absolute;
	bottom:-40px; /* value = - border-top-width - border-bottom-width */
	left:40px; /* controls horizontal position */
	width:0;
	height:0;
	border:20px solid transparent;
	border-top-color:#c9e05e;
}

/* creates the smaller  triangle */
.triangle-border:after {
	content:"\00a0";
	display:block; /* reduce the damage in FF3.0 */
	position:absolute;
	bottom:-26px; /* value = - border-top-width - border-bottom-width */
	left:47px; /* value = (:before left) + (:before border-left) - (:after border-left) */
	width:0;
	height:0;
	border:13px solid transparent;
	border-top-color:#fff;
}

.rectangle-speech-border {
	position:relative; 
	padding:50px 15px; 
	margin:1em 0 3em;
	border:10px solid #c9e05e; 
	text-align:center; 
	color:#333;
	background:#fff; 

	/* css3 */
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
}

#inlink { float: left; width: 500px; height: auto; margin: 0 0 0 30px; }
#inlink ul { margin: 0; padding: 10px 0; list-style: none; }
#inlink li { margin: 0; padding: 0; display: inline; list-style: none; }
#inlink a { text-decoration: none; color: #333; background-image: url(../images/dothover.gif); background-repeat: no-repeat; background-position: left center; display: block; margin-left: 5px; padding: 0.5em 1em 0.5em 2em; }
#inlink a:hover { text-decoration: none; color: #333; background-image: url(../images/dot.gif); background-repeat: no-repeat; background-position: left center; display: block; margin-left: 5px; padding: 0.5em 1em 0.5em 2em; }