/* ##################################################### */
/* ----------------->>> STRUCTURE <<<------------------- */
/* ##################################################### */


div.ad_120x90 {
	background: url(/staticfiles/NGS/NGKids/SiteAssets/img/animals/bg142x100ad_small.gif) no-repeat;
}

#skyscraper {
	background: url(/staticfiles/NGS/NGKids/SiteAssets/img/animals/bg170x620skyscraper.gif) no-repeat;
}

#box_ad {
	background: url(/staticfiles/NGS/NGKids/SiteAssets/img/animals/bg311x270box_ad.gif) no-repeat;
}

#content_layout, #article_layout {
	background-color: #104d18;
}

#nav_header {
	background: url(/staticfiles/NGS/NGKids/SiteAssets/img/animals/bg961x180animals_hdr.jpg) no-repeat;
	background-position: -3px 0px;
	height: 179px;
}
	#global_nav {
		margin-left: 23px;
		padding: 8px 0 0 8px;
		background: url(/staticfiles/NGS/NGKids/SiteAssets/img/animals/bg913x071animals_nav.gif) no-repeat;
		height: 63px;
		width: 905px;
	}
	#section_nav {
		margin-left: 23px;
		padding: 8px 0 0 8px;
		background: url(/staticfiles/NGS/NGKids/SiteAssets/img/animals/bg913x071animals_nav.gif) no-repeat;
		height: 63px;
		width: 905px;
	}
	.search_cell {
		vertical-align: bottom;
		text-align: right;
		padding: 0 10px 5px 0;
		width: 534px;
	}
	.header_ad {
		margin: 0 0 12px 5px;
		color: #f4cd05;
		font-size: .95em;
	}

#section_header_landing {
    margin-left: 3px;
    width: 737px;
	background: url(/staticfiles/NGS/NGKids/SiteAssets/img/animals/bg737x070animals_hdr.gif) right no-repeat;
}
	#section_header_subpage {
        /*margin-left: 3px;*/
        width: 737px;
		background: url(/staticfiles/NGS/NGKids/SiteAssets/img/animals/bg200x073story_hdr.gif) repeat-x;
	}
		#section_header_subpage td.hdr_ad {
			background: url(/staticfiles/NGS/NGKids/SiteAssets/img/animals/bg737x073story_hdr.gif) right no-repeat;
		}
	#section_header_browser {
		background: url(/staticfiles/NGS/NGKids/SiteAssets/img/animals/bg737x064browser_corner_cat.gif) right top no-repeat;
	}
		#section_header_browser td.hdr_ad {
			/*background: url(/staticfiles/NGS/NGKids/SiteAssets/img/animals/bg150x064browser_corner.gif) right no-repeat;*/
		}


#landing_feature, #category_feature {
    width:717px;
	margin-bottom: 6px;
	padding: 10px 10px 10px 10px;
	background-color: #fffec8;
}
#landing_feature {
    margin-left: 3px;
}
	#landing_feature table td, #category_feature table td {
		vertical-align: top;
	}
	td.landing_feature_img, td.category_feature_img {
		padding-right: 12px;
		width: 474px;
	}
		td.landing_feature_img img, td.category_feature_img img {
			border: 2px solid #104d18;
		}
			td.landing_feature_img img:hover, td.category_feature_img img:hover {
				border-color: #fff;
			}
        td.landing_feature_txt {
            width:220px;
        }
	td.category_feature_img {
		width: 274px;
	}
    
#animal_scroll_header {
    margin-left:3px;
}
.animal_scroll_flash_landing {
    /*3px left margin fix to line up flash movie with header but only on animal landing page*/
    margin-left: 3px;
}
.animal_scroll_flash_detail {
/* margin fix is not needed here*/
}

