@charset "utf-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,


table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}


body {
    line-height: 1;
    
}

ol, ul {
    list-style: none;
    
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* focus styles! */

:focus {
	outline: 0;
}

/* highlight inserts somehow! */

ins {
	text-decoration: none;
}


del {
	text-decoration: line-through;
}

/* cellspacing="0" for any tables */

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* CSS Document */

body{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}

a{ text-decoration:none;}

#content{ padding:10px 5% 15px 5%; overflow:hidden;}

#content h2{ font-size:14px; text-transform:uppercase; margin-bottom:10px; }

#content h1{ font-size:24px; margin-bottom:10px; margin-top:15px;  }

#content p{ font-size:15px;line-height:18px;}

#content img{ margin:10px 0 15px 0;  }

#animals{ position:absolute; top:90px; left:50%; margin-left:-100px;}

#menu{ text-align:center; margin-top:7px; width:90%; padding:0 5% 0 5%;}

#menu .button1{ display:inline-block; text-align:center;  width:50%; float:left;}

#menu .button1 img{ margin-bottom:5px;}

#footer{ text-align:center;  font-size:11px; line-height:28px; padding:5px 0 15px 0; margin-top:20px;}

#footer a{ color:inherit;}

.separator{ width:100%; height:1px;}

.image{ padding:25px 0 25px 0;}

/* all page styles */

.mainbk{ background-color:#DCE4EB;}                                                   /* header background color */

.mainhead{ background-color:#DCE4EB;text-align:center; width:100%;}		      /* header image centered */

.bodybk{background-color:#BFCDDB;background-image:url('../images/backgrnd.png');}     /* body background*/

.icobk{color:#CADEE6;}                                                                /* icon and menu texts color */

.titlecolor{ color:#CADEE6;}                                                          /* title color */

.txtcolor{ color:#333333;}                                                            /* main text color */

.uppertitlecolor{ color:#FAFAFA;}                                                     /* upper title color */

.headlinecolor{color:#FAFAFA;}                                                        /* secondary text color */

.style2 {

	font-family: Verdana, Geneva, Tahoma, sans-serif;

	font-size: x-large;

	text-align: center;

}

.style3 {

	font-family: Verdana, Geneva, Tahoma, sans-serif;

	font-size: large;

	text-align: center;

}

.style4 {

	font-family: Verdana, Geneva, Tahoma, sans-serif;

	font-size: medium;

	text-align: center;
}

.style5 {

	font-family: Verdana, Geneva, Tahoma, sans-serif;

	font-size: x-small;

	text-align: center;

}


.button-style input[type="button"] {
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: x-large;
	text-align: center;
	height: 50px;
	width: 300px;
	color: rgba(64,64,64,1);
	cursor: pointer;
	background-size: 100% 100%;
	border-radius: 5px;
	border-color: white;
	border-width: 1px;
	background-color: rgba(190,205,220,1);
	background-image: url('../images/button.png');
}

	.button-style input[type="button"]:hover {
		font-style: italic;
		color: rgba(64,64,64,1);
		background-color: rgba(90,105,120,1);
	}