* {
	margin: 0;
	padding: 0;
}

body {
	background: url("../images/blue_bkgrnd.jpg");
	background-position:left top;
	background-repeat: repeat-x;
/*	background-color: #93c7f5;  */
	background-color: #002244;
	margin:0;
	padding:0;
	font-family: Georgia, "Times New Roman", Times, serif;
}

/* Elements */

#topper
{
	position:absolute;
	top:25px;
	left:60px;
	width:862px;
	height:21px;
	background-image: url("../images/content_top.gif");
	background-repeat:no-repeat;
}

#logo_container
{
	background-color:#bbb;
	position:absolute;
	top:45px;
	left:60px;
	width:862px;
	height:100px;
}

#logo 
{
	position:relative;
	top:0px;
	left:26px;	
}
#tagline 
{
	position:relative;
	width: 263px;
	height: 20px;
	top:90px;
	left:86px;
	font-family:Times New Roman, Sans-Serif;
	color:#fff;
	font-weight:bold;
	font-style:italic;
	font-size:12px;
	text-align:center;
}


#content
{
	position:absolute;
	width:862px;
	top:135px;
	left:60px;
	padding:0;
	margin:0px;
}

#gray_container
{
	background-color:#bbb;
	position:relative;
	margin:0;
	padding:10px;
	width:842px;
}

#subpage_content
{
	position:relative;
	padding:20px 40px;
	margin:0px;
	background-color:#fff;
	background-repeat:no-repeat;
	background-position:right top;
}

/* Body Content */

#seg_content
{
	position:relative;
	margin:0 0 10px 0px;
	padding:0;
	width:842px;
}

#main
{
	margin:0;
	padding:0;
}

#slideshow
{
	width:456px;
	height:284px;
}

#slideshow img
{
	border: 5px solid white;
	position: absolute; 
	top: 0; 
	left: 0; 
	z-index: 8; 
	opacity: 0.0;
}

#slideshow img.active
{
	z-index: 10; 
	opacity: 1.0;
}

#slideshow img.last-active
{
	z-index: 9;
}

div.pics img {
	width: 250px;
	heigth: 188px;
	border: 1px solid #121e62;
	margin: 5px;
}

#small_animals
{
	width:390px;
	left:450px;
	height:146px;
	margin:0;
	padding:0;
	background-image: url("../images/small_animals.jpg");
	background-repeat:no-repeat;
}
#food_animals
{
	width:390px;
	height:138px;
	margin:0;
	padding:0;
	background-image: url("../images/food_animals.jpg");
	background-repeat:no-repeat;
}

#photo_block
{
	width:400px;
	margin:0;
	padding:20px 0 10px 0;
	background-color:#fff;
}
#photo
{
	float:left;
	width:170px;
	padding-left:25px;
	padding-bottom:12px;
}
#photoblock
{
	margin-left: 23px;
	padding-bottom:12px;
}
#footer
{
	position:relative;
	width:862px;
	margin:0;
	padding:0 0 40px 0;
	top:-10px;
}


/* Navigation Container */
#top_nav
{
	position:relative;
	width:862px;
	height:20px;
	top:100px;
	left:93px;
	font-family: Verdana, Arial, Sans-Serif;
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;
}

/* Top Navigation */
#top_nav ul {
      margin:0;
      padding:0;
}
#top_nav li {
      display:inline;
	  float:left;
      margin:0;
      padding:0 16px 0 0px;
}

#top_nav a {
      text-decoration:none;
	  color:#005071;
}

#top_nav a:hover {
      text-decoration:underline;
}



/* Text Styles  */
#animal_title
{
	font-family:Bodoni MT, Times New Roman, Serif;
	font-size:16px;
	text-transform:uppercase;
	font-weight:bold;
	color:#09A;
	margin:10px 0 0 10px;
	padding:0;
	display:inline;
}
.animal-size
{
	color:#005072;
}
#animal_subhead
{
	width:160px;
	font-family:Arial, Verdana, Sans-Serif;
	font-size:11px;
	color:#000;
	margin:10px 0 0 10px;
	padding:0;
}
#learn_more
{
	font-family:Verdana, Arial, Sans-Serif;
	color:#fff;
	font-weight:bold;
	background-color:#709654;
	padding:4px 0px;
	margin:10px 0 0 10px;
	width:100px;
	text-align:center;
	font-size:10px;
	text-transform:uppercase;
}

#learn_more a:link, #learn_more a:visited {text-decoration: none; color: #FFF;}
#learn_more a:hover {text-decoration: underline; color: #FFF;}
#learn_more a:active {text-decoration: underline; color: #F00;}

#copy_block
{
	width:446px;
	padding:20px 0 0 20px;
	margin:0;
	background-color:#fff;
}
.photo_title
{
	font-family:Bodoni MT, Times New Roman, Serif;
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
	color:#555;
	position:relative;
	line-height:12px;
	top: 0px;
	left:5px;
}
.copy_block
{
	font-family:Bodoni MT, Times New Roman, Serif;
	font-size:16px;
	text-transform:uppercase;
	font-weight:bold;
	text-align:left;
	color:#09A;
	margin:0;
	padding:0;
}
#copy
{
	width:400px;
	margin:0;
	padding:0;
}
.copy
{
	font-family:Verdana, Arial, Sans-Serif;
	font-size:10px;
	line-height:14px;
	color:#666;
	margin:0;
	padding:4px 15px 15px 0;
}
#contactus
{
	padding:0 0 20px 20px;
	margin:0;
	background-color:#fff;
}
.contactus
{
	font-family:Verdana, Arial, Sans-Serif;
	font-size:14px;
	text-transform:uppercase;
	color:#333;
	font-weight:bold;
	padding-top:10px;
	padding-bottom:5px;
}
.contact_point
{
	font-family:Verdana, Arial, Sans-Serif;
	font-size:14px;
	color:#333;
	text-align:left;
	vertical-align:middle;
}
#copyright
{
	font-family:Verdana, Arial, Sans-Serif;
	font-size:11px;
	color:#fff;
	text-align:center;
	margin:0;
	padding:10px 0 0 0;
	background-image: url("../images/content_bottom.gif");
	background-repeat:no-repeat;
	height:38px;
}
#copyright a
{
	color:#005071;
	text-decoration:none;
}
#copyright a:hover
{
	text-decoration:underline;
}

.img_pad {
	padding: 30px 30px 10px 10px;
}

h1
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:21px;
	font-weight:bold;
	margin:0;
	padding:0;
	display:inline;
}

h5
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	margin:0;
	padding:0 0 0 10px;
	display:inline;
}

.intro
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	margin:10px;
	padding:0;
	width:60%
}


.sm_animals
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	margin:10px;
	padding:0;
}

.fd_animals
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	margin:10px;
	padding:0;
	display:none;
}


ul.services
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	margin:20px 0 0 30px;
	padding:0;
}

li.services
{
	list-style:none;
	font-family:inherit;
	font-weight:normal;
	margin:2px 0 0 15px;
	padding:0;
}

li.services a
{
	color:#048;
	text-decoration:none;
}

li.services a:hover
{
	text-decoration:underline;
	z-index:25;
}

#container {
	z-index:24;
	width: 250px;
	padding-left: 0;
}
#container a .box {
display: none;
}
#container a:hover .box {
display: block;
width:200px;
border: 1px #000;
position: absolute;
background: #CCCCCC;
background-color: #CCCCCC;
padding-left: 15px;
padding-bottom: 15px;
padding-right: 15px;
padding-top: 15px;
margin-left:100px; 
text-decoration:none;
z-index: 30;
}