#animal_scroll_footer {
    height:10px;
    width:737px;
    background:url(/staticfiles/NGS/NGKids/SiteAssets/img/animals/brd738x010browser_btm.gif) no-repeat;
}
.animal_scroll_footer_landing {
    /*3px left margin fix to line up flash movie with header but only on animal landing page*/
    margin-left: 3px;
}
.animal_scroll_footer_detail {
/* margin fix is not needed here*/
}
#animal_browser {
	margin-bottom: 6px;
	padding-bottom: 10px;
	background: #b4cc6f url(/staticfiles/NGS/NGKids/SiteAssets/img/animals/brd738x010browser_btm.gif) bottom no-repeat;
}
	#animal_browser_full {
		width: 737px;
		text-align: center;
		background: #0f6115 url(/staticfiles/NGS/NGKids/SiteAssets/img/animals/bg050x120browser.gif) top repeat-x;
	}
		.browser_links td {
			padding: 30px 0;
		}


#creature_feature {
	background: #0f6115 url(/staticfiles/NGS/NGKids/SiteAssets/img/animals/bg050x120browser.gif) top repeat-x;
}
	.creat_feat_links {
		margin-top: 10px;
	}
	.creat_feat_links #ng_com_tout {
		margin: 0 0 15px 0;
	}
	.creat_feat_links td {
		vertical-align: top;
	}
	
	#creature_feature td#button_row {
		width: 322px;
	}

#flashcontent {
	margin-bottom: 10px;
}

#did_you_know {
	padding-top: 32px;
	background: url(/staticfiles/NGS/NGKids/SiteAssets/img/animals/bg170x170dyk.gif) 50% 0 no-repeat;
}

#poll {
	float: left;
	background: #81ae47 url(/staticfiles/NGS/NGKids/SiteAssets/img/animals/bg170x160poll.jpg) no-repeat;
}
	.poll_ftr {
 		background: url(/staticfiles/NGS/NGKids/SiteAssets/img/animals/brd170x012poll_bot.gif) no-repeat;
 		width: 170px;
		height: 12px;
 	}


td.whats_popular {
}
	.whats_popular_feat {
		background-color: #81ae47;
	}
	.whats_popular_img {
		margin: 0 0 8px 13px;
		border: 2px solid #082a04;
		display: block;
		width: 270px;
	}
		.whats_popular_img:hover {
			border-color: #fff;
		}

td.cool_clicks {
}
	td.cool_clicks div {
		background-color: #f6bf1f;
	}

td.category_links {
	padding-right: 5px;
	vertical-align: top;
	width: 187px;

}

td.category_recent_rated {
	padding-bottom: 12px;
	vertical-align: top;
	width: 546px;
}
	td.category_recent_rated div.tab_div {
		border: 2px solid #fff;
		border-top: none;	
		float: left;
		background: #81af43 url(/staticfiles/NGS/NGKids/SiteAssets/img/animals/bg542x135recent_rated.jpg) top no-repeat;
	}
		.recent_rated_tab td {
			background: url(/staticfiles/NGS/NGKids/SiteAssets/img/oth100x002white_bar.gif) bottom repeat-x;
			vertical-align: top;
		}
		td.more_tab {
			vertical-align: bottom;
			text-align: right;
			width: 347px;
		}



#my_favorites {
	background: url(/staticfiles/NGS/NGKids/SiteAssets/img/animals/bg729x081my_favorites.jpg);
}
	#my_favorites table img {
		border-color: #104d18;
	}
	
	.fav_bin_txt_img {
			background: url(/staticfiles/NGS/NGKids/SiteAssets/img/animals/txt104x017favorites.gif);
	}


#ad_article_btm {
	background: url(/staticfiles/NGS/NGKids/SiteAssets/img/animals/txt120x015advertisement.gif) no-repeat;
}


#related_content {
	padding: 40px 30px 8px 30px;
	margin-left: 8px;
	width: 478px;
	background: #f6bf1f url(/staticfiles/NGS/NGKids/SiteAssets/img/animals/hdr538x059related.gif) no-repeat;
	display: inline;
}



/* ###################################################### */
/* ----------------->>> NAVIGATION <<<------------------- */
/* ###################################################### */





/* #################################################### */
/* ------------------>>> LISTS <<<------------------- */
/* #################################################### */

