﻿.verticalLeftBarTD.laMarathon{
    background-image: none;
    background-color: #f68428;
    border-right: solid 1px #005696;
    padding: 0;
}

.bodyContentTD.laMarathon{
    padding-left: .5em;
    min-width: 520px;
    
}

.laMarathon a{
    color: #005696;
    text-decoration: none;
}

.laMarathon a:hover{
    color: #f68428;
    text-decoration: underline;
}

.marathonWrapper{
    padding: 0;
    margin: 0;
}

.marathonWrapper h1{
    margin: 0.5em 0;
}

.marathonWrapper .flashWrapper{
    /*width:770px;*/
	/*height:238px;*/
	padding: 0;
	margin: 0;
	margin-bottom: -1px;
}

.marathonWrapper .flashWrapper .mainImageSlideShow{
	padding: 0;
    margin: 0;
}

.marathonWrapper .bodyWrapper{
    position: relative;
    padding: 0;
    margin: 0;
    border: solid 1px transparent;
}

.marathonWrapper .bodyWrapper #mainBody{
    width: 540px;
    position: relative;
    top: 0;
    left: 0;
    bottom: 0;
}

.marathonWrapper .bodyWrapper #mainBody #intro{
    
}

.marathonWrapper .bodyWrapper #mainBody #news{
    border-top: solid 1px #005696;
    padding-top: .5em;
}

.marathonWrapper .bodyWrapper #rightBar{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 200px;
    border-left: solid 1px #005696;
    background-color: #f68428;
    padding: 1em .5em 0 .5em;
    /*height: 100%;*/
    margin: 0;
   
}

.marathonWrapper .bodyWrapper #rightBar #twitterBox{
    padding: 0;
    margin: 0;
    padding-left: .5em;
    position: absolute;
    top: 1.5em;
}

.marathonWrapper .bodyWrapper #rightBar #twitterBox div.twtr-timeline {
    z-index: 0;   
}

.footerBarDIV.laMarathon{
    margin-top: -2px;
}
.footerBarDIV.laMarathon a{
    color: inherit;   
}

/*** STYLES FOR THE IMAGE SLIDESHOW ***/

.imageSlideshow{width:765px;height:235px;display:block;position:relative;overflow:hidden;}
.imageSlideshow li{padding:0px;margin:0px;}
.imageSlideshow ul{padding:0px;margin:0px;}

/* this is the surroundner for all your elements. This is also the fake border around the main img and room for caption */
.imageSlideshow_main{width:765px;height:235px;display:block;position:relative; background-color:#C5CDD8}

/*since we give it the fake border, you need to position the image a little. */
.imageSlideshow_main_img{position:absolute;top:0px;left:0px;}
.imageSlideshow_back_img{position:relative;top:0px;}
.imageSlideshow_subdiv{position:relative;padding:0px;}
.imageSlideshow_subdiv img, .pika_subdiv a img{border:none;}
.imageSlideshow_caption{width:500px;height:16px;padding-top:4px;text-align:center;position:absolute;bottom:7px;left:3px;background:url('black.png') top left;}
.imageSlideshow_caption a{color:white;}

.imageSlideshow_play{position:absolute;z-index:1;right:35px;width:17px;height:17px;bottom:10px; }

.imageSlideshow_play a.imageSlideshow_play_button{position:relative;margin-left:auto;cursor:pointer;display: block;width:17px;height:17px;}
.imageSlideshow_play a.imageSlideshow_stop_button{position:relative;margin-left:auto;cursor:pointer;display: block;width:17px;height:17px;}

.imageSlideshow_prev_hover{position:absolute;cursor:pointer;bottom:10px;right:60px;height:17px;width:17px; }
.imageSlideshow_next_hover{position:absolute;cursor:pointer;bottom:10px;right:10px;height:17px;width:17px;}

.imageSlideshow_navigation a{font-size: 12px; text-decoration: none;}
.imageSlideshow_navigation a:hover{text-decoration: underline;}
.imageSlideshow_navigation{padding-top:10px;clear:both;text-align:center;}

/*** END IMAGE SLIDESHOW STYLES ***/


