/* yahoo reset */
body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}
body {font:100.01%/1.3 arial,helvetica,clean,sans-serif;}
table {font-size:inherit;font:100%;}

body {
	background:#AFD0E0;
	color:#000;
	min-width:800px;}

#body { /* for IE7's page zoom */
	background:url(/static/bg.png) 0 0 repeat-x;}

#page {
	position:relative;
	width:800px;
	margin:0 auto;
	padding:21px 0 20px;}
#head {
	margin:0 5px 0 6px;
	height:136px;
	text-align:right;}
#head h1 {
	position:absolute; top:21px; left:6px;}
#head h1 span,
#head h1 a {
	display:block;
	width:299px; height:108px;
	overflow:hidden;
	position:relative;}
#head h1 a {
	cursor:pointer;}
#head h1 em {
	position:absolute; top:0; left:0;
	width:299px; height:108px;
	background:url(/static/logo.png) 0 0 no-repeat;}
#tagline {
	position:absolute; top:100px; left:305px;}
#head h2 {
	padding:5px 0 0;
	font:bold 25px Arial, Helvetica, sans-serif;}
#head h2 span {
	position:relative; bottom:.1em;}
#head h2 small {
	font-size:22px;
	font-weight:normal;
	color:#c00;}
#head h3 {
    font-size:87%;}
#head h3 a {
    color:#628393}
#donts {
	position:absolute; top:80px; right:5px;
	text-align:right;
	line-height:1.25em;
	color:#666;}

#desc {
	position:absolute; top:157px; left:566px;
	z-index:10;
	width:234px;
	height:153px;
	overflow:hidden;}
#desc div {
	position:absolute; top:0; left:0;
	width:234px;
	height:153px;
	background:url(/static/desc.png) 0 0 no-repeat;}

body.wide #desc {display:none}

#content {
	background:#fff url(/static/ul.png) 0 0 no-repeat;
	width:538px; /* 559 - 13 - 8 */
	float:left;
	position:relative;
	padding:13px 8px 0 13px;}
#content a {
	color:#628393;}

#main p {
	font-size:90%;
	margin:0 0 .8em 0;}
#main strong {font-weight:bold;}
#main em {font-style:italic;}
#main .highlighted {
	width:340px; /* 360 - 10 - 10 */
	background:#ff9;
	padding:.4em 10px;
	line-height:1.4;}

#main h2,
#main h3 {
	font-weight:bold;
	color:#796539;
	padding:0 0 .4em 0;}
#main h3 {
	font-size:90%;
	padding:0 0 .3em 0;}
#main h2 em {
	font-weight:bold;}
#main small {
	font-size:90%;}

#main.svcs h2,
#main.svcs h3 {
	margin-top:1em;
	padding-bottom:.2em;}
#main.svcs li {
	font-size:84%;
	background:url(/static/li_bg.png) 0 0 no-repeat;
	padding:0 0 0 10px;
	margin:0 0 .4em 0;}

#copy {
	clear:both;
    margin-top:13px;}
#copy p {
	font-size:75%;
	text-align:center;
	margin:0 -8px 0 -13px;
	position:relative;
	line-height:1;/* IE needed this */}
#copy p.first {
	color:#666;
	padding:5px 0 8px 0;
	background:url(/static/copy_bg.png) 0 100% no-repeat;}
#copy p.second {
	background:#AFD0E0;
	padding:5px 0 15px 0;
	color:#796539;}
#copy small {font-size:100%;}
#copy a {color:#888;}


#animalLists {
	width:360px;
	padding-bottom:1em;}
#animalLists div {
	float:left;
	position:relative;
	width:33%;
	text-align:center;
	font-size:87%;}
#animalLists div.clr {
    float:none;
    width:auto;
	clear:left;}


#miniGallery {
	float:right;
	position:relative;
	width:167px;
	font-size:87%;
	text-align:right;
	margin:0 0 15px 10px;
	color:#666;}
#miniGallery p {
	font-size:90%;
	margin-bottom:10px;}
#miniGallery .bottomCap {
	margin-bottom:2px;}
#miniGallery .topCap {
	margin-top:3px;}

#summary {
	text-align:center;}
#summary span {
	display:block;}

#sidebar {
	background:#8CA6B3 url(/static/lr.png) 100% 100% no-repeat;
	width:234px;
	padding-top:163px;
	float:right;
	position: relative;
	font-size:75%;
	line-height:1.3em;}
