
body {
	margin: 0;
	padding: 0;
	background: #221710 url(images/giraffeskin.jpg) ;
	font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #f3d9f4;
}



a {	
	border: none;
	text-decoration: none;
	color: #cdfbe5;
}

a:visited {
	border: none;
	text-decoration: none;
	color: #afceb5;
}

a:hover {
	color: #35eb85;
}

a:visited:hover {
	color: #afceb5;
}












a.b2 {  display: block; width: 32px; height: 32px; background: url("images/giraffe_32x64.png")
		0 -32px no-repeat; text-decoration: none; }
a:hover.b2 { background-position: 0 0; }
a.b3 {  display: block; width: 32px; height: 32px; background: url("images/links_32x64.png")
		0 -32px no-repeat; text-decoration: none; }
a:hover.b3 { background-position: 0 0; }
a.b4 {  display: block; width: 32px; height: 32px; background: url("images/addlink_32x64.png")
		0 -32px no-repeat; text-decoration: none; }
a:hover.b4 { background-position: 0 0; }

#title {	
	float: left;
	width: 810px;
	padding: 9px 0px 9px 0px;
	background: #211507 url(images/back27.gif);
	background-repeat: repeat-y;
}

#buttons {	
float: left;
width: 36px;
}



#titletext {
	float: left;
	font-size: 2em;
	color: #d78fa9;
	text-align: center;
	width: 666px;


}


#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 7px 0;
	padding: 7px 0px 7px 0px;
	font-size: 2em;
	color: #d78fa9;
	text-align: center;
	background: #211507 url(images/back27.gif);
	background-repeat: repeat-y;
}
#colmid h3{
	font-size: 1.3em;
	color: #f7d989;
	text-align: center;
}

#links {
	float: left;
	width: 790px;
	padding: 10px;
}

#left {
	float: left;
	width: 175px;
	text-align: right;
	padding: 2px 6px 0px 6px;
}

#right {
	float: left;
	width: 587px;
	text-align: left;
	padding: 2px 6px 0px 6px;
	overflow: hidden;
}


#submit {	
	float: left;
	width: 710px;
	padding: 5px 50px 5px 50px;
}


#footer {
	clear: both;
	width: 300px;
	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) ;
}