/*
 * CSS for inner template three col fat center (30%-40%-30%)
 */
 
#three-col {
     float:left;
     width:100%;
 }
#col1 {
     float:left;
     width:29%;
     margin-right:1%;
}
#col2 {
     float:left;
     width:40%;
     margin-right:1%;
}
#col3 {
    width:29%;
    float:right;
}

#col4 {
     float:left;
     width:29%;
     margin-right:1%;
}
#col5 {
     float:left;
     width:40%;
     margin-right:1%;
}
#col6 {
    width:29%;
    float:right;
}



/*
 * .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
 */
#three-col .slideshow {
    min-height:190px;
}

 #extras {
     margin-top:0.5em;
     float:left;
     clear:both;
     width:100%;
 }

 #extras .slideshow {
     min-height:535px;
}

img {
     max-width:100%;
 }

/* these hardcodes are needed aparently for Firefox */
 #col1 img, #col3 img, #col4 img, #col6 img {
     max-width:240px;
 }
 
/* these hardcodes are needed aparently for Firefox */
 #col2 img, #col5 img {
     max-width:320px;
 }