.cool_clicks ul, .category_recent_rated ul {
	margin: 0 12px 10px 12px;
	padding: 0;
	float: left;
	color: #2c0801;
	display: inline;
}
	.cool_clicks ul li, .category_recent_rated li {
		margin: 0;
		padding: 7px 0;
		list-style: none;
		width: 398px;
		border-bottom: 2px solid #fef200;
		float: left;
	}
		.category_recent_rated li {
			width: 518px;
		}
		.cool_clicks ul li.last_row, .category_recent_rated ul li.last_row {
			border: none;
		}
	.clicks_list_img {
		margin-right: 10px;
		float: left;
		border: 2px solid #c23b08;
	}
		.clicks_list_img:hover {
			border-color: #fff;
		}


#related_content li {
	width: 478px;
}
	#related_content li.cat_name {
		border-color: #fef200;
		color: #b12509;
	}
		#related_content li img, #article_slide_thm li img, #article_slide_container img {
			border-color: #d03b02;
		}
		#related_content li a {
			color: #2c0801;
			font-weight: bold;
		}
			#related_content li a:hover {
				color: #d03b02;
			}



/* ######################################################## */
/* ------------------>>> TEXT STYLES <<<------------------- */
/* ######################################################## */

/* header styles */

.whats_popular h4 {
	margin: 0 0 10px 13px;
	font-size: 13px;
	color: #fff000;
}

.cool_clicks h4, .category_recent_rated h4 {
	margin: 0;
	font-size: 13px;
	color: #2c0801;
}
	.category_recent_rated h4 {
		font-size: 16px;
	}

h5 {
	color: #610b69;
}
/* end header styles ============================= */


td.landing_feature_img p.img_caption, td.category_feature_img p.img_caption {
	padding-right: 13px;
	text-align: right;
}
	#article_slide_container p.img_caption {
		margin: 0;
		color: #610b69;
	}


p.article_byline {
	color: #104d18;
}

.whats_popular p {
	margin: 0 0 15px 0;
	padding: 0 13px;
	color: #fff;
}
	.whats_popular #ng_com_tout p {
		padding: 0;
	}



/* ################################################################ */
/* ------------------->>> BUTTONS AND LINKS <<<-------------------- */
/* ################################################################ */

a.top_rated_link {
	display: block;
	background: url(/staticfiles/NGS/NGKids/SiteAssets/img/animals/tab096x062rated_0.gif) top no-repeat;
}
a.most_recent_link {
	display: block;
	background: url(/staticfiles/NGS/NGKids/SiteAssets/img/animals/tab103x062recent_0.gif) top no-repeat;
}
	a.top_rated_link:hover, a.most_recent_link:hover {
		background-position: 0 -31px;
	}


a.more_tab_top, a.more_tab_btm {
	font-size: 11px;
	color: #000;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	width: 72px;
	display: block;
	float: right;
	background: url(/staticfiles/NGS/NGKids/SiteAssets/img/animals/bg072x020more_tab.gif) no-repeat;
}
a.more_tab_top {
	margin-bottom: 2px;
	padding-top: 5px;
	height: 15px;
}
a.more_tab_btm {
	padding-top: 3px;
	height: 17px;
	background: url(/staticfiles/NGS/NGKids/SiteAssets/img/animals/bg072x020more_tab_btm.gif) no-repeat;
}
	a.more_tab_top:hover, a.more_tab_btm:hover {
		text-decoration: underline;
	}


	td.cool_clicks .but_add_faves, td.cool_clicks .but_play {
		margin-top: 12px;
	}

#animal_scroll_header {
  width:737px;
  height:33px;
}

.animal_scroll_header_on {
    display: block !important;
    visibility: visible !important;
    background:url(/staticfiles/NGS/NGKids/SiteAssets/img/animals/hdr738x033animal_browser.gif) no-repeat;
}

.animal_scroll_header_off {
    display: none !important;
    visibility: hidden !important;
}

/* ##################################################### */
/* ------------------->>> EXTRAS <<<-------------------- */
/* ##################################################### */







