@charset "utf-8";
/* ------------------------------------- MAIN */
#mainpic {
	float: left;
	position: relative;
	width: 756px;
	height: 459px;
	margin: 0 0 207px 0;
}
#mainpic .filter {
	position: absolute;
	top: 0;
	left: 0;
	clear: both;	
}

.hero-left-col {
	position:absolute;
	top:8px;
	left:8px;
	width:242px;
	height:330px;
	background:transparent url(../../images/homepage/hero-text-bg.png) repeat scroll 0 0;
}

#mainlogo {
	position: absolute;
	top: 5px;
	left: 5px;
	clear: both;
}

#hero-blurb {
	position:absolute;
	top:167px;
	left:20px;
	right:20px;
	color:#fff;
	font-size:1.6em;
}

#threepanels {
	position: absolute;
	top: 338px;
	left: 1px;
	clear: both;
	width: 756px;
}




#threepanels .navbox .title, #threepanels .navbox .banner {
	float: left;
	width: 242px;
}
#threepanels .navbox .title img, #threepanels .navbox .title p, #threepanels .navbox .banner img {
	float: left;
}
#getinvolved .desc, #getinvolved .title {
	background: #e56e1f url(../../images/homepage/bg-get-involved.jpg) bottom left no-repeat;
}
#becomemember .desc, #becomemember .title {
	background: #64b52c url(../../images/homepage/bg-become-a-member.jpg) bottom left no-repeat;
}
#sponsor .desc, #sponsor .title {
	background: #eb4277 url(../../images/homepage/bg-sponsor-the-garage.jpg) bottom left no-repeat;
}
.navbox .title {
	float: left;
	width: 222px;
	height: 35px;
	overflow: auto;
	color: #000;
}

.navbox .title p{	
	padding: 5px 10px 5px 10px;
	font-size: 1.2em;
}

.navbox .title a {
	color:#fff;
	font-size:1.2em;
	font-weight:normal;
}

.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;
}



/* CHANGES START HERE */
/* CHANGES START HERE */
/* CHANGES START HERE */
/* CHANGES START HERE */
/* CHANGES START HERE */

#threepanels-small {
	position: absolute;
	left: 1px;
	clear: both;
	width: 756px;
	top: 662px;
}

#threepanels .navbox, #threepanels-small .navbox {
	float: left;
	display: inline;
	width: 242px;
	margin: 0 0 0 7px;
}

#mainpic {
	margin-bottom: 385px;
}

#threepanels-small .navbox {
	background-image: url(../../images/panels/stripe-bg.gif);
}


#latestphotos {
	width: 740px;
	margin-left: 8px;
}

#latestphotos .footer {
	width: 725px;
}

#slideshow {
    width: 740px;
}
#slideshow_wrapper {
	width: 690px;
}

#scroll_right {
	left: 720px;
}

.bottom-right-panel img {
	max-width:212px;
	height:auto;
}