/*For in the main body area*/
ul.sectionHomeItems {list-style: none; margin: 0; padding: 0;}
ul.sectionHomeItems li { float: left; display: inline;	list-style-type: none;}
ul.sectionHomeItems li span {	width: 100%; height: 100%; position: absolute; display: block; }


/*For the things to do item*/
ul.sectionHomeItems li.LIthings { height: 283px; width: 186px; background: transparent url(/img/homepage/thingstodoBG.png) no-repeat;  z-index: -1;}
 
    /*for the header image*/
    ul.sectionHomeItems li.LIthings h3.ThingsToDoHeader{ height: 75px; width: 186px;  display: block; z-index: 1; background-image: url(/img/homepage/headers/thingstodo.png); padding: 0; margin: 0;}
    ul.sectionHomeItems li.LIthings h3.ThingsToDoHeader a { height: 75px; width: 186px; display: block; cursor: hand;  z-index: 2; position: relative; top: 0; left: 0;}
    ul.sectionHomeItems li.LIthings h3.ThingsToDoHeader a span {text-indent: -5000px; display: none;}

    /*Ok missed this bit, but they could just put text in so we need to have a div with all the right stuff int*/
    ul.sectionHomeItems li.LIthings div.ThingsToDoDiv{ float: right; width: 161px; height:74px;}

    /*For the list item*/    
    ul.sectionHomeItems li.LIthings div.ThingsToDoDiv li{ width: 161px; float: left;}


/*For the about us item*/
ul.sectionHomeItems li.LIAboutUs { height: 283px; width: 187px; background: transparent url(/img/homepage/aboutusBG.png) no-repeat;  z-index: -1;}

    /*for the header image*/
    ul.sectionHomeItems li.LIAboutUs h3.AboutTheClubHeader{ height: 69px; width: 187px;  display: block; z-index: 1; background-image: url(/img/homepage/headers/aboutusheader.png); padding: 0; margin: 0;}
    ul.sectionHomeItems li.LIAboutUs h3.AboutTheClubHeader a { height: 69px; width: 186px; display: block; cursor: hand;  z-index: 2; position: relative; top: 0; left: 0;}
    ul.sectionHomeItems li.LIAboutUs h3.AboutTheClubHeader a span {text-indent: -5000px;}
    
    /*Ok missed this bit, but they could just put text in so we need to have a div with all the right stuff int*/
    ul.sectionHomeItems li.LIAboutUs div.AboutTheClubDiv{ float: right; width: 162px; height:70px;}
    
    /*For the list item*/
    ul.sectionHomeItems li.LIAboutUs div.AboutTheClubDiv li{ width: 162px; float: left;}
    
 
/*for the Your Stuff Item*/
ul.sectionHomeItems li.LIYourStuff { height: 283px; width: 195px; background: transparent url(/img/homepage/yourstuffBG.png) no-repeat; z-index: -1;}

    /*for the header image*/
    ul.sectionHomeItems li.LIYourStuff h3.YourStuffHeader{ height: 61px; width: 187px;  display: block; z-index: 1; background-image: url(/img/homepage/headers/yourstuffTitle.png); padding: 0; margin: 0;}
    ul.sectionHomeItems li.LIYourStuff h3.YourStuffHeader a { height: 61px; width: 187px; display: block; cursor: hand;  z-index: 2; position: relative; top: 0; left: 0;}
    ul.sectionHomeItems li.LIYourStuff h3.YourStuffHeader a span {text-indent: -5000px;}
    
    /*Ok missed this bit, but they could just put text in so we need to have a div with all the right stuff int*/
    ul.sectionHomeItems li.LIYourStuff div.YourStuffDiv{ float: right; width: 162px; height:70px;}
    
    /*For the list item*/
    ul.sectionHomeItems li.LIYourStuff div.YourStuffDiv li{ width: 162px; float:left;}



/*for the on the web Item*/
ul.sectionHomeItems li.LIOnTheWeb { height: 153px; width: 186px; background: transparent url(/img/homepage/onthewebBG.png) no-repeat; z-index: -1;}

    /*for the header image*/
    ul.sectionHomeItems li.LIOnTheWeb h3.OnTheWebHeader{ height: 55px; width: 186px;  display: block; z-index: 1; background-image: url(/img/homepage/headers/onthewebTitle.png); padding: 0; margin: 0;}
    ul.sectionHomeItems li.LIOnTheWeb h3.OnTheWebHeader a { height: 55px; width: 186px; display: block; cursor: hand;  z-index: 2; position: relative; top: 0; left: 0;}
    ul.sectionHomeItems li.LIOnTheWeb h3.OnTheWebHeader a span {text-indent: -5000px;}
    
    /*Ok missed this bit, but they could just put text in so we need to have a div with all the right stuff int*/
    ul.sectionHomeItems li.LIOnTheWeb div.OnTheWebDiv{ float: left; width: 72px; height:80px; padding-left: 15px;}
    
    /*For the list item*/
    ul.sectionHomeItems li.LIOnTheWeb div.OnTheWebDiv li{ width: 60px; float:left;}



/*for the barney news Item*/
ul.sectionHomeItems li.LIBarneyNews { height: 153px; width: 187px; background: transparent url(/img/homepage/barneynewsBG.png) no-repeat; z-index: -1;}

    /*for the header image*/
    ul.sectionHomeItems li.LIBarneyNews h3.BarneyNewsHeader{ height: 49px; width: 187px;  display: block; z-index: 1; background-image: url(/img/homepage/headers/barneynewsTitle.png); padding: 0; margin: 0;}
    ul.sectionHomeItems li.LIBarneyNews h3.BarneyNewsHeader a { height: 49px; width: 187px; display: block; cursor: hand;  z-index: 2; position: relative; top: 0; left: 0;}
    ul.sectionHomeItems li.LIBarneyNews h3.BarneyNewsHeader a span {text-indent: -5000px;}



/*for the competition Item*/
ul.sectionHomeItems li.LICompetition { height: 153px; width: 195px; background: transparent url(/img/homepage/competitionBG.png) no-repeat; z-index: -1;}

    /*for the header image*/
    ul.sectionHomeItems li.LICompetition h3.CompetitionHeader{ height: 67px; width: 195px;  display: block; z-index: 1; background-image: url(/img/homepage/headers/competitionHeader.png); padding: 0; margin: 0;}
    ul.sectionHomeItems li.LICompetition h3.CompetitionHeader a { height: 67px; width: 195px; display: block; cursor: hand;  z-index: 2; position: relative; top: 0; left: 0;}
    ul.sectionHomeItems li.LICompetition h3.CompetitionHeader a span {text-indent: -5000px;}
    
    /*Ok missed this bit, but they could just put text in so we need to have a div with all the right stuff int*/
    ul.sectionHomeItems li.LICompetition div.CompetitionDiv{ float: left; width: 72px; height:81px; padding-left: 20px;}

     /*For the list item*/
    ul.sectionHomeItems li.LICompetition div.OnTheWebDiv li{ width: 92px; float:left;}