/*
 * Supplemental css for default template file
 */
#frame {
	background: #fff url(/images/bg_frame_default.jpg) repeat-x left top;
}
#frame_inner {
	background: url(/images/bg_frame_inner_default.jpg) no-repeat center 115px;
}

#banner {
	width: 580px;
	padding-right: 360px;
	height: 85px;
}
/*sponsor logo links*/
#banner p.sponsorlogos {
	position: absolute;
	bottom: 0;
	margin: 0;
}
#banner p.sponsorlogos a {
	float: left;
	display: inline;
	height: 70px;
	margin-left: 10px;
}
#banner p.sponsorlogos a span {
	display: none;
	visibility: hidden;
}
#banner p.sponsorlogos a#honda {
	width: 80px;
}
#banner p.sponsorlogos a#suzuki {
	width: 180px;
}
#banner p.sponsorlogos a#msf {
	width: 180px;
}



#container {
	padding-bottom: 2em;
}

#content {
	margin: 0;
	padding: 1px 0 10px 0px;
	overflow: hidden;
	width: 620px;
	min-height: 400px;
	background: white;
	float: left;
	display: inline;
}

#side {
	margin: 0px;
	padding: 0;
	width: 300px;
	float: right;
	min-height: 400px;
	_height: 400px;
}

/*////////////////
*	#content specific
////////////////*/

#content .fr {float: right;display: inline;clear: right;}
#content .fl {float: left;display: inline;clear: left;}
#content div.imghalf.fl {margin-right: 8px;}
#content div.leveler{clear: both;}
#content .smallblock,
#content .fullblock,
#content .halfblock,
#content .featureblock,
#content .fullimg,
#content .newsblock,
#content .thirdblock,
#content .productblock {
	margin: 5px 0px;
	/*margin: 1px 0 1px 0;*/
	/*padding: 1px 0;*/
	position: relative;
	overflow: hidden;
}
#content .halfblock,
#content .featureblock {
	width: 310px;
	_width: 302px; /*IE6*/
	position: relative;
	display: inline;
	float: left;
	clear: none;
	margin: 0;
	padding: 0;
	}
#content .fullblock,
#content .fullimg {
	clear: both;
}
#content .fullblock {
  	margin-bottom:1em;
 
}
#content h2 small, 
#content h3 small {
	display: block;
	font-size:13px;
}
/*////////////////
*	fullblock and halfblock
////////////////*/
#content .fullblock div.fullimage {
	margin: 0 0 0.4em 0px;
	padding-top: 15px;
	background: url(/images/bg_img_wide_top.gif) no-repeat top left;
}
#content .fullblock div.fullimage div {
	padding: 0 25px 15px 25px;
	background: url(/images/bg_img_wide_bot.gif) no-repeat bottom left;
}
#content .fullblock div.fullimage img {
	display: block;
	width: 570px;
}
#content .fullblock div.thumb,
#content .halfblock div.thumb {
	margin: 0 0 0.4em 0px;
	padding-top: 10px;
	background: url(/images/bg_img_half_top.gif) no-repeat top left;
}
#content .fullblock div.fl {
	margin-right: 5px;
}
#content .fullblock div.thumb div,
#content .halfblock div.thumb div {
	padding: 0 20px 10px 20px;
	background: url(/images/bg_img_half_bot.gif) no-repeat bottom left;
}
#content .fullblock div.thumb img,
#content .halfblock div.thumb img {
	display: block;
	width: 270px;
}


/*////////////////
*	slideShowPro
////////////////*/
#content .sspdirector .swf {
	margin: 0 0 0.4em 0px;
	padding-top: 15px;
	background: url(/images/bg_img_wide_top.gif) no-repeat top left;
}
#content .sspdirector .swf div {
	padding: 0 25px 15px 25px;
	background: url(/images/bg_img_wide_bot.gif) no-repeat bottom left;
}

/*////////////////
*	Thirdblock : One third the width
////////////////*/
#content .thirdblock {
	width: 206px;
	float: left;
	display: inline;
	font-size: 0.9em;
}
#content .thirdblock .thumb {
	padding: 10px 0 0 0;
	display: block;
	background: url(/images/bg_img_third_top.gif) no-repeat top left;
}
#content .thirdblock .thumb div {
	padding: 0 15px 15px 15px;
	display: block;
	background: url(/images/bg_img_third_bot.gif) no-repeat left bottom;
}
#content .thirdblock .thumb img {
	width: 176px;
	display: block;
}

