body { 
	margin:0;
	padding:0; 
	font: 80% Arial, Sans-Serif; 
	color:#000000;
	background: #ffffff url(bg.jpg) repeat-y;
	line-height: 1.4em; 
}


.content { 
	background: #FFF url(bgmain.jpg) repeat-y center;
	color:#000000;
	margin: 0 auto; 
	padding: 0; 
	width: 780px;
}

/* HEADER 
---------------------------------------------------------------------------------------------------------------------------------*/

/* images */
img {
	border: 1px solid #fa7001;
	padding: 5px;	
}
img.no-border {
	border: none;
}
img.float-right {
  margin: 5px 0px 5px 15px;  
}
img.float-left {
  margin: 5px 15px 5px 0px;
}
/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  {	text-align: left; }
.align-right {	text-align: right; }

#header { 
	margin: 0; 
	width: 780px; 
	background: #e2d76b url(factsaboutanimals.jpg) no-repeat center top;  
	height:120px; 
}
#heading { 
	margin: 0; 
	width: 780px; 
	background:url(title-bg.jpg);
	height:40px; 
}

#heading h1 {
		font-family: Verdana, Helvetica, sans-serif;
		font-size: 22px; 
		font-weight: bold;
		margin-top:0px;
		padding-left:20px;
		padding-top:5px;
		color:#000000;
}
#header .f_search { float: right; padding: 70px 50px 0 0; }
#header .title {	padding: 45px 0 0 50px; }


#header h2 {
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 12px; 
		background-image: none;
		color: #A90000;
		margin: 0;
		padding: 0 0 0 2px;
}


/* SUBHEADER 
---------------------------------------------------------------------------------------------------------------------------------------------------*/
#subheader { 
	background: #A90000 url(bgmenu.jpg) repeat-y center;
	width: 787px;
	height: 50px;
	background-color: #A90000;
	color: #FFF;
}
#subheader h1 {
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 22px; font-weight: bold;
		margin-top:142px;
		margin-left:20px;
		padding: 0; 
}
#subheader .padding { padding: 10px 15px 10px 15px; }
#subheader h2 { color: #FEAB06; }
#subheader a {color: #FECF5F; }



/* NAVIGATION
---------------------------------------------------------------------------------------------------------------------------------------------------*/
.nav 
{ 
	text-align: left; 
	color:#7D8085; 
	padding: 0px 0 0 0px; 
	width: 255px;
	background:#a1ee69;
	padding-left:0px;
}
.nav li { 
	font-weight: bold; 
	margin: 0px 0 0px 0px; 
	padding: 0px 0 0px;
	border-bottom: 1px dashed;
	height: 30px;
}
.nav li a { color:#000000; text-decoration: none;  padding: 5px 0 0 10px; display: block; height: 30px;}
.nav li a:hover { color: #FFF; text-decoration: none; background:#7fb955; display: block; height: 30px;}


/* MAIN
---------------------------------------------------------------------------------------------------------------------------------------------------*/
#main 
{
	width: 780px;
	color: #808080;
	background:url(lt-bg.jpg) repeat-y;
}
#main .left_side 
{ 
	padding:0px 0 0 10px; 
	margin:0;
	width: 255px;
	min-height:inherit; 
}

#main .left_side .hitems 
{ 
	margin: 0; 	
	padding: 0; 
}
#main .left_side .hitems ul 
{ 
	margin: 0px 0 0px 0; 
	padding : 0; 
	color: #a90000;
	list-style-image: url(arrow.gif);
}
	
#main .left_side .hitems li 
{ 
	margin: 0 0 2px 0px;
	padding: 0 0 0 0px;
	color: #555;
}

#main .right_side 
{
	float: right; 
	width: 460px;
	height:auto;
	padding:10px 25px 10px 15px; 
	margin:0;
	line-height:25px;
}

#main strong 
{
	font: 13px, Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	margin: 0 0 0px 0; 
	padding: 0; 
	color:#000000;
	border-bottom: 1px solid #336600;
}
#main h3 
{
	font: 15px, Arial, Sans-Serif;
	font-weight:bold;
	margin: 0 0 0px 0; 
	padding: 0; 
	color:#000000;
	background: inherit; 
	border-bottom: 1px solid #FEAB06;
}

#main .box
{
	background:#FFFFCC;
	padding: 10px; 
	border: 1px solid #ccc;
	color:#000000;
}

#main .right_side ul { 
	margin: 5px 0 5px 0; 
	padding : 0; 
	list-style : none; 
	border-bottom: 0px solid #eee; 
	list-style-type: square;
	color:#000000;
}
	
#main .right_side li { 
	margin: 0 0 2px 15px;
	padding: 0 0 0 0px;
	color:#000000;
	font-size:12px;
}



/* FOOTER
---------------------------------------------------------------------------------------------------------------------------------------------------*/
#footer { 
	clear:both;
	height: 55px;
	color:#000000;
	background:url(footer-bg.jpg);
	font-size:12px;
	padding-top:10px;
	text-align:center;
	border-top-style:solid;
	border-top-width:5px;
	border-top-color:#54a524;
}

#footer .padding { padding: 0px 0px 0px 0px; }
#footer .right { 
	float:right; 
	clear:right; 
	text-align:right; 
}

p
{ 
	margin: 0 0 0px 0; 
	padding: 0; 
	color:#000000;
}

a
{
	color:#000000;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif; 
	text-decoration:underline;
}

a:hover { color:#009900; background: inherit; text-decoration:none; }


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


ul
{
	margin: 0 0 0px 0; 
	padding : 0; 
	list-style:none;
	color:#000000;
}

li 
{ 
	margin: 0 0 2px 0; 
	padding: 0 0 0 0px;	

}

h1 { 
	padding:0; 
	margin:0; 
	color: #FFF; 
	background: inherit;
	font: bold 1.8em Arial, Sans-Serif; 
	letter-spacing: -1px;
}

h1 a { color: #FFF; background: inherit; }

h2 { 
	background: url(h.gif) no-repeat left;
	color:#000;
	font-size:140%; 
	font-weight:bold; 
	margin: 5px 0 5px 0px; 
	padding:0 0 0 15px; 
}

h2 a { background: #FFF; color: #000; }
h2 a:hover { background: #FFF; color: #A90000; }


.date { 
	color: #808080; 
	background: #FFFFFF;
	text-align: right; 
	margin: 4px 0 5px 0; 
	padding: 0.4em 0 0 0; 
	border-top: 1px solid #eee;
}

.comments { 
	padding: 10px 10px 8px 10px; 
	margin: 0 0 7px 0; 
	background: #f8f8f8; 
	color: #000;
}

.commentsbox { 
	padding: 8px 0 10px 10px; 
	margin: 0 0 10px 0; 
	background:#99FFCC;
	color: #000;
	border-color:#009900;
	border-style:dotted;
}