/* [01] LAYOUT */
body {
	background: #1a0700 url(../images/core/body_bg.jpg) repeat-x top left;
	text-align:center;
}
#main_container{
	width: 1002px;
	text-align: left;
	margin: 22px auto;
    z-index:1;
}
#container{
  border: 1px solid black;
}
#top_banner{
height:20px;	
background:#ffffff url(../images/core/top_banner.jpg) no-repeat;
z-index: 2;
}
#header{

height:220px;
background:#ffffff url(../images/core/header_dino.jpg) no-repeat;
border-top: 1px solid black;
}
.header_flash{
position:relative;
top:-20px;
right:-40px;
background: transparent; 
float:right;
z-index:2;
}

/*[02] NAVIGATION BAR */
#nav {
position:relative;
top:-5px;
background: transparent; 
float:left;
z-index:3;
}
#nav img{
border-style: none;
}
#nav_container{
background:transparent url(../images/core/nav_background.jpg) no-repeat;
border-top: 1px solid black;
height:114px;
top:10px;
}

/*[03] NEWS TICKER */
 .ticker_container {
position:relative;
margin-right:10px;
margin-top:-7px;
float:right;
width: 850px;; 
background: #ffffff;
overflow:hidden;
}

.tickercontainer { /* the outer div with the black border */
background: #000; 
width: 850px;
height:23px;
margin: 0; 
padding: 0
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top:3px;
width: 830px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 850px;
list-style-type: none;
margin: 0;
padding: 0;
font: 13px Arial, Helvetica, sans-serif;
}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
background: #000;
}
ul.newsticker a {
white-space: nowrap;
text-decoration:none;
padding: 0;
color: #dca81d;
font-weight:bold;
margin: 0 10px 0 0;
} 
ul.newsticker span {
white-space: nowrap;
margin: 0 50px 0 0;
color: #dca81d;
} 

/*[04] SUB MENU */
#subNav ul {
	margin: 0px 50px 5px 10px;
	font: 14px Arial, Helvetica, sans-serif;
}
#subNav ul li a {
	color: #000;
	text-decoration:none;
	font-weight: bold;
	border-bottom:1px solid #916d24;
	display:block;
	margin:4px 0;
	padding:0 0 4px 0;
}

#subNav a:hover{
color: #817f4c;
text-decoration:none;
}

#subNav li {
display:inline;
}

/*[05] MAIN CONTENT */
#content_container{
border-top: 1px solid black;
background: url(../images/core/homepage_bg.jpg) repeat-y top left;
padding-top:11px;
overflow:hidden;
}
#content_leftcol{
background: url(../images/core/subnav_background.png) repeat-y top left;
width:200px;
float:left;
height:1350px;
margin-top:-11px;
}
#content_middlecol{
background:none;
float:left;
width:560px;
}

#content_middlecol img{
border-style: none;
}
#content_middlecolwide img{
border-style: none;
}

#content_middlecol ul {
	font: 14px Arial, Helvetica, sans-serif;
	list-style: circle;
}
#content_middlecolwide ul {
	font: 14px Arial, Helvetica, sans-serif;
	list-style: circle;
}
#content_middlecol h1{
	font: 18px Arial, Helvetica, sans-serif;
}
#content_middlecolwide h1{
	font: 18px Arial, Helvetica, sans-serif;
}
#content_middlecolwide{
background:none;
width:800px;
float:left;
margin-top:-11px;
}
#content_middlecolwide p{
	font: 11pt Arial, Helvetica, sans-serif;
}
#content_middlecol p{
	font: 11pt Arial, Helvetica, sans-serif;
}
	
#content_middlecolwide h1{
color:#00000;
}
#content_rightcol{
background:none;
float: right;
width: 240px;

}
#weather_app{
	position:relative;
	left:590px;
	top:-520px;
}
#weather_app_content{
	position:relative;
	left:605px;
	top:-765px;
	width:170px;
	font-size: 12px;
	font-weight: bold;
	font-family:Arial;
	text-align:center;
}
#download_leaflet{
	position:relative;
	top:-100px;
}
#season_ticket_info{
	position:relative;
	top:-970px;
	left:-10px;
}
#st_click_download{
	position:relative;
	top:-1015px;
	left:100px;
	z-index:20;
}
#adoption_info{
	position:relative;
	top:-1180px;
	left:280px;
}
#ad_click_download{
	position:relative;
	top:-1215px;
	left:370px;
}
#main_image{
	position:relative;
	left:-10px;
	top:4px;
}
#xtinction_logo{
	position:relative;
	left:250px;
	top:-310px;
}
#xtinction_pics{
	position:relative;
	left:210px;
	top:-300px;
}
#button_sag{
	position:relative;
	top:20px;
	
}
#button_pyd{
	position:relative;
	top:20px;
}
#button_seasonticket{
	position:relative;
	top:-560px;
	left:590px;
}
#button_animal_sponsorship{
	position:relative;
	top:-550px;
	left:590px;
}

/*[06] GLOBAL */
ul{
	list-style-type:none;
	padding: 0;
}
.clear{
clear:Both;
}
.fL {
float:left;
}
.fR {
float:right;
}

/*[07] FOOTER*/
#footer {
    height:150px;
	clear: both;
	margin: 5px 5px 0px;
	font: 11px Arial, Helvetica, sans-serif;
color:#fff;
}
#footer img {
border-style:none;
}

#footer a {
text-decoration:none;
color:#817f4c;
}
#footer a:hover {
color: #fff;
text-decoration:none;
}

#footer ul.fL, #footer ul.fR {
	margin: 0px;
	padding: 0px;
}

#footer ul.fL li {
	float: left;
	margin: 10px 10px 10px 0px;
}

#footer ul.fR li {
	float: right;
	margin: 10px 0px 10px 10px; 
	}
	
/*[08] PICTURES*/

.col_pic_2{
	margin-top: -20px;
	z-index:2;
}