/*////////////////
*	product block
////////////////*/
#content .productblock div.thumb {
	margin: 0 5px 0.4em 0px;
	padding: 15px;
	min-height: 158px;
	background: url(/images/bg_product_image.gif) no-repeat top left;
}
#content .productblock div.thumb a {
	display: block;
	z-index: 1;
}
#content .productblock div.thumb img {
	display: block;
	width: 176px;
	height: 132px;
}
#content .productblock .inner {
	margin-left: 206px;
}
#content .productblock ol li {
	list-style: none;
	list-style-image: none;
	overflow: hidden;
}
#content .productblock ol a,
#content .productblock .seymour a {
	display: block;
	display: inline-block;
	background: url(/images/bg_btn_120.gif) no-repeat left top;
	height: 22px;
	padding-top: 2px;
	text-align: center;
	width: 120px;
	color: #000;
	text-decoration: none;
	/*float: left;*/
	margin-right: 4px;
}
#content .productblock ol a:hover ,
#content .productblock .seymour a:hover {
	text-decoration: underline;
} 

/*Links for image captions above*/
#side div.thumb a,
#content div.fullimage a,
#content div.thumb a {
	color: #3b3e47;
	text-decoration: none;
}
#side div.thumb span,
#content div.fullimage span,
#content div.thumb span {
	color: #3b3e47;
	display:block;
	padding: 2px 4px;
}

/*////////////////
*	side block
////////////////*/
#side .block {
	width: 300px;
	display: block;
}
#side .block .thumb {
	padding: 10px 0 0 0;
	display: block;
	background: url(/images/bg_img_half_top.gif) no-repeat center top;
}
#side .block .thumb div {
	padding: 0 15px 15px 15px;
	display: block;
	background: url(/images/bg_img_half_bot.gif) no-repeat center bottom;
}
#side .block .thumb img {
	width: 270px;
	display: block;
}

/*////////////////
*	Events and booking
////////////////*/
.booking p {
	overflow: hidden;
}
.booking p.buttons {
	text-align: center;
}
table.events {
}
table.events td,
table.events th {
	padding: 0;
	vertical-align: top;
}
.booking p,
.booking h4,
.booking h3 {
	margin: 0.1em 20px;
}
.booking .resume {
	margin-top: 1em;
}


table.events h4 {
	margin: 0.3em 20px;	
}
table.events h3 {
	font-size: 1.1em;
}
table.events td {
	border-top: 1px #3B3E47 solid;
	padding-bottom: 4px;
}
table.events td.date {
	width: 66%;
}
table.events th {
	background: #3B3E47;
	color: white;
}
table.events tr.subhead th {
	background: #d4d6db;
	color: #3b3e47;
	font-size: 0.9em;
	font-style: italic;
}
table.events tr.subhead  p {
	margin: 0em 15px;
}
table.events td em {
	display: block;
	font-size: 0.9em;
}
table.events caption {
	margin: 0;
	text-align: left;
}
/*////////////////
*	sidebar booking progrss indicator
////////////////*/
#side #bookingProcess {

}

#bookingProcess li {
	margin-left: 20px;
}
#side #bookingProcess li.sel {
	font-weight: bold;
	color: #ed1c24;
}
div.twocol {
	margin: 0.3em 0;
	padding: 0 0 0 0em;
	overflow: hidden;
}
div.twocol div.col {
	margin: 0.3em 0 0.3em 0;
	padding: 0;
	float: left;
	width: 49.8%;
}
table.twocol {
	margin: 0.3em 0 0.3em 4em;
	padding: 0;
}
div.twocol div.col div.formElement p {
	margin: 0.1em 0 0.1em 20px;
}
.twocol div.label, 
.twocol label.blk {
	/*width: 8em;*/
}
.twocol input,
.twocol select,
.twocol textarea {
	width: auto;
	width: 10em;
}
.twocol input.var {
	width: auto;
}

.resume div.twocol div.col {
	
}

.resume div.col p {
	margin: 0.2em 0 0.2em 20px;
	border-bottom: 1px #d4d6db solid;
	overflow: hidden;
}
.resume label {
	margin-right:5px;
	margin-top:0px;
	text-align:right;
	vertical-align:top;
	width:10em;
	font-style: italic;
}