/* ======================================================
   BCCHOME.css contains general layout and typographic
   styles that will be used on the home page
   
   1. Home layout
   2. Event listing
   
   
   COLORS
   text brown: #846445
   header blue: #67C8C6
   red: #9F1C26
   orange: #E87D1E
   
   ====================================================== */


@import "/index.php?css=site/base_css";


/* ======================================================
   HOME LAYOUT                                     
   ====================================================== */

body {
	background: #FFF url(images/bck-home3.jpg) no-repeat center top;
}
#bcchead {
	height: 450px;
}
#homesplash {
	height: 450px;
	width: 660px;
	float: right;
}
.tourbutton, .joinbutton {
	margin-left: 25px;
	margin-top: 10px;
}
.tourbutton, .joinbutton, .tourbutton a, .joinbutton a {
	width: 250px;
	height: 55px;
}
.tourbutton, .tourbutton a {
	background-image: url(images/top-tourbutton.jpg);
}
.joinbutton, .joinbutton a {
	background-image: url(images/top-joinbutton.jpg);
}

/* ====================================== end home layout */
#bookingbutton {
    float: left;
    margin-top: 11px;
    padding-bottom: 11px;
    border-bottom: 1px solid #D3C1B0;
    height: 71px;
}
#bookingbutton a {
    display: block;
    width: 960px;
    height: 71px;
    background: transparent url(images/booking-button.jpg) no-repeat left top;
    text-indent: -999em;
    text-decoration: none;
    overflow: hidden;
}
/* ======================================================
   EVENT LISTING                                     
   ====================================================== */
   
.event {
	float: left;
	padding-bottom: 1.5em;
}   
/*.eventimg {
	float: left;
	margin-top: .4em;
}*/
#bcccontent .event h4, #bcccontent .event p {
	float: right;
	width:635px;
	font-size: 1.3em;
	line-height: 1.4em;
}
#bcccontent .event h4 a {
	text-decoration: none;
	color: #9F1C26;
}
#bcccontent .event h4 a:hover {
	color: #E87D1E;
}
#bcccontent .event p .more {
	color: #E87D1E;
	font-weight: bold;
	text-decoration: none;
	padding-right: 21px;
	margin-left: .5em;
	background: transparent url(images/arrow-right.gif) no-repeat right center;
}
#bcccontent .event p .more:hover {
	color: #9F1C26;
}
/*#image-container{
    width: 660px; 
    height: 450px;
}*/

/* ==================================== end event listing */