/* CSS Document */

body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	background-image: url(images/papertexture.jpg);
}
	
/*This style sets the default link color for the site and the hover color*/	
a {
color: #7E2121;
}
a:hover {
color: #0072AE;
}

/*These set the appearance/position of the main areas of the site layout*/

#container {
	width: 930px;
	padding: 0px;
	position: relative;
	top: 0px;
	height: 100%;
	text-align: left;
}
#top {
	position: relative;
	top: 0px;
	width: 930px;
	height:173px;
	margin: 0px;
	left: 0px;
	background-image: url(images/top_banner.gif);
	background-position: 8px 0;
	background-repeat: no-repeat;
	z-index: 1;
}
#logo {
	float: right;
	width: 144px;
	height: 40px;
	margin-right: 10px;
}
#date {
	position:absolute;
	top: 125px;
	left: 575px;
	height: 25px;
	width: 300px;
}
#nav {
	position: relative;
	top: 0px;
	width: 930px;
	height: 25px;
	z-index: 1;
}
#main {
	width: 928px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #C2B08E;
	border-bottom-color: #C2B08E;
	border-left-color: #C2B08E;
	margin: 0px;
	padding: 0px;
	position: relative;
	top: 0px;
	left: 0px;
	background-color: #F8E8D3;
	float: left;
	clear: left;
	z-index: 1;
	margin-bottom: 10px;
}
#leftcol {
	width: 125px;
	height: auto;
	float: left;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
}
#rightcol {
	width: 275px;
	height: auto;
	margin-right: 20px;
	margin-bottom: 20px;
	float: right;
	margin-top: 20px;
}
#rightcol_noshow {
	width: 225px;
	height: 500px;
	margin-bottom: 20px;
	float: left;
	margin-top: 20px;
	margin-left: 50px;
	background-color: #F8E8D3;
}
#content {
	width:440px;
	height:auto;
	float:left;
	margin-top:20px;
	vertical-align: top;
}
#content_wide {
	width:695px;
	height:auto;
	float:left;
	margin-top:20px;
	vertical-align: top;
}
#footer {
	position: relative;
	width: 920px;
	height:25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: right;
	padding-top: 10px;
}
#footerinfo {
	width:755px;
	height:30px;
	float:left;
	padding-right: 10px;
}

/*These styles set the appearance of the quotes and quotes sources text.*/
.quote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #CC6633;
	font-weight: normal;
	line-height: 20px;
	margin-bottom: 5px;
	margin-top: 0px;
}
.quotesource_right {
	font-size: 11px;
	font-variant: small-caps;
	color: #CC6633;
	font-weight: normal;
	line-height: 13px;
	border-bottom: dotted #C2B08E 2px;
	padding-bottom: 10px;
	width: 200px;
}
.quotesource {
	font-size: 11px;
	font-variant: small-caps;
	color: #CC6633;
	font-weight: normal;
	line-height: 13px;
	border-bottom: dotted #C2B08E 2px;
	padding-bottom: 10px;
}

/*This style controls the position of the sponsor logos on the welcome page*/
.sponsors {
	height:100px;
	width:450px;
	margin-bottom: 10px;
}

/*This style controls the size/font of the support/sponsor listing and adds a dotted rule above it*/
.support {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	border-top: dotted #C2B08E 2px;
	padding-top: 10px;
}

/*These set the appearance of main page headings, photo captions and photos*/
.heading {
	font-size: 20px;
	color: #0072ae;
	font-weight: lighter;
	margin-top: 0px;
}
.photocaption {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.photoleft {
margin-left: 0px;
margin-top: 0px;
margin-bottom: 10px;
margin-right: 10px;
}

/*This style adds the shopping cart icon to text*/
.shopping
{
background-image: url(images/icons/shop_icon.gif);
background-repeat: no-repeat;
background-position: 0 0;
padding-left: 40px;
}

/*This style adds the video icon to text*/
.video
{
	background-image: url(images/icons/video_icon.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding-left: 40px;
}

/*These styles create the rollovers for the left navigation items*/
a.beasts_rollover {
display:block;
width: 120px;
height:69px;
margin-top: 20px;
background: url(images/leftnav/beasts_rollover.jpg) 0 0 no-repeat;
}
a:hover.beasts_rollover { 
background-position: 0 -69px;
}

a.kids_rollover {
margin-top: 0px;
display:block;
width: 120px;
height:69px;
background: url(images/leftnav/kids_rollover.jpg) 0 0 no-repeat;
}
a:hover.kids_rollover { 
background-position: 0 -69px;
}

a.influences_rollover {
margin-top: 20px;
display:block;
width: 120px;
height:69px;
background: url(images/leftnav/influences_rollover.jpg) 0 0 no-repeat;
}
a:hover.influences_rollover{ 
background-position: 0 -69px;
}

a.forest_rollover {
margin-top: 20px;
display:block;
width: 120px;
height:69px;
background: url(images/leftnav/forest_rollover.jpg) 0 0 no-repeat;
}
a:hover.forest_rollover { 
background-position: 0 -69px;
}

a.admission_rollover {
display:block;
width: 120px;
height:69px;
margin-top: 20px;
background: url(images/leftnav/admission_rollover.jpg) 0 0 no-repeat;
}
a:hover.admission_rollover { 
background-position: 0 -69px;
}

a.groups_rollover {
margin-top: 20px;
display:block;
width: 120px;
height:69px;
background: url(images/leftnav/groups_rollover.jpg) 0 0 no-repeat;
}
a:hover.groups_rollover { 
background-position: 0 -69px;
}

a.gettinghere_rollover {
margin-top: 20px;
display:block;
width: 120px;
height:69px;
background: url(images/leftnav/gettinghere_rollover.jpg) 0 0 no-repeat;
}
a:hover.gettinghere_rollover{ 
background-position: 0 -69px;
}

a.accessibility_rollover {
margin-top: 20px;
display:block;
width: 120px;
height:69px;
background: url(images/leftnav/accessibility_rollover.jpg) 0 0 no-repeat;
}
a:hover.accessibility_rollover { 
background-position: 0 -69px;
}

/*These set the left menu items to the active state when the body tag ID matches*/
body#exhibition_kids a#kids,
body#exhibition_beasts a#beasts,
body#exhibition_influences a#influences,
body#exhibition_forest a#forest,
body#visit_admission a#admission,
body#visit_groups a#groups,
body#visit_gettinghere a#gettinghere,
body#visit_accessibility a#accessibility
 { 
 	background-position: 0 -138px;
	color:#0072ae;
	}
	
.return_link {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	width: 150px;
	float: left;
}

.next_link {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	width: 150px;
	float: right;
}

.video_clip {
width: 320px;
height: 300px;
float: left;
}