@charset "utf-8";
/* ------------------------------------- MAIN */
#mainpic {
	float: left;
	position: relative;
	width: 756px;
	height: 459px;
	margin: 0 0 207px 0;
	background: #012a56;
}
#mainpic .filter {
	position: absolute;
	top: 0;
	left: 0;
	clear: both;	
}
#mainlogo {
	position: absolute;
	top: 12px;
	left: 9px;
	clear: both;
}
#threepanels {
	position: absolute;
	top: 338px;
	left: 1px;
	clear: both;
	width: 756px;
}
#threepanels .navbox {
	float: left;
	display: inline;
	width: 242px;
	margin: 0 0 0 7px;
}
#threepanels .navbox .title, #threepanels .navbox .banner {
	float: left;
	width: 242px;
}
#threepanels .navbox .title img, #threepanels .navbox .banner img {
	float: left;
}
#getinvolved .desc {
	background: #e56e1f url(../../images/homepage/bg-get-involved.jpg) bottom left no-repeat;
}
#becomemember .desc {
	background: #64b52c url(../../images/homepage/bg-become-a-member.jpg) bottom left no-repeat;
}
#sponsor .desc {
	background: #eb4277 url(../../images/homepage/bg-sponsor-the-garage.jpg) bottom left no-repeat;
}
.navbox .desc {
	float: left;
	width: 222px;
	height: 50px;
	padding: 10px 10px 0 10px;
	overflow: auto;
	color: #000;
}
.navbox .desc a {
	font-weight: bold;
	color: #fff;
}
#latestphotos {
	float: left;
	width: 536px;
}
/* Modified 3rd party css */
#slideshow {
	float: left;
    width: 538px;
	padding: 0 0 10px 0;
	background: url(../../images/panels/stripe-bg.gif);
}
#slideshow_wrapper {
	position: relative;
	overflow: scroll;
	width: 492px;
	height: 98px;
	left: 21px;
	top: 5px;
}
#slideshow_set {
	position: absolute;
}
#slideshow_set li {
	float: left;
	position: relative;
	/* width: 100px; This should be generated dynamically */
	padding: 3px 0 1px 6px;
}
#slideshow_set li .left {
	position: absolute;
	top: 1px;
	left: 4px;
	clear: both;
}
#slideshow_set li .right {
	position: absolute;
	top: 1px;
	right: -2px;
	clear: both;
}
#navigation {
    position: absolute;
}
/* These styles need to be uncommented when the styles from the index.asp code have been removed
#scroll_left {
	left: 0;
	top: 0;
	background: url(images/panels/button-arrow-left.gif) 0 23px no-repeat;
}
#scroll_right {
	left: 518px;
	top: 0;
	background: url(images/panels/button-arrow-right.gif) 1px 23px no-repeat;
}
*/
#scroll_left {
	left: 0;
	top: 0;
	background: url(../../images/panels/button-arrow-left.gif) 0 23px no-repeat;
}
#scroll_right {
	left: 518px;
	top: 0;
	background: url(../../images/panels/button-arrow-right.gif) 1px 23px no-repeat;
}

#scroll_left, #scroll_right {
    position: absolute;
    overflow: hidden;
    display: block;
    padding: 0 0 0 21px;
    height: 92px;
    width: 0px !important; /* for most browsers */
    width /**/: 21px; /* for IE5.5's bad box model */
}
/* Modified 3rd party css END */
#latestphotos .footer {
	float: left;
	width: 523px;
	padding: 2px 5px 3px 10px;
	color: #fff;
	background: #000;
}
#latestphotos .footer .desc {
	float: left;
	padding: 3px 0 0 0;
}
#latestphotos .footer img {
	float: right;
}
#latestphotos .footer a {
	font-weight: bold;
	color: #2dc6e7;
}
#latestphotos .footer a:hover {
	color: #fff;
}
.mapbox {
	float: right;
}
.defaultbox .address {
	float: left;
	width: 98px;
	padding: 14px 0 0 11px;
}
.defaultbox .map {
	float: left;
	width: 103px;
	padding: 6px 0 6px 0;
}