#caught {
	background:#B69B65;
	padding:2px 12px 10px 12px;}
#caught img {
	margin-bottom:3px;}
#caught a {
	color:#fff;}

#finePrint {
	margin:30px 8px 8px 8px;
	font-size:90%;
	line-height:1.2em;
	color:#465359;}
#finePrint p {
	margin-top:10px;}
#finePrint small {
	font-size:100%;}
#finePrint a {
	color:#465359;}

#nav {
	position:absolute; top:132px; left:122px;}
#nav li {
	float:left;
	position:relative;
	width:auto;
	height:25px;}
#nav a,
#nav strong {
	display:block;
	height:25px;
	background:#fff url(/static/tabs.png) 0 -25px no-repeat;
	padding-left:10px;
	font-size:16px;
	font-weight:bold;
	line-height:27px;
	text-decoration:none;
	color:#648A97;}
#nav a {
	cursor:pointer;}
#nav span {
	display:block;
	height:25px;
	background:#fff url(/static/tabs.png) 100% -25px no-repeat;
	padding-right:10px;}
#nav strong {
	background-position:0 0;
	color:#64A5C4;}
#nav strong span {
	background-position:100% 0;}

hr {display:none}
img {vertical-align:bottom;}
p strong {font-weight:bold;}


.animal #bigPhoto {
    float:right; position:relative;
    margin:0 0 1em 1.5em;
    width:250px;
    height:auto;}

/* wide page (for Caught!) */
#content.wide {
	width:787px; /* 800 - 13 */
	padding-right:0;
	float:none;
	background-image:url(/static/wide_top.png);}
#content.wide #copy p {
	margin-right:0;}
#content.wide #copy p.first {
	background-image:url(/static/wide_bottom.png);}
#content.wide #copy p.second {
	padding-bottom:0;}

.caught p {
    text-align:center;}

.pic_row2 {
	background:url(/static/2col_bg.png) 0 0 no-repeat;
	padding:8px 0 0;
	margin:0 0 5px;}
.pic_row2_inner {
	background:url(/static/2col_bg.png) 0 100% no-repeat;
	padding:0 0 8px 0;
	overflow:auto;}

.pic {
	float:left; position:relative;}
.pic img {
	margin:0 0 10px 0;
	vertical-align:bottom;}
#main .pic p { /* #main is for specificity */
	font-size:80%;
	padding:0 3px;
	text-align:center;}

.pic_row2 .pic {
	width:368px;
	padding:0 15px 0 7px;}

@media screen and (max-width: 800px) {
    body {min-width: inherit; background: #fff;}
    #page {width:auto; padding-top:5px; padding-bottom:0;}
    #body { background: #fff;}
    #head { height: 165px; margin-right:12px; }
    #donts { display:none; }
    #head h1 {top:5px;}
    #tagline {top:105px; left:94px;}
    #nav {top:140px; left:13px;}
    #copy p.second {background: #fff;}
    #nav a, #nav strong, #nav span { background: none;}
    #nav strong { border-bottom: 2px solid #64A5C4; }
    #desc div { display:none; }
    body.wide #desc {display:block}
    #desc {left: auto; top: 67px; right: 12px; width:300px; font-size: 90%; height:auto; }
    #desc p + p {display: none;}
    #content, #content.wide {background:none; width:auto; float:none; }
    #main .highlighted {width: auto; }
    #miniGallery {background: #fff; margin-left:0; padding-left:10px;}
    #sidebar {float:none; width:auto; padding:10px; background:#8CA6B3; overflow:hidden; }
    #finePrint {margin-top: 15px; }
    #caught { margin-top:-12px; background: none; padding-left:0; }
    #caught img {float:left; margin-right:10px; border:12px solid #B69B65; }
    #copy p.first {background:none;}
    .pic_row2, .pic_row2_inner {background:none;}
    .pic_row2 .pic {width:47%; padding:0 7px;}
    .pic img {width:100%; height:auto;}
}

@media screen and (max-width: 620px) {
    #head {height: auto; margin:0; text-align:center;}
    #head h1, #tagline, #head h2, #head h3, #desc, #nav {position:static; }
    #head h1 a, #head h1 span {margin:0 auto;}
    #tagline {display:none; }
    #desc {width:auto; margin:0 12px;}
    #nav {overflow:hidden; padding:10px; display:inline-block; }
    #content {padding-top:0; }
    .pic_row2 .pic {width:93%; float:none}
}