/* Heading webpart*/
.cms-heading h3 { font-size: 200%; color: #76825a; display: inline; padding: 0 7px 0 0; margin: 5px 0 0 0; }
/* end*/


/* Text&Image webpart*/
.cms-textandimage { float: left; margin-bottom: 10px; padding: 5px; }
.cms-textandimage H3, .cms-textandimage H4 { color: #747474; font-weight: bold; margin-left: 0px; padding-left: 0px; }
.cms-textandimage img { margin: 3px; display: block; }
.cms-textandimage .image-box { padding: 0 10px; display: block; }
/* end*/


/* Text webpart*/
.cms-text { margin: 0 0 5px 0; padding: 7px 0; }
.cms-text div { padding: 0; }
.cms-text ul		{list-style:none; margin:0 0 0 10px; padding:0;}
.cms-text li		{background:url(images/general_bullet.gif) 0 5px no-repeat; padding:3px 0 3px 20px;}
/* end*/


/* Image webpart*/
.cms-image { margin: 3px 0 4px 0; background: #acb98e; }
.image-box { padding: 0px; margin: 0px; }
.image-box-text { text-align: center; padding: 10px 0 15px 0; color: #fff; font-size: 90%; font-style: italic; }
/* end*/


/* BoxOut webpart*/

.cms-boxout {margin: 5px 0;}
.cms-boxout .title { background: url(images/webparts/boxout_top.gif) top left no-repeat; padding: 10px 0; }
.cms-boxout .body { background: url(images/webparts/boxout_tile.gif) repeat-y; padding: 0 13px; }
.cms-boxout .footer { background: url(images/webparts/boxout_bottom.gif) top left no-repeat; height: 23px; }
.cms-boxout p { margin: 0; padding: 5px 0; }

/* end*/
/* Trail Box webpart*/

.trailbox { margin: 5px 0; width: 726px; }
.trailbox .title { background: url(images/webparts/trail_top.gif) top no-repeat; padding: 22px 0; }
.trailbox .body { background: url(images/webparts/trail_tile.gif) repeat-y; padding: 0 13px; }
.trailbox .Left { float: left; width: 198px; padding: 0 0 0 5px; font-weight: bold; }
.trailbox .discription { float: left; width: 78px; font-weight: normal !important; text-align: right; padding: 0 8px 0 0; }
.trailbox .info { width: 150px; }
.trailbox .Right { float: left; font-weight: bold; font-size: 90%; padding: 5px 0px 0 0; }
.trailbox .Right img { vertical-align: middle; }
.trailbox .Right .icon { height: 62px; width: 74px; float: left; background: url(images/webparts/guy_icon.gif) no-repeat; }
.trailbox .Right .comments { width: 405px; float: left; }
.trailbox .Bottom { clear: both; display: block; padding: 0 0 0 10px; font-weight: bold; }
.trailbox .Bottom .Red { background: url(images/webparts/icon_red.gif) 0 -3px no-repeat; height: 37px; padding: 12px 0 0 48px; float: left; }
.trailbox .Bottom .Green { background: url(images/webparts/icon_green.gif) 0 -3px no-repeat; height: 37px; padding: 12px 0 0 48px; float: left; }
.trailbox .Bottom .Blue { background: url(images/webparts/icon_blue.gif) 0 -3px no-repeat; height: 37px; padding: 12px 0 0 48px; float: left; }
.trailbox .Bottom .Brown { background: url(images/webparts/icon_brown.gif) 0 -3px no-repeat; height: 37px; padding: 12px 0 0 48px; float: left; }
.trailbox .Bottom .Grey { background: url(images/webparts/icon_grey.gif) 0 -3px no-repeat; height: 37px; padding: 12px 0 0 48px; float: left; }
.trailbox .Bottom .Black { background: url(images/webparts/icon_black.gif) 0 -3px no-repeat; height: 37px; padding: 12px 0 0 48px; float: left; }


.trailbox .footer { background: url(images/webparts/trail_bottom.gif) top no-repeat; height: 20px; clear: both; }
.trailbox .body:after { content: " ."; display: block; height: 0; clear: both; visibility: hidden; }
/* Hack for ie6 */
/*\*/* html .trailbox { height: 1%; display: block; margin: 5px 0; width: 726px; }

/* end*/


/*cms layout*/

.cms-layout { border: none !important; background: url(images/webparts/layout_border.gif) center repeat-y; }

.cms-layout h5 { color: #7e8a61; font-size: 140%; margin: 0; padding: 3px 0; }
.cms-layout .column1 { float: left; width: 45%; padding: 0 50px 0 0; }
.cms-layout .column2 { float: left; width: 45%; margin: 0 0 0 5px; }
.cms-layout .column1 img, .cms-layout .column2 img { float: left; margin: 5px 5px 0 0; border: 2px solid #436203; }
.clear { clear: both; }

/* end*/


/* Links webpart*/
.cms-links { width: 726px; margin: 3px 0 3px 0; }
.cms-links .banner { background: url(images/webparts/relatedlinks.gif) no-repeat top; }
.cms-links .banner .left { height: 15px; }
.cms-links .banner .right { background: url(images/webparts/relatedlinks_bottom.gif) no-repeat top; height: 18px; }
.cms-links-title { color: #fff; padding: 5px 5px 0px 15px; font-weight: bold; }
.cms-links p { text-align: left; padding: 5px 0 5px 15px; margin: 0; }
.cms-links ul { display: block; margin-right: 8px; }
.cms-links ul { display: block; margin-right: 8px; }
.cms-links ul li { }
.cms-links ul li a { cursor: pointer; }






/*   webpart*/
.cms-documents { background: url(images/webparts/document_top.gif) top no-repeat; padding: 17px 0 0 0; width: 726px; margin: 0 0 3px 0; }
.cms-documents .body { padding: 5px 20px; }
.cms-documents .footer { background: url(images/webparts/document_bottom.gif) top no-repeat; height: 15px; }
.cms-documents p { margin: 0; padding: 5px 0; }


/* end */


/* Flash mediapart*/
.cms-flash { }
.cms-flash-text { display: block; margin-top: 6px; }
/* end */


/* Highlight webpart*/
.cms-highlight { margin: 5px 0; width: 726px; }
.cms-highlight .title { background: url(images/webparts/highlight_top.gif) top no-repeat; padding: 10px 0; }
.cms-highlight .body { background: url(images/webparts/highlight_tile.gif) repeat-y; padding: 0 13px; }
.cms-highlight .footer { background: url(images/webparts/highlight_bottom.gif) top no-repeat; height: 23px; }
.cms-highlight p { margin: 0; padding: 5px 0; }

/* end*/


/* Media mediapart*/
.cms-media { padding: 2px 0px; clear: both; }
.cms-media a { color: #0d558c; font: bold 1.0em Verdana; text-decoration: underline; }
.cms-media p a { color: #0d558c; font-size: 0.9em; text-decoration: underline; }
.cms-media a:hover, .cms-media p a:hover { color: #0d558c; text-decoration: none; }
/* end */


/* FeedBack webpart*/
.cms-form { display: block; width: 100%; margin-top: 10px; border: 1px dotted #666; padding: 5px; }
.cms-form H3 { color: #747474; padding: 0px; margin: 5px 0px 0px 0px; }
.cms-form span.fieldlabel, .cms-form label.fieldlabel { color: #747474; clear: left; font-weight: bold; display: block; }
.cms-form span.field { float: left; text-align: left; color: #747474; margin-bottom: 10px; display: block; }
.cms-form textarea.field { border: 1px solid #CFCFCF; font: 1em Verdana, Helvetica, sans-serif; width: 180px; }
.cms-form input.field, .cms-form select.field { border: 1px solid #CFCFCF; width: 180px; font: 1em Verdana, Helvetica, sans-serif; }
.cms-form input.hiddenfield { display: none; }
.cms-form img.helpicon { display: inline; vertical-align: middle; cursor: pointer; float: left; padding: 3px 5px 0px 0px; }
.cms-form span.fielderror { padding: 0px; display: inline; clear: both; color: red; }
.cms-form span.fieldrequiredmarker { color: red; font: 0.8em Arial, Helvetica, sans-serif; }
.cms-form input.button { clear: left; }
/* end */

/* Profile (mode A)webpart*/
.cms-profile-a { width: 100%; float: left; margin: 4px 4px 0 0; font: 1em Arial, Helvetica, sans-serif; padding: 5px; border: 1px solid #CFCFCF; clear: both; }
.cms-profile-a a { color: #777; text-decoration: underline; }
.cms-profile-a a:hover { color: #777; text-decoration: none; }
.cms-profile-a .image { background: #FFF; overflow: hidden; float: left; }
.cms-profile-a .title { position: relative; font-weight: bold; display: block; clear: both; margin-bottom: 4px; }
.cms-profile-a .body { }
.cms-profile-a .title a { font-weight: bold; font-size: 1em; }
.cms-profile-a .body .pullquote { position: relative; left: 5px; top: 0px; float: left; }
.cms-profile-a .body .pullquote a { color: #f3f4f0; text-decoration: underline; float: left; }
.cms-profile-a .body .pullquote a:hover { text-decoration: none; }
.cms-profile-a .body .pullquote div.start { float: left; font: bold 1.5em Times; }
/*{background:url(images/start_quote.gif); width:24px ;height:13px; display:block; float:left;}*/
.cms-profile-a .body .pullquote div.end { float: right; font: bold 1.5em Times; }
/*background:url(images/end_quote.gif); width:24px ;height:13px;display:block; float:right;}*/
.cms-profile-a .body .text { color: #747474; position: relative; left: 10px; top: 0px; float: left; }
.cms-profile-a .body .text a { color: #f3f4f0; text-decoration: underline; float: left; }
.cms-profile-a .body .text a:hover { text-decoration: none; float: left; }
.cms-profile-a .footer { display: none; }
/*end*/


/* Profile (mode B)webpart*/
.cms-profile-b { background: #EFEFEF; height: 15.5em; width: 131px; float: left; margin: 5px 8px 10px 0; border: 1px solid #cfcfcf; text-align: center; font: 1em Arial, Helvetica, sans-serif; overflow: hidden; padding: 5px; }
.cms-profile-b a { color: #f3f4f0; text-decoration: underline; }
.cms-profile-b a:hover { text-decoration: none; }
.cms-profile-b .image { width: 68px; height: 58px; border: 1px solid #C8C8B9; overflow: hidden; }
.cms-profile-b .title { font-weight: bold; }
.cms-profile-b .body { }
.cms-profile-b .pullquote { color: #747474; padding-top: 8px; width: 120px; padding: 3px; }
.cms-profile-b .body .pullquote a { color: #747474; text-decoration: none; float: left; }
.cms-profile-b .body .pullquote a:hover { color: #0d558c; text-decoration: underline; }
.cms-profile-b .body .pullquote div.start { float: left; }
/*{background:url(images/start_quote.gif); width:24px ;height:13px; display:block; float:left;}*/
.cms-profile-b .body .pullquote div.end { float: right; }
.cms-profile-b .text { color: #747474; padding: 3px; }
.cms-profile-b .text a { color: #747474; text-decoration: none; }
.cms-profile-b .text a:hover { color: #747474; text-decoration: underline; }
.cms-profile-b .footer { display: none; }
/* end*/


/* Google maps webpart */

.cms-gmap { width: 726px; background: url(images/webparts/google_top.gif) top no-repeat; }

#map { height: 400px; clear: both; width: 690px; margin: 8px 0 5px 19px; }

/* header area */
.cms-gmap .header { font-size: 90%; height: 35px; }
.cms-gmap .header .left { float: left; }
.cms-gmap .header .left H3 { color: #fff; padding: 15px 5px 5px 20px; font-weight: bold; margin: 0; font-size: 130%; }
.cms-gmap .header .right { float: right; width: 52%; padding: 9px 0 0 0; color: #fff; margin: 3px 0 0 0; }
/* directions form */
.cms-gmap .header .right .form { padding: 4px 0px; clear: both; }
.cms-gmap .header .right .form label { float: left; display: block; padding: 4px 6px 0px 0px; font-weight: bold; margin-top:-3px; }
.cms-gmap .header .right .form input { float: left; }
.cms-gmap .header .right .form input#txtstart { float: left;width:220px;height:16px;margin-top:-3px;font-size:11px; }
.cms-gmap .header .right .form input.btnGo { float: left;margin-top:-6px;cursor:pointer }
/* to hide the text in the link below (if you want to use a background image) set the text size to 0.001px or something)*/
.cms-gmap .header a { display: block; width: 25px; padding: 2px; border: 1px solid #666; text-align: center; float: left; background: #a8c351; color: #FFF; }
/*font-size:0.01em;*/
.cms-gmap .header a:hover { display: block; width: 25px; padding: 2px; border: 1px solid #666; text-align: center; float: left; background: #FFF; color: #a8c351; }
/*font-size:0.01em;*/
.cms-gmap .body { background: url(images/webparts/google_tile.gif) repeat-y; }


/* end */
/* end */
/* bubble pop-up to tell user something didnt work */
.cms-gmap .tipholder { height: 0px; position: relative; top: 0px; left: 0px; z-index: 1500; float: left; }
.cms-gmap .tipholder .tip { display: none; float: left; width: 256px; height: 0px; position: relative; bottom: 10px; left: 400px; z-index: 1200; }
.cms-gmap .tipholder .tip .footer { display: block; float: left; width: 266px; height: 6px; background: transparent url(images/googlemaps/tipfooter.png) no-repeat; overflow: hidden; background-color: Transparent; }
.cms-gmap .tipholder .tip .header { display: block; float: left; width: 266px; height: 13px; background: transparent url(images/googlemaps/tipheader.png) no-repeat; overflow: hidden; }
/* ie6 hack (validates) */
/*\*/
* html .cms-gmap .tipholder { float: left; height: 0px; position: relative; top: 0px; left: 120px; z-index: 1500; }
* html .cms-gmap .tipholder .tip { display: none; float: left; width: 266px; height: 0px; position: absolute; top: 20px; left: -480px; z-index: 1200; background-color: Transparent; }
* html .cms-gmap .tipholder .tip .footer { display: block; float: left; width: 266px; height: 6px; background: transparent url(images/googlemaps/tipfooter.gif) no-repeat; overflow: hidden; background-color: Transparent; }
* html .cms-gmap .tipholder .tip .header { display: block; float: left; width: 266px; height: 13px; background: transparent url(images/googlemaps/tipheader.gif) no-repeat; overflow: hidden; }
/**/
.cms-gmap .tipholder .tip .body { display: block; float: left; width: 263px; min-width: 0px; height: auto; background-color: #FFF; background-image: none; border-left: 1px solid #CFCFCF; border-right: 1px solid #CFCFCF; }

/* end */

/* body area- contains map & imfo panels */
.cms-gmap .body { }
.cms-gmap .body .left { }
.cms-gmap .body .right { }
/* map area */
.cms-gmap .body .left .right .map { }
/* This rule helps position the copyright info in the map window */
.cms-gmap .body .left .right .map div span { display: none; }
/* end */
/* info block/directions blocks */
.cms-gmap .body .left .right .info { padding: 0 20px; }
.cms-gmap .info { }
.cms-gmap .info p { padding: 0; margin: 0; }
.cms-gmap .body .left .right .info H3 { font-size: 130%; text-align: left; margin: 0 1px 0 -1px; padding: 10px 0; }
.cms-gmap .info { text-align: center; }
.cms-gmap #directions { width: 680px; padding: 0 20px; margin: 0 auto; text-align: left; }
.cms-gmap #directions h3 { font-size: 130%; text-align: left; }
.cms-gmap input#txtstart { background: #ecf1e2; border: 1px solid #7e9947; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 90%; margin: 0 5px 0 0; }

/* end */
/* end */
/* footer */
.cms-gmap .footer { background: url(images/webparts/google_bottom.gif) top no-repeat; height: 25px; }
.cms-gmap .footer .left { }
.cms-gmap .footer .right { }
/* end */
/* end*/


/* PlacestoVisit webpart */

.cms-places { float: left; }
.cms-places .info .header { }
.cms-places .info .header .title { font-weight: bold; font-size: 1.4em; }
.cms-places .info .header div { }
.cms-places .info .body { padding: 5px; }
.cms-places .info .body .title { font-weight: bold; }
.cms-places .info .body .text { padding: 0 0 0 5px; }
.cms-places .info .footer { }
.cms-places .info .footer div { }
.cms-places .amenities .header { }
.cms-places .amenities .header .title { font-weight: bold; font-size: 1.4em; }
.cms-places .amenities .header .title span { display: none; }
.cms-places .amenities .header .title span a:link, .cms-places .amenities .header .title span a:visited, .cms-places .amenities .header .title span a:active, .cms-places .amenities .header .title span a:hover { }
.cms-places .amenities .header div { }
.cms-places .amenities .body { padding: 5px; }
.cms-places .amenities .body img { margin: 3px; }
.cms-places .amenities .footer { }
.cms-places .amenities .footer div { }

.cms-places .events .header { }
.cms-places .events .header .title { font-weight: bold; font-size: 1.4em; }
.cms-places .events .header div { }
.cms-places .events .body { padding: 5px; }
.cms-places .events .body a:link, .cms-places .events .body a:visited, .cms-places .events .body a:active, .cms-places .events .body a:hover { color: #0d558c; }
.cms-places .events .footer { }
.cms-places .events .footer div { }

.cms-places .links .header { }
.cms-places .links .header .title { font-weight: bold; font-size: 1.4em; }
.cms-places .links .header div { }
.cms-places .links .body { padding: 5px; }
.cms-places .links .body ul { }
.cms-places .links .body ul li { }
.cms-places .links .body ul li a:link, .cms-places .links .body ul li a:visited, .cms-places .links .body ul li a:active, .cms-places .links .body ul li a:hover { }
.cms-places .links .footer { }
.cms-places .links .footer div { }

/* end*/


/* CrossPromo webpart */

.cms-crosspromo { }
.cms-crosspromo .header { }
.cms-crosspromo .header .title { }
.cms-crosspromo .header div { }
.cms-crosspromo .body { }
.cms-crosspromo .body div { }
.cms-crosspromo .body div .pullquote { }
.cms-crosspromo .body div .pullquote .start { }
.cms-crosspromo .body div .pullquote .end { }
.cms-crosspromo .body div .text { }
.cms-crosspromo .body div .links { }
.cms-crosspromo .body div .links ul { }
.cms-crosspromo .body div .links ul li { }
.cms-crosspromo .body div .links ul li a:link, .cms-crosspromo .body div .links ul li a:active, .cms-crosspromo .body div .links ul li a:visited, .cms-crosspromo .body div .links ul li a:hover { }
.cms-crosspromo .footer { }
.cms-crosspromo .footer div { }

/* end*/

/* Page Import webpart */

.cms-importcontent { }
.cms-importcontent iframe { border: 0px; }
.cms-importcontent .image-box { }

/* Ad banner */

.cms-adbanner { text-align: center; background: #DEDEDE url(images/rhs_box_background.gif) repeat-x; margin-right: 2px; }

/* Focus On Group */

.Box-FocusOn-Group { clear: both; float: left; width: 100%; }
.Box-FocusOn-Left { width: 49.5%; background: #DEDEDE url(images/rhs_box_background.gif) repeat-x; margin-bottom: 3px; float: left; }
/* Banner area (usually says 'focus on' in there in regular CMS */
.Box-FocusOn-Left .Banner { background: transparent url(../07/images/appbanner_bg.gif) repeat-x; width: 100%; height: 35px; color: #9cb454; text-align: center; }
/* Used for rounded corners and to hold a <span> with the title in it. */
.Box-FocusOn-Left .Banner .Left { }
/* <span> in the above style to show Control title/ page title */
.Box-FocusOn-Left .Banner .Title { padding-left: 10px; font-weight: bold; line-height: 32px; }
/* Used for rounded corners. Can be set to display:none if not required in the layout. */
.Box-FocusOn-Left .Banner .Right { }
/* End  */

/* User Control Footer areas */
.Box-FocusOn-Left .Footer { background: transparent url(../07/images/appfooter_bg.gif) repeat-x; float: left; height: 13px; font-size: 11px; width: 100%; text-align: center; }
.Box-FocusOn-Left .Footer .Left { background: transparent url(../07/images/appfooter_left.gif) no-repeat top left; text-align: center; float: left; font-weight: bold; width: 100%; }
.Box-FocusOn-Left .Footer .Right { background: transparent url(../07/images/appfooter_right.gif) no-repeat top right; height: 13px; text-align: left; float: right; width: 6px; }
/* End  */

/* User Control Body/content areas. This is the part that holds the dynamic contents. */
.Box-FocusOn-Left .Body { font-size: 0.9em; line-height: 1.4em; text-align: center; float: left; }
/* Used to show left edge repeating background image */
.Box-FocusOn-Left .Body .Left { }
/* Used to create a usable area for content with regular padding etc. Nested inside the right div */
.Box-FocusOn-Left .Body .Content { border-top: 1px solid #c8c8c8; margin: 0px 4px 0px 4px; padding: 10px; text-align: center; float: left; background: #FFF; }
/* Nested inside the left div- for expandable widths (ie sliding doors)*/
.Box-FocusOn-Left .Body .Content .Text { float: left; font-weight: bold; }
/* Nested inside the left div- for expandable widths (ie sliding doors)*/
.Box-FocusOn-Left .Body .Content a { display: block; text-align: center; }
/* Nested inside the left div- for expandable widths (ie sliding doors)*/
.Box-FocusOn-Left .Body .Content img { }
/* Nested inside the left div- for expandable widths (ie sliding doors)*/
.Box-FocusOn-Left .Body .Content label { display: block; font-weight: bold; width: 100%; clear: both; }
/* Nested inside the left div- for expandable widths (ie sliding doors)*/
.Box-FocusOn-Left .Body .Right { background: #DEDEDE; }

.Box-FocusOn-Right { width: 49.5%; background: #DEDEDE url(images/rhs_box_background.gif) repeat-x; margin-bottom: 3px; float: right; }
/* Banner area (usually says 'focus on' in there in regular CMS */
.Box-FocusOn-Right .Banner { background: transparent url(../07/images/appbanner_bg.gif) repeat-x; width: 100%; height: 35px; color: #9cb454; text-align: center; }
/* Used for rounded corners and to hold a <span> with the title in it. */
.Box-FocusOn-Right .Banner .Left { }
/* <span> in the above style to show Control title/ page title */
.Box-FocusOn-Right .Banner .Title { padding-left: 10px; font-weight: bold; line-height: 32px; }
/* Used for rounded corners. Can be set to display:none if not required in the layout. */
.Box-FocusOn-Right .Banner .Right { }
/* End  */

/* User Control Footer areas */
.Box-FocusOn-Right .Footer { background: transparent url(../07/images/appfooter_bg.gif) repeat-x; float: left; height: 13px; font-size: 11px; width: 100%; text-align: center; }
.Box-FocusOn-Right .Footer .Left { background: transparent url(../07/images/appfooter_left.gif) no-repeat top left; text-align: center; float: left; font-weight: bold; width: 100%; }
.Box-FocusOn-Right .Footer .Right { background: transparent url(../07/images/appfooter_right.gif) no-repeat top right; height: 13px; text-align: left; float: right; width: 6px; }
/* End  */

/* User Control Body/content areas. This is the part that holds the dynamic contents. */
.Box-FocusOn-Right .Body { font-size: 0.9em; line-height: 1.4em; text-align: center; float: left; }
/* Used to show left edge repeating background image */
.Box-FocusOn-Right .Body .Left { }
/* Used to create a usable area for content with regular padding etc. Nested inside the right div */
.Box-FocusOn-Right .Body .Content { border-top: 1px solid #c8c8c8; margin: 0px 4px 0px 4px; padding: 10px; text-align: center; float: left; background: #FFF; }
/* Nested inside the left div- for expandable widths (ie sliding doors)*/
.Box-FocusOn-Right .Body .Content .Text { float: left; font-weight: bold; }
/* Nested inside the left div- for expandable widths (ie sliding doors)*/
.Box-FocusOn-Right .Body .Content a { display: block; text-align: center; }
/* Nested inside the left div- for expandable widths (ie sliding doors)*/
.Box-FocusOn-Right .Body .Content img { }
/* Nested inside the left div- for expandable widths (ie sliding doors)*/
.Box-FocusOn-Right .Body .Content label { display: block; font-weight: bold; width: 100%; clear: both; }
/* Nested inside the left div- for expandable widths (ie sliding doors)*/
.Box-FocusOn-Right .Body .Right { background: #DEDEDE; }

.weatherContainer { float: left; padding-top: 30px; }
.weatherMaster { float: left; width: 380px; }
.weatherStats {  padding:0 0 0 200px;}
.weatherStats strong { display: block; float: left; color: #000; }
.weatherRow { padding: 4px; background: #f0f3ea; margin: 2px; }
.weatherRow strong { display: block; float: left;  color: #000; }
.weatherHeader { padding: 4px; background: #ABBB84; color: #FFF;  margin: 2px; }
.weatherContainer { }
.weatherForecast { padding: 4px; background: #f0f3ea; margin: 2px;  height: 265px;  }