@charset "UTF-8";
/*CSS Document 
for Dino.Unionstation.org
Created March 17th 2010
by Marie Shelton
Copyright River City Studio 2010*/

* {
	margin: 0px;
	padding: 0px;
}

body {
	
	font-family: Arial, Helvetica, sans-serif;
	color: #603913;
	background-color: #000000;
	margin: 0 auto;
   position: relative;
}

img {
	border: none;
}

a {
	text-decoration: none;
}
a img {
	border: none;
}

sup {
	font-size:9px;
}

/*-------Container Style----------*/

#containerBG {
	background-image: url("/_img/dino-bg2b.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	width: 100%;
	margin: 0px;
	padding: 0;
	height: 100%;
	position: relative;
	
}

#container {
	height: auto;
	margin: 0px auto;
	padding: 0px;
	width: 910px;
	position: relative;
}

#header {
	background-color: #ffae42;
	width: 750px;
	background-image: url("/_img/headerBg.gif");
	background-repeat: repeat-x;
	background-position: center top;
	margin: 0px auto 0px auto;
	padding: 0px 0 5px 0;
	position: relative;
	overflow: visible;
}

#header img.logo {
	margin-top: -9px;
	margin-left: 254px;
}

#header img.topBlack {
	/* position: relative; */
	margin: -5px 0 10px 0;
}

img.open {
	position: absolute;
	top: 27px;
	left: 20px;
}

img.member {
	position: absolute;
	top: 27px;
	right: 24px;
}

span.quote {
	font-style: italic;
	
}

span.info {
	color: #3B2314;
}

#nav {
	width: 750px;
}

#nav p {
	font-family: Impact, Arial;
	color: #000;
	font-size: 19px;
	text-align: center;
}

#nav a {
	color: #000;
	text-decoration: none;
}

#nav a:hover {
	color: #FFF;
}
#nav a.active {
	color: #FF3300;
}

#nav a.active:hover {
	color: #FFF;
}

#topText {
	margin-top: -15px;
	margin-right: 22px;
}

#topText p {
	 
	padding: 0px;
	color: #000; 
	text-align:right;
	font-size: 10px;
	font-weight: bold;
}

#topText img {
	vertical-align: middle;
}

#topText p a {
	margin: 0px; 
	padding: 0px 2px;
	color:#000; 
	text-decoration: none;
}

#topText p a:hover {
	color: #FFFFFF; 
}

#content {
	background-image: url("/_img/tanBg.png");
	width: 750px;
	margin: 0 auto;
	height: auto;
	position: relative;
	padding-bottom: 135px;
	min-height: 700px;
	overflow: visible;
}
#content img.btmBlack {
	position: absolute;
	/* margin-bottom: -10px; */
	top: -10px;
	z-index: 20;
}

#content #bambooPic {
	position: absolute;
	left: -80px;
	bottom: 0px;
}

#aboveBamboo {
	position: relative;
	
}

/*-------------BAMBOO Div------------*/
/* My problem with putting it on top was that you couldn't click on anything 'underneath' it. So I'm putting it on TOP of the content div - which has the transparent background and UNDERNEATH the contentLeft which has the content actually in it I'm hoping thAT solves the issue - 
Added by Marie */

#bamboo {
	width: 910px;
	overflow: visible;
	position:absolute;
	bottom: 0px;
	
	background-image: url('/_img/bamboo.png');
	background-position: bottom;
	background-repeat: no-repeat;
	min-height: 730px;
	margin: 0px auto;
	padding: 0px;
}
#contentLeft {
	width: 457px;
	padding-left: 25px;
	padding-top: 26px;
	margin-bottom: 15px;
}

#contentLeft a {
	color: #E2271D;
	text-decoration: none;
}

#contentLeft a:hover {
	text-decoration: underline;
}

#contentLeft h2 {
	font-size: 14px;
	/*color:  #603913;*/
	color: #3B2314;
}

#contentLeft p.press {
	padding-bottom: 0px;
}

/* #content  */p {
	font-size: 12px;
	padding: 0px 0px 7px 0px;
	/*color: #462600;*/
	color: #3B2314;
}


