/* CSS Document */

body {
	margin: 11px;
	padding: 0;
	background-color: #000033;
	color: #ffffff;
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	}
#nav {
	margin: 0;
	padding: 0;
	height: 72px;
	width: 960px;
	list-style: none;
	display: inline;
	overflow: hidden;
	float: left;
	}
#nav li {
	margin: 0; 
	padding: 0;
	list-style: none;
	display: inline;
	}
#nav a {
	float: left;
	padding: 0;
	overflow: hidden;
	width: 0;
	height: 72px !important;
	height /**/:72px; /* for IE5/Win only */
	}
#nav a:hover, a:active, #nav a.selected {
	background-position: -192px 0;
	}
#store a {
	width: 192px;
	color: #000033;
	background: url(../11assets_livewild/11nav/nav_store_tyni.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}
#access a {
	width: 192px;
	color: #000033;
	background: url(../11assets_livewild/11nav/nav_access_tyni.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}
#endangered a {
	width: 192px;
	color: #000033;
	background: url(../11assets_livewild/11nav/nav_endangered_tyni.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}
#involved a {
	width: 192px;
	color: #000033;
	background: url(../11assets_livewild/11nav/nav_involved_tyni.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}
#about a {
	width: 192px;
	color: #000033;
	background: url(../11assets_livewild/11nav/nav_about_tyni.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}
#heart {
	clear: both;
	padding: 0;
	margin: 0;
	color: #000000;
	background-color: #ffffff;
	}
#heart h1 {
	background-color: #ffffff;
	color: #000000;
	font-size: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: 300;
	}
#heart h2 {
	background-color: #ffffff;
	color: #000000;
	font-size: 16px;
	font-weight: bold;
	padding-right: 100px;
	}
#heart h3 {
	color: #000000;
	font-size: 13px;
	font-weight: 300;
	padding-right: 200px;
	}
#heart h4 {
	color: #000000;
	padding-right: 200px;
	}
#heart p {
	color: #000000;
	background-color: #ffffff;
	line-height: 1.5;
	margin: 0;
	padding-right: 100px;
	}
#heart a {
	background-color: #ffffff;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	}
#heart a:hover {
	background-color: #ffffff;
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
	}
#heart a:visited {
	background-color: #ffffff;
	color: #666666;
	}
#subnav {
	margin: 0;
	padding: 0;
	height: 360px;
	width: 216px;
	list-style: none;
	display: inline;
	overflow: hidden;
	float: left;
	}
#subnav li {
	margin: 0; 
	padding: 0;
	list-style: none;
	display: inline;
	}
#subnav a {
	float: left;
	padding: 0;
	overflow: hidden;
	width: 0;
	height: 27px !important;
	height /**/:27px; /* for IE5/Win only */
	}
#subnav a:hover, a:active, #subnav a.selected {
	background-position: -216px 0;
	}
#story a {
	width: 216px;
	color: #000000;
	background: url(../11assets_livewild/11nav/subnav_about/story.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}
#feedback a {
	width: 216px;
	color: #000000;
	background: url(../11assets_livewild/11nav/subnav_about/feedback.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}
#faqs a {
	width: 216px;
	color: #000000;
	background: url(../11assets_livewild/11nav/subnav_about/faqs.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}
#site a {
	width: 216px;
	color: #000000;
	background: url(../11assets_livewild/11nav/subnav_about/site.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}
#indexnav {
	margin: 0;
	padding: 0;
	height: 360px;
	width: 724px;
	list-style: none;
	display: inline;
	overflow: hidden;
	float: left;
	}
#indexnav li {
	margin: 0; 
	padding: 0;
	list-style: none;
	display: inline;
	}
#indexnav a {
	float: left;
	padding: 0;
	overflow: hidden;
	width: 0;
	height: 180px !important;
	height /**/:180px; /* for IE5/Win only */
	}
#indexnav a:hover, a:active, #indexnav a.selected {
	background-position: -241px 0;
	}
#indexstory a {
	width: 241px;
	color: #000033;
	background: url(../11assets_livewild/11nav/subnav_about/story_index.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}
#indexfeedback a {
	width: 241px;
	color: #000033;
	background: url(../11assets_livewild/11nav/subnav_about/feedback_index.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}
#indexfaqs a {
	width: 241px;
	color: #000033;
	background: url(../11assets_livewild/11nav/subnav_about/faqs_index.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}
#indexsite a {
	width: 241px;
	color: #000033;
	background: url(../11assets_livewild/11nav/subnav_about/site_index.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}
#indexcontactinfo a {
	width: 241px;
	color: #000033;
	background: url(../11assets_livewild/11nav/subnav_about/contact_info_index.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}
.bold {
	font-weight: bold;
}
.topleft {
	text-align: left;
	vertical-align: top;
}
.midleft {
	text-align: left;
	vertical-align: middle;
}
.midright {
	text-align: right;
	vertical-align: middle;
}
.interpretation {
	font-family: Times New Roman, Times, serif;
	font-style: italic;
	padding-top: 0;
	padding-right: 100px;
	padding-bottom: 0;
	padding-left: 50px;
	}
.dot {
	font-family: Helvetica, Arial, sans-serif;
	color: #FF6600;
	text-align: center;
	font-size: 27px
	}
.rtt {
	font-family: Times New Roman, Times, serif;
	font-style: italic;
	color: #ff6600;
	background-color: #ffffff;
	text-align: right;
	}
.rtt a {
	font-family: Times New Roman, Times, serif;
	font-style: italic;
	color: #ff6600;
	text-align: right;
	background-color: #ffffff;
	text-decoration: underline;
	}
.rtt a:hover {
	font-family: Times New Roman, Times, serif;
	font-style: italic;
	color: #ff6600;
	text-align: right;
	background-color: #ffffff;
	text-decoration: none;
	}
.rtt a:visited {
	font-family: Times New Roman, Times, serif;
	font-style: italic;
	color: #ff6600;
	text-align: right;
	background-color: #ffffff;
	text-decoration: underline;
	}
#footer {
	clear: left;
	padding: 0;
	margin: 0;
	}
#footer p {
	text-align: center;
	color: #999999;
	background-color: #000033;
	font-size: 11px;
	font-family: Helvetica, Arial, sans-serif;
	}
#footer a {
	color: #999999;
	background-color: #000033;
	text-decoration: none;
	}
#footer a:hover {
	color: #999999;
	background-color: #000033;
	text-decoration: underline;
	}