body {
	margin: 0;
	padding: 0;
	background: #221710 url(images/giraffeskin.jpg) ;
	font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #f3d9f4;
}

a {
	border-bottom: 1px dotted #8DC412;
	text-decoration: none;
	color: #df65d5;
}

a:visited {
	border: none;
	text-decoration: none;
	color: #df65d5;
}

a:hover {
	border-bottom: 1px dotted #8DC412;
	text-decoration: none;
	color: #95ebd5;
}

a:visited:hover {
	border-bottom: 0;
	text-decoration: none;
	color: #afceb5;
}

#header {
	width: 820px;
	height: 162px;
	margin: 0 auto;
	background: url(images/giraffetitle.jpg);
}

#header * {
	margin: 0;
	padding: 136px 0 0 5px ;
	font-size: larger;
}

#header.text {
	margin: 0;
	padding: 140px 0 0 5px ;
}

#bbt {
	width: 820px;
	height: 18px;
	margin: 0 auto; 
	background: url(images/bbtf.gif);
}

#bbt * {
	margin: 0;
	padding: 0;
}

#bbb {
	width: 820px;
	height: 18px;
	margin: 0 auto; 
	background: url(images/bbbf.gif);
}

#bbb * {
	margin: 0;
	padding: 0;
}

#content {
	width: 820px;
	margin: 0 auto;
	padding: 0 0 0 0;
	background-repeat: repeat-y;
	overflow:auto;
}


#colmid {
	float: left;
	width: 810px;
	background: #211507 url(images/back33.gif);
	background-repeat: repeat-y;
	padding: 5px 5px 5px 5px;
}

#colmid h2 {
	margin: 7px 0 15px 0;
	padding: 9px 0px 9px 0px;
	font-size: 2em;
	color: #d78fa9;
	text-align: center;
	background: #211507 url(images/back27.gif);
	background-repeat: repeat-y;
}

#colmid .image {
	text-align: center;
}

#colmid .text {
	margin: 5px 120px 45px 120px;
	padding: 10px 10px 10px 10px;
	background: #211507;
	border: 3px solid #905b6e;
	text-align: left;
}


#footer {
	clear: both;
	width: 156px;
	height: 20px;
	margin: 0 auto;
	padding: 30px 0 0 0;
	
}

#footer p {
	margin: 0;
	padding: 0;
	text-align: center;
	color: #ffffff;
	font-size: smaller;
	background: #221710 url(images/back26.gif) ;
}