#content ul {
	padding-left: 30px;
	margin-top: -4px;
	
}

#content li {
	font-size: 12px;
	color: #603913;
}

#content h1 {
	font-size: 15px;
	padding-top: 8px;
	padding-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FF3300;
	
}

#homeDino {
	border: 5px solid #000;
	margin-bottom: 10px;
	width: 441px;
	padding: 0px;
	height: 248px;
}

#logos {
	margin-top: 8px;
	width: 124px;
	margin-left: 23px;
	text-align: center;
}

#logos img {
	/*padding-left: 4px;*/
}

#rotation {
	width: 103px;
	/*height: 70px;*/
	padding-top: 7px;
	margin-left: 8px;
/* 	border: 2px solid #FF3300; */
/* 	background-color: #F1E3C5; */
	background-color: transparent;
	/*-moz-opacity:10;*/
	padding-left: 9px;
}	
/*#rotation div {
	width: 85px;
}
*/
#foliageBtm {
	/* margin: -30px 0px 0px 0px; */
	position:absolute;
	bottom:0px;
	z-index: 25;
}
#labLink {
	margin-top: -6px;
	padding: 0px;
}

/*-------------SideBar Accordion-------------*/

#sidebar {
   float: right;
   width: 170px;
   margin-right: 50px;
   margin-top: 20px;
}

#sidebar img.tickets {
	margin-top: -2px;
	margin-left: 12px;
}

#accordionTop {
	background-image: url("/_img/accordionTop.png");
	background-repeat: no-repeat;
	height: 8px;
}

#accordionMid {
	background-image: url("/_img/accordionMid.gif");
	background-repeat: repeat-y;
	min-height: 30px;
}

#accordionBtm {
	background-image: url("/_img/accordionBtm.png");
	background-repeat: no-repeat;
	height: 15px;
}

#accordionMid p.hours {
	text-align: center;
	color: #000;
	font-size: 11px;
}

#accordionMid p.hours span{
	color: #F15A29;
	font-weight: bold;
}

.accordionMidHeader {
   background-image:url(/_img/accordionBox.gif);
   background-position: center;
   background-repeat:no-repeat;
/*   border-bottom: solid 1px #F7931E;
   border-top: solid 1px #F7931E;*/
   border-collapse:collapse;
   margin: 0px;
   padding: 3px 11px;
   cursor: pointer;
   font-family: Impact, Arial;
   font-size: 16px;
   color: #000;
   text-align: center;
   width: 148px;
}

.accordionMidHeaderC {
   background-image:url(/_img/accordionBoxC.gif);
   background-position: center;
   background-repeat:no-repeat;
/*   border-bottom: solid 1px #F7931E;
   border-top: solid 1px #F7931E;*/
   border-collapse:collapse;
   margin: 0px;
   padding: 3px 11px;
   cursor: pointer;
   font-family: Impact, Arial;
   font-size: 16px;
   color: #000;
   text-align: center;
   width: 148px;
}

.accordionMidHeaderR {
   background-image:url(/_img/accordionBoxR.gif);
   background-position: center;
   background-repeat:no-repeat;
/*   border-bottom: solid 1px #F7931E;
   border-top: solid 1px #F7931E;*/
   border-collapse:collapse;
   margin: 0px;
   padding: 3px 11px;
   cursor: pointer;
   font-family: Impact, Arial;
   font-size: 16px;
   color: #000;
   text-align: center;
   width: 148px;
}


.reasonBlock {
   margin: 0px;
   padding: 0px;
   display: none;
   overflow: hidden;
}

#content p.AccMid {
	color: #000;
	font-size: 11px;
	text-align: left;
	padding: 5px;
	width: 150px;
	margin-left: 9px;
}

#content ul.AccMid2 {
	color: #000;
	font-size: 11px;
	text-align: left;
	padding-right: 3px;
}

#content p.AccMid a {
	color: #E2271D;
}

.accordionMidHeader a{
	color: #000;
}

