.bannerImage { width:754px; height:136px;}
.howItWorksCol {float:left; width:200px; margin: 20px 10px 0px 10px;}
.howItWorksCol .lmHRule {width:90%}
.howItWorksCol .msgTitle {font-weight:bold; font-size:20px; color: #676767; margin-bottom:3px}
.howItWorksCol .msgList, .msgBody {color: #777777;}
.howItWorksCol .msgList {font-size:14px;}
.howItWorksCol .msgList li {margin-top:10px;}
.howItWorksCol .msgBody {font-size:14px; margin-top:15px; padding-right:20px;}

/* We do this based on rows so that, a) we can have the hRule's separate them, and b) so that they can grow in height as their descriptive text changes, and they will stay aligned. */
.citiesCol {float:left; margin-top:40px;}
.citiesCol .lmHRule {margin:20px 0px; width:95%}
.citiesCol .cityBox {float:left; margin-right:20px;}
.citiesCol .cityBox .image { width:89px; height:69px;}
.citiesCol .cityBox .textBox {float:left;margin-left:5px; margin-top:5px; width:160px;}
.citiesCol .cityBox .textBox .title, .title a {font-size:18px; color: #0C97F4; }
.citiesCol .cityBox .textBox .title a { text-decoration:none;}
.citiesCol .cityBox .textBox .description {font-size:12px; color: #666666;margin-top:5px; padding-right:25px}