/* 
 *
 * CSS for inner template "left-one-third"
 */

#left-right {
    float:left;
    width:100%;
}
#extras {
    margin-top:0.5em;
    float:left;
    clear:both;
    width:100%;
}
#left {
     float:left;
     width:33%;
}
/*
 * .slideshow is the class we give to the jq-cycle image cycle. jq-cycle
 * makes the images relative position which means that the occupy no space.
 * so we need to allocate some height here for a typical 4x6 ratio image
 */
#left .slideshow {
    min-height:180px;
}

#right {
    float:right;
    width:65%;
}
#right .slideshow {
    min-height:355px;
}
#content3,
#content4,
#content5,
#content6,
#content7,
#content8,
#content9 {
    width:100%;
}

img {
     max-width:100%;
 }