.accordionMidHeader a.cure {
	color: #fff;
}

#soundEffects {
	margin: -10px auto 20px auto;
	padding: 0;
	text-align: center;
}
/*------Flash intro---------*/
#outerWrapper {
   width: 100%;
   height: 100%;
   margin: 0;
   padding: 0;
}

#pageContent {
   /* 	height: 100%; */
/* 	text-align: center; 
	width: 955px;*/
   margin: 0 auto;
   color: #000;/* 	opacity: 0.0; */
/* 	filter: "alpha(opacity=0)"; */
/* 	display: none; */
}

#introContainer {
   background-color: #000;
   width: 100%;
   height: 100%;
   /* 	height: 800px; */
	position: absolute;
   top: 0;
   left: 0;
   /* 	margin: 0 auto; */
	text-align: center;
	padding-bottom: 20px;
}

/* slideshow css for dino pics and sponsors  */
/* slideshow gallery */
#rotation {
margin: 0 0 -5px 0;
text-align: center;
}
.slideshowlite {
	position: relative;
	/* border: 2px solid #111; */
	overflow: hidden;
}

	.slideshowlite a {
		position: absolute;
		z-index: 1;
		width: 100%;
		height: 100%;
		text-align: center;
		border: none;
	}

	.slideshowlite img {
		border: none;
	}
#logos #rotation.slideshowlite a {
	left: 0;
	top: 0;
}

/* pagination control */

.slideshowlite ul,
.slideshowlite ol {
	list-style: none;
	position: absolute;
	margin: 0;
	padding: 0;
	bottom: 5px;
	right: 5px;
	z-index: 3;
}
	.slideshowlite ul li,
	.slideshowlite ol li {
		float: left;
		margin: 0 3px;
		width: 16px;
	}
	

#logos #rotation.slideshowlite ul li,
	#logos #rotation.slideshowlite ol li {
		display: none;
		visibility: hidden;
	}
	
	.slideshowlite ul li a {
		position: relative;
		display: block;
		width: 100%;
		height: 14px;
		padding-top: 2px;
		text-decoration: none;
		color: #666;
		background: #eee;
		border: 1px solid #666;
		text-align: center;
		font-size: 11px;
	}
	
	.slideshowlite ul li a.current {
		color: #111;
		font-weight: bold;
		border: 1px solid #111;
		background: #fff;
	}
	
	.slideshowlite ul li a:hover {
		color: #fff;
		background: #333;
	}
	
/* caption control */

.slideshowlite ol {
	top: 5px;
	position: relative;
	overflow: hidden;
	width: 100%;
	font-size: 14px;
	color: #fff;
	background: #000;
	padding: 3px 10px;
}

	.slideshowlite ol li {
		width: 100%;
	}
	
	/*---------Popup----------*/
#contentLeft h1.pop {
	font-size: 22px;
	padding-top: 8px;
	padding-bottom: 6px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FF3300;
	text-align: center;
	width: 394px;
}

#contentLeft p.pop {
	text-align: center;
	margin-top: 10px;
	font-size: 13px;
	width: 394px;
}

#content.pop {
	background-image: url("/_img/tanBg.png");
	width:450px;
	margin: 0 20px;
	height: auto;
	position: relative;
	/*padding-bottom: 135px;*/
	min-height: 500px;
}

#100kEntry {
	margin:0;
	padding: 0;
}
#thousandPeepsEntry p {
	clear: left;
	position: relative;
	margin: 4px 0;
}
#thousandPeepsEntry label {
	margin:0;
	padding: 0 10px 0 0;
	float:left; 
	width: 100px;
	text-align: right;
}
#thousandPeepsEntry input[type="text"] {
	margin:0;
	padding: 0;
	width: 200px;
}
#thousandPeepsEntry input[type="submit"]
{
width:auto;
margin-left:110px;
display:block;
}
.copyright, #copyright  {
	font-size: 9px;
	color: #222;
	text-shadow: 1px 1px 2px #fff;
}
div.copyright  {
	position: absolute;
	bottom: 5px;
	text-align: center;
	width: 100%;
}