`.Foo{}
/* Heading webpart*/
    .cms-heading h3				
        { font-size:130%;  color:#747474;  padding:0 0 10px 0;  margin:10px 0;} 
/* end*/


/* Text&Image webpart*/
    .cms-textandimage 			
        { margin-bottom: 10px; font:1em Arial, Helvetica, sans-serif; padding:5px;}
    .cms-textandimage H3,
    .cms-textandimage H4        
        {color:#486a97; font-weight:bold; margin-left:0px; padding-left:0px;}
    .cms-textandimage img 		
        {margin: 3px;}
/* end*/


/* Text webpart*/
    .cms-text 					
        {margin-top: 0px;font:1em Arial, Helvetica, sans-serif; padding:7px; color:#444444;}
	.cms-text 	a	{color:#486a97 ; text-decoration:underline;	}
	.cms-text 	a:hover {text-decoration:none;}
		
		
/* end*/


/* Image webpart*/
    .cms-image 					
        {margin: 0 0 4px 0;}
    .image-box
        {padding:0 4px 0 0px; margin:0 10px 10px 10px; background:#deebea; border:1px solid #c6cecd; clear:both;}
    .image-box-text
        {font: 0.8em Verdana; text-align: center; padding:0 0 5px 0 }
/* end*/


/* BoxOut webpart*/
    .cms-boxout 				
        {background: #f3f4f0; display: block; border: 1px solid #cfcfcf; margin: 2px 0px 2px 10px; padding:3px; float: right; width: 200px}
    .cms-boxout .title			
        {display:none;}
    .cms-boxout .body		    
        {color: #666; display: block; padding: 3px; border: 1px solid #EEE; font-size:1em;}
/* end*/


/* Links webpart*/
    .cms-links      
        {background: #edede8 ; min-width:350px;float: left;border:none; border:1px solid #b9b9b6; padding:10px; margin:0  0 10px 0;clear:both; width:96%;}
    .cms-links-title            
        {color: #58585a;text-align: left; padding-top: 10px ;padding-left: 10px;font: bold 1em Arial, Helvetica, sans-serif;}
    .cms-links p                
        {text-align:left;padding:0px;margin:0px 0px 0px 10px;}
    .cms-links ul               
        {float: right;display:block; margin-right: 8px;font: 1em Arial, Helvetica, sans-serif;}
    .cms-links ul               
        {float: left;display:block; font: 1em Arial, Helvetica, sans-serif; padding:0; margin:0;}
    .cms-links ul li            
        {color: #567fa3; list-style:none; padding:0; margin:0;}
    .cms-links ul li a          
        {color: #567fa3;text-decoration:underline;}
    .cms-links ul li a:hover    
        {color:#567fa3;text-decoration:none;}
        
    /* ie6 hack (valid)*/
    /*\*/ * html .cms-links     {background: #EFEFEF url(images/contentpage/linksbg.gif) repeat-x top left;min-height: 3.8em;float: left;position:relative;margin-left:2px;border:none;}
    /**/ 
/* end*/


/*  s webpart*/
    .cms-documents 				
        {min-height: 2.0em;display: block;float: left;margin: 3px 0; padding:10px;border: 1px solid #b9b9b6; color:#58585a; clear:both; width:96%;}
    .cms-documents a            
        {color: #567fa3;text-decoration:underline;}
    .cms-documents a:hover      
        {text-decoration:none;}
/* end */


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


/* Highlight webpart*/
    .cms-highlight 				
        {background: #e3e9f1; color: #000; display: block;margin: 5px 0; padding:10px; font: 1em Arial, Helvetica, sans-serif; clear:both;}
/* end*/


/* Media mediapart*/ 
    .cms-media 					
        {padding: 2px 0px; clear: both}
    .cms-media a                
        {color: #0d558c; font: bold 1.0em Arial; 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 #c6cecd; clear: both; background:#deebea;}
    .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                
        {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: #777;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; float:right;}
    .cms-profile-a .body .text a         
        {color: #777;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                       
        {width: 131px;float: left;margin: 5px 8px 10px 0; border: 1px solid #c6cecd; clear: both; background:#deebea;text-align: center;font: 1em Arial, Helvetica, sans-serif;overflow:hidden;padding: 5px;}
    .cms-profile-b a                     
        {color: #777; text-decoration:underline;}
    .cms-profile-b a:hover               
        {text-decoration:none;}
    .cms-profile-b .image                
        {width: 68px;  border: 1px solid #C8C8B9; overflow:hidden;}
    .cms-profile-b .title                
        {font-weight:bold; padding:5px 0;}
	.cms-profile-b .title   a{text-decoration:underline}
	.cms-profile-b .title   a:hover {color: #777; text-decoration:none;}
    .cms-profile-b .body                 
        {} 
    .cms-profile-b .pullquote            
        {color: #777; padding-top: 8px; width:120px; padding:3px;}
    .cms-profile-b .body .pullquote a    
        {color: #777; text-decoration:none;float:left;}
    .cms-profile-b .body .pullquote a:hover    
        {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: #777; padding:3px;}
    .cms-profile-b .text a               
        {color: #777; text-decoration:none;}
    .cms-profile-b .text a:hover         
        { text-decoration:underline;}
    .cms-profile-b .footer               
        {display:none;}
/* end*/


/* Google maps webpart */

    .cms-gmap                  
        {width: 100%; margin-left: 10px;}

    #map 
        {height: 400px; clear: both}

/* header area */
    .cms-gmap .header          {height:32px; background:url(images/template/webparts/googlemap/googleLeft.gif) top left no-repeat; }
    .cms-gmap .header .left    {background:url(images/template/webparts/googlemap/googleRight.gif) top right no-repeat; float:right; width:100%; padding:5px 0 0 8px ;}
    .cms-gmap .header .left H3 { color:#000 !important; margin:0; padding:0 0 0 5px; width:100%; display:block;}
    .cms-gmap .header .right   { }
/* directions form */
    .cms-gmap .header .right .form    
        {padding: 4px 0px; clear: both; border:none; background:#fff !important; width:100%; display:block;}
    .cms-gmap .header .right .form label 
        {float: left; display: block; padding: 4px 6px 0px 0px; font-weight: bold; text-transform: capitalize}
    .cms-gmap .header .right .form input    
        {float: left}                           
/* 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: #3f6598; 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: #3f6598}/*font-size:0.01em;*/
		    .cms-gmap .map	{width:100%;}
/* 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:10px;z-index:1200;background-color:Transparent;}
    .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:254px;min-width:0px;height:auto;background-color:#FFF; background-image:none;border-left: 1px solid #CFCFCF; border-right: 1px solid #CFCFCF;padding:0px 5px 0px 5px;}

/* 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            
        {}
    .cms-gmap .body .left .right .info  H3        
        {}
    .cms-gmap #directions      
        {border: 1px solid #cfcfcf;}
/* end */
/* end */
/* footer */
    .cms-gmap .footer          
        {}
    .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(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(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(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(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(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(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(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(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}