body {
	margin:0;
	padding:0;
	font:0.8em "normal Tahoma", Arial, Tahoma, Verdana, sans-serif;
	background-image:   url("images/background.jpg");
	background-repeat: repeat;
	color: #FFFFFF;
}

img {border:0;}

#wrapper {
	text-align: left;
	margin: 0px auto;
	padding: 20px;
	border:0;
	width: 900px;
	background: #000000 repeat;
}

#header {
	margin: 0 0 0 px 0;
	background: #000000;
}

.logo {margin:0 0 0 0;padding: 0px; border:0;}

.float_right {float: right;}
.float_left {float: right;}

.banner_ad {
	padding: 0px;
	border:0;
	right: 0px;
	position: relative;
	left: 442px;
}
.banner_ad2 {
	padding: 0px;
	border:0;
	right: 0px;
	position: relative;
	left: 50px;
}

/* Default Link CSS */
a {
	color:#ffffff;
	text-decoration:none;
	outline: none;
	}

/* Navigation CSS */
/* The tabbed navigation uses the 'sliding doors' technique to allow the tabs to look good even when text is resized. See http://www.alistapart.com/articles/slidingdoors/ for more info. I've used the second method described. It floats the two images */
#nav {margin:10px 0 0 0;border-bottom:10px solid #363636;height:2em;}
#nav ul {margin:0;padding:0;list-style:none;}
/* for the nav li - the background here provides the main tab graphic and the right hand corner */
#nav li {margin:0 1px 0 0;padding:0;list-style:none;float:left;background:  url("images/nav_right.gif") no-repeat right top;} 
/* for the nav li a - the background here provides the left hand curve of the corner */
#nav li a {border-bottom:1px solid #000;font-size:1em;background:  url("images/nav_left.gif") no-repeat left top;padding:0.3em 0.9em 0.4em 0.9em;outline:none;float:left;display:block;text-decoration:none;color:#D30F0F;}

/* Active Tab CSS */
	body #nav li.active {background:  url("images/nav_right_active.gif") no-repeat right top;}
	body #nav li.active  a {border-bottom:0;background:  url("images/nav_left_active.gif") no-repeat left top;height:1.5em;color:#FFFFFF;}

#left_col {
	float: left;
	width: 200px;
}

#right_col {
	float: right;
	width: 180px;
}

#centre_col { 
	float: left; padding: 0px 20px 20px 30px;
	/*width: 63%; */
}

#centre_col a {}

#centre_col_video { 
	padding: 40px 20px 20px;
}

#centre_col_gallery {
	padding: 40px 0px;
	left: 0px;
}
#centre_col_text {
	padding: 40px 0px;
	left: 0px;
	width: 460px;
}

#centre_col_homepage_text {
	padding: 0px 20px 0 20px;
	left: 0px;
	width: 422px;
}

#centre_col_form {
	padding: 40px 0 0 20px;
	left: 0px;
	width: 420px;
}

#centre_col_resources {
	padding: 40px 0 0 20px;
	left: 0px;
	width: 420px;
}

#centre_col_resources a{
	color: #FFFFFF;
	text-decoration: underline;
	line-height: 20px;
	padding-left: 20px;
}

#centre_col_resources a:hover{
color: #D30F0F;
}

#centre_col_caption {
	text-align: center;
}

#mainGallery {padding:0; padding:0;}
#mainGallery h2 {
	margin:0;
	text-align:left;
	padding-left: 0px;
}
#mainGallery img {margin:0; padding:0; border:0px;}


/* Footer CSS */
/* note that the clear:both cancels previous floats so that the footer streches across page */

#right_col h2 {
	margin:0;
	text-align:left;
	padding-left: 0px;
}

#centre_col h2 {
	margin:0;
	text-align:left;
	padding-left: 20px;
}

#right_col ul {margin:0;padding:0;list-style:none;}

#clear_right {clear: both;}

#footer {
	clear: both;
	background: #000000;
	text-align: center;
	padding: 15px;
	font-size: 0.9em;
	color: #999999;
	}

#footer a{
color: #999999;
}

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

h2 {margin:0; text-align:left; padding:15px 0px 20px;}

#centre_header {width:461px;background:  url("images/low_tab.gif") no-repeat left bottom;}

q {
	font-size: 1.2em;
	font-style: italic;
	color: ffff00;
}

#quote_reference {
	font-size: 0.9em;
	color: #999999;
	padding-left: 10px;
	padding-top: 10px;
}

.community {
	padding: 0 0 0 20px;
	
}

#tour_info {
	font-size: 0.9em;
}
ul.tour_date {color:#D30F0F
}
ul.tour_region {color:#999999
}
.touch_heads_pic {
	margin-left: 56px;
}
.contact_name {	color: #D30F0F;}

.photographer_name {color: #999999;}

.photographer_name a {color:#999999; text-decoration:none; outline: none;}

.photographer_name a:hover {color:#999999; text-decoration:underline; outline: none;}

.highlight {
	color: #D30F0F;
}
.article_text {
	margin-left: 20px;
}
.article_title {
	font-size: 1.2em;
	color:#D30F0F;
	font-weight: bold;
}

.article_img {
	margin-top: 20px;
}

.soundpad_btn {margin-top: 20px; margin-bottom:15px;}