/* - The Big Tree v3 - Stylesheet
=============================================
	Created: 02/11/08
	Author: Chris James for The Rix Centre
	Version: 1.0
=============================================*/

body {
	margin: 0;
	padding: 0;
	color: #fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
	background-color: #dadada;
}

a {
	color: #f36100;
}

img {
	border: none;
}

#container {
	margin: 0 6% 0 6%;
	min-width: 850px;
	background-color: #000;
}

#breadcrumbs {
	font-size: 0.8em;

}

#contact {
	position: absolute;
	right: 7%;
	background:  url("../images_2008/contact_icon.gif") no-repeat 0 50%;
	padding: 0 0 0 30px;
	
}

#contact a {
	position: relative;
	color: #fff;
	text-decoration: none;
}

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

#header {
	
	background:  url("../images_2008/header_fade.gif") repeat-x 0 0 #2f2f2f;
	min-height: 80px;
}



#utils {
	background-color: #000;
	padding: 5px;
	border-bottom: 1px solid #424242;
}	

#content {
	background-color: #000;
	min-height: 400px;
	width: 75%;
	margin: 0 auto;
}

.menu {
	text-align: center;
	width: 750px;
	margin: 0 auto;
}

.menu h2 {
	margin: 5px;
	padding: 0;
	color: #f46100;
}	
.menu h2 a {
	text-decoration: none;
}

.listen {
	padding: 4px;
	text-align: center;
}

.pic {
	background-color: #303030;
	text-align: center;
	
}

h2.intro_para {
	color: #f46100;
}

.intro_para {
	margin: 0 15% 0 15%;
	padding: 0 0 8px 0;
}

#footer {
	color: #c2c2c2;
	background-color: #303030;
	padding: 3px 0 3px 7px;
	
}
#footer table {
background-color:#FFFFFF;
}
.logos {
	color: #f46100;
	font-weight: bold;
	font-size: 12px;
	margin-top: 10px;
	width: 80%;
	margin: 4px auto;
	text-align: center;
	/*background: #fff;*/
	padding: 5px 0;
	
}
.logos img {padding: 0 20px 0 20px;
}

#screen { margin-left:auto ; margin-right:auto ;position:relative; width:510px;}
	.grad {background-image:url(grad.png) ;height:197px ; position:absolute ; top:10px; width:14px}
	#gradL { left:0 ; background-position:left bottom ;}
	#gradR { left:498px ; background-position:right bottom ;}
#slideshow {margin:15px 0 ; width:510px}
	#slideshow ul {list-style:none ;margin-top: 0 ;padding-left:0 ;}	
		#slideshow li { border: 1px solid #424242; float:left;	margin:10px 0 0 15px;	cursor:pointer; width:150px}
	#screen .buttons {position:absolute ; top:70px ; visibility:hidden;}
	#screen .prev {left:-28px;}
	#screen .next {left:520px }

/* IE6 Hacks */

* html #container {
	width: 900px;
	margin: 0 auto 0 auto;
}	 

* html #header {
	height: 80px;
}

* html #menu {
	padding: 0 0 0 15%;
}

* html .intro_para {
	margin: 15px 15%;
}

* html #contact {
	position: relative;
	float: right;
	
}

* html #utils {
	background-color: #000;
	height: 30px;
}

* html #content {
	height: 400px;
	width: 100%;
}