
/*  content  --------------------------------------------------------------------------------------------------*/

.wrapper .content{
	background-image: none;
}

.wrapper .content-inner{
	background-image: none;
}

.wrapper .content ul{
	padding-left: 15px;
	
}

/* pod headings -----------------------------------------------------------------------------------------------*/

.floatleft { float: left; }

#hdr_featured 
{
 clear: left;
 float: left;
 padding: 15px 0 10px 10px;
 width: 240px;
 height: 72px;
 background: #fff url(../img/home/hdr_featured.gif) no-repeat 18px 10px; 
}

#hdr_equipCatalogue 
{
 clear: left;
 float: left;
 padding: 15px 0 10px 10px;
 width: 240px;
 height: 72px;
 background: #fff url(../img/home/hdr_equipCatalogue.gif) no-repeat 25px 8px; 
}

#hdr_didYouKnow 
{
	 clear: left;
	 float: left;
	 /*padding: 15px 0 35px 10px;*/
	 width: 240px;
	 height: 0px;
    /*  background: #fff url(../img/home/hdr_doublePoints.png) no-repeat 15px 10px; */
    /*  background: #fff url(../img/home/hdr_didYouKnow.png) no-repeat 15px 10px; */
    /*  background: #fff url(../img/home/title_Registrations_closed.png) no-repeat 15px 10px;  */
    /*  background: #fff url(../img/home/title_Tip_of_the_Week.png) no-repeat 15px 10px; */
   /*   background: #fff url(../img/home/title_Spring_Special.gif) no-repeat 15px 10px;*/
   /*   background: #fff url(../img/home/hdr_schoolWeek.png) no-repeat 15px 10px;*/
   /*   background: #fff url(../img/home/title_Equipment_item.png) no-repeat 15px 10px;*/
   
   /*     background: #fff url(../img/home/2010ProgramNowClosed.png) no-repeat 15px 10px; */
   
}


/*  content - pods  --------------------------------------------------------------------------------------------------*/

.pods{
	background: transparent url(../img/layout/home/pods-middle.jpg) repeat-y 0 72px;
}

.pods .top{
/*	background: transparent url(../img/layout/home/pods-top.jpg) no-repeat 0 0; */
		background: transparent url(../img/layout/pods-top-b.jpg) no-repeat 0 0;
}

.pods .bottom{
	min-height: 400px;
	background: transparent url(../img/layout/home/pods-bottom.jpg) no-repeat left bottom;
	padding-bottom: 20px;
}




.pods ul{
	
	margin: 0;
	padding: 0;
}

.pods ul li.col-01,
.pods ul li.col-02,
.pods ul li.col-03{
	list-style-type: none;
	margin: 0;
	padding: 0;
	min-height: 329px;
	width: 295px;
	padding: 48px 0 0 0;
	width: 247px;
	position: relative;
	
}

* html .pods ul li{
	height: 329px;
	padding-bottom: 10px;
}

.pods ul li.col-01{
	float: left;
	padding-right: 25px;
	padding-left: 57px;
	
}

.pods ul li.col-02{
	float: left;
	padding-left: 50px;
	padding-right: 0;
}

.pods ul li.col-03{
	float:right;
	padding-left:50px;
	padding-right:63px;
}

.pods ul li img.vegetable{
	position: absolute;
	top: 0;
	left: 0;
}

.pods ul li h2{
	margin: 0 0 10px 0;
	color: #272728;
	font-size: 2.5625em;
	line-height: 1em;
	
}


/*  content - pods - col 1  --------------------------------------------------------------*/

.pods ul li.col-01 img.vegetable{
	left:5px;
	top:13px;
}

.pods ul li.col-01 h2{
	padding-left: 20px;
	margin-bottom: 0;
}


.pods ul li.col-01 table{
	width: 100%;
	border-collapse: collapse;
	
}

.pods ul li.col-01 table th, .pods ul li.col-01 table td{
	padding: 9px 5px;
	font-weight: normal;
	text-align: left;
}

.pods ul li.col-01 table th{
	color: #52b0e2;
	font-size: 1.8125em;
	line-height: 1.1em;
}

.pods ul li.col-01 h3{
	color: #52b0e2;
	font-size: 1.8125em;
	margin-top: 0;
}

.pods ul li.col-01 .form{
	padding-bottom: 10px;
}

.pods ul li.col-01 .form span.input{
	float: left;
	margin-right: 10px;
	height: 34px;
	width: 160px;
	position: relative;
	background: transparent url(../img/layout/home/form-input-bkg.gif) no-repeat 0 0;
}

.pods ul li.col-01 .form span.input input{
	
	background-color: #6dcef5;
	color: white;
	border:0 none;
	font-size:1em;
	left:10px;
	position:absolute;
	top:8px;
	width:140px;
}

.pods ul li.col-01 .form .find-it{
	float: left;
	margin-top: 3px;
	width: 76px;
	height: 24px;
    background: url(/Asset/img/layout/home/find-it-btn.gif) no-repeat;
    text-indent: -1000em;
    border: 0;
    cursor: pointer; 
    line-height: 0; /* IE7 hack */
    outline: none;
}

/*  content - pods - col 2  --------------------------------------------------------------*/

.pods ul li.col-02 img.vegetable{
	left:10px;
	top:10px;
}

.pods ul li.col-02 h2{
	padding-left: 20px;
	text-transform: uppercase;
}




.pods ul li.col-02 .carousel{
	padding-top: 10px;
	height: 145px;
}

.pods ul li.col-02 .carousel .prevPage{
	float: left;
	margin-top: 60px;
	width: 30px;
	height: 26px;
	text-indent: -9000px;
	background: transparent url(../img/layout/red-arrow-left.gif) no-repeat 0 0;
}

.pods ul li.col-02 .carousel .nextPage{
	float: right;
	margin-top: 60px;
	width: 30px;
	height: 26px;
	text-indent: -9000px;
	background: transparent url(../img/layout/red-arrow-right.gif) no-repeat 0 0;
}

.pods ul li.col-02 .carousel .scrollable{
	margin: 0 auto;
	width: 170px;
}

.pods ul li.col-02 .carousel .items{
	padding: 0;
	margin: 0;
}

.pods ul li.col-02 .carousel .items li{
	list-style-type: none;
	height: 145px;
	width: 165px;
	overflow: hidden;
}

.pods ul li.col-02 .carousel .items li h3{
	font-size:1em;
	line-height:1em;
	height:35px;
	margin: 0 0 5px 0;
}

.pods ul li.col-02 .carousel .items li .contents{
	width: 165px;
	height: 104px;
	overflow: hidden;
}

.pods ul li.col-02 .carousel .items li .contents img{
	display: block;
	margin: 0 auto;
}


/*  content - pods - col 3  --------------------------------------------------------------*/

.pods ul li.col-03 img.vegetable{

}

.pods ul li.col-03 h2{
	padding-left: 11px;    
	text-transform: uppercase;	
	font-size:40px;
	line-height:.5em;
	margin-bottom: 20px;
	
	
	
	/*font-weight:bold;*/
}

.pods ul li.col-03 .img-centered{
	margin-top: 20px;
}



/*  flash  --------------------------------------------------------------*/

.flash{
	clear: both;
}

.flash img{
	display: block;
}



/*  footer  --------------------------------------------------------------------------------------------------*/


.footer{
	min-height: 153px;
	background: #785729 url(../img/layout/footer.jpg) no-repeat 0 0;
}

* html .footer{
	height: 153px;
}









