﻿/* CSS Document */
#Header {
	height: 113px;
	background-image: url(../../img/bkgArt-Header.gif);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	width: 758px;
	position: relative;
	left: 1px;
}
#MediaViewer {
	float: left;
	width: 214px;
	height: 237px;
}
#MainContent {
	background-image: url(../../img/bkgArt-MainContent.gif);
	background-repeat: repeat;
	height: 278px;
	position: relative;
	margin-bottom: 10px;
	width: 758px;
	background-color: #6BDF6B;
	left: 1px;
}
#MainContentStretch {
	width: 758px;
	height: 278px;
	background-image: url(../../img/bkgArt-ArticleBottom.gif);
	background-repeat: no-repeat;
	background-position: 0 bottom;
	margin-bottom: 0;
	left: 0px;
}
#Container {
	background-image: url(../../img/bkgContainerBorder.gif);
    position: relative;
}
#Footer {
    width: 760px;
}
#panArticleText {
	font-size: 12px;
	line-height: 1.7em;
	padding: 0 10px 0 0;
	height: 267px;
	width: 460px;
	overflow:auto;
	text-align: left;
}
#panArticleText ul, #panArticleText ol {
	margin-left: 1em;
}
#divMediaButtonList li {
	float:left;
	display: block;
	width: 53px;
}
#divMediaButtonList ul 
{
    list-style: none;
}
#divMediaButtonList {
	background-image: url(../../img/bkgArticleFooter.gif);
	background-repeat: no-repeat;
	height: 79px;
	background-position: 0 8px;
	margin-bottom: 11px;
}
#MediaViewerContainer {
	background-image: url(../../img/bkgMediaViewerTop.gif);
	height: 230px;
	width: 214px;
	padding: 11px;
	position: absolute;
	top: 0px;
	left: 8px;
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 15px;
}
#ArticleTextContainer {
	background-image: url(../../img/bkgArticleTextTop.gif);
	background-repeat: no-repeat;
	height: 277px;
	width: 498px;
	position: absolute;
	left: 251px;
	padding: 12px 0 0 14px;
	top: -11px;
}
#divMediaButtonList a {
	height: 54px;
	width: 66px;
	display:block;
	background-repeat: no-repeat;
}
#divMediaButtonList a:hover {
	background-position: -86px;
}
#divMediaButtonList a.btntoc {
	height: 63px;
	width: 64px;
}
#divMediaButtonList a.btnseeall {
	height: 55px;
	width: 76px;
	position: absolute;
	right: 19px;
	top: 0px;
}
#divMediaButtonList a.btnseeall:hover {
	background-position: -96px 0px;
}
#divMediaButtonList a.btntoc:hover {
	background-position:0 0;
}
.btnmedia, .btntoc, .btnseeall, .btnrrpdf, .btnfast_fact {
	text-indent: -9000px;
}
.btntoc {
	margin-top: 16px;
}
.btnmedia, .btnseeall, .btnrrpdf, .btnfast_fact {
	margin-top: 32px;
}
#btnSeeAll {
	background-image:url(../../img/btnGlossSeeAll.gif);
}
#btnMediafast_fact {
	background-image:url(../../img/btnMediaFast_Fact.gif);
}
#btnMediamap {
	background-image:url(../../img/btnMediaMap.gif);
}
#btnMediajoke {
	background-image:url(../../img/btnMediaJoke.gif);
}
#btnMediaRRPDF {
	background-image:url(../../img/btnMediaRangerRick.gif);
}
#btnMediaphoto {
	background-image:url(../../img/btnMediaPhoto.gif);
}
#btnMediavideo {
	background-image:url(../../img/btnMediaVideo.gif);
}
#btnMediaaudio {
	background-image:url(../../img/btnMediaAudio.gif);
}
#FooterLinks {
	clear: both;
}
#panArticleText h2 {
	color: #005596;
	font-size: 20px;
	margin-top: 10px;
	clear: both;
}
#panArticleText h3 {
	color: #005596;
	font-size: 14px;
}
#panArticleText p {
	margin: 5px 0;
}
a.vocab, a.conv {
	color: #CB7A00;
	text-decoration: none;
}
a.vocab:hover, a.conv:hover {
	color:#FFFFFF;
	text-decoration: none;
}
a.ra {
	color: #CB7A00;
	text-decoration: underline;
}
a.ra:hover {
	color:#FFFFFF;
	text-decoration: underline;
}
.artImgRight {
	float: right;
	width: 200px;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.artImgLeft {
	float: left;
	width: 200px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.artImgCenter {
	width: 200px;
	margin: 10px auto;
}
.vert {
	width: 140px;
}
.artImgRight p, .artImgLeft p, .artImgCenter p, .caption {
	color: #005596;
	font-size: 10px;
	font-weight: bold;
	line-height: 1.3em;
	margin: 0;
}
.artImgRight span, .artImgLeft span, .artImgCenter span {
	color: #005596;
	font-size: 10px;
	line-height: 1.3em;
	display: block;
}
.firstLetter {
	color:#005596;
	font-weight: bold;
	font-size: 16px;
}
#DidYouKnowTable img {
	vertical-align: middle;
	border:none;
}
#DidYouKnowTable div {
	margin-top: 40px;
}

