/*
 * CSS for inner template three_cols_147L_258M_369R
 */
 
#three-col {
     float:left;
     width:100%;
  
 }
 #col1, #col2, #col3 {
     float:left;
     width:30%;
     padding: 10px;
}

/*
 * .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;
}

#three-col img {
    max-width: 288px; /* needed for Firefox */
}

#content1, #content2, #content3, #content4, #content5, #content6, #content7, #content8, #content9 {
	float: left;
	clear: both;
	width: 100%;
}

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

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

img {
     max-width:100%;
}