/* Heading webpart*/
.cms-heading{margin-bottom:10px}
    .cms-heading h3				
        {font:bold 1.4em Arial, Helvetica, sans-serif; color:#000; display: inline; margin:0;font-weight:normal;} 
/* end*/

/* Text&Image webpart*/
    .cms-textandimage {margin-bottom: 10px; font:1em Arial, Helvetica, sans-serif;clear:both;float:none;margin-bottom:10px}
    .cms-textandimage H3,
    .cms-textandimage H4  {color:#000; font-size: 112.5%; font-family:Arial, Helvetica, sans-serif;margin:0px;padding:0px;margin-bottom:10px}
    .cms-textandimage img {margin: 0}
	.cms-textandimage .image-box-left { float: left; margin: 0 10px 0 0; }
	.cms-textandimage .image-box-right { float: right; margin: 0 0 0 10px; }
/* end*/

/* Text webpart*/
 .cms-text {margin:10px 0 0 0; font:1em Arial, Helvetica, sans-serif;clear:both;float:none;margin-bottom:10px}
     .cms-text H3,.cms-text H4  {color:#000; font-size: 112.5%; font-family:Arial, Helvetica, sans-serif;margin:0px;padding:0px;margin-bottom:10px}
 .cms-text td{padding:3px 5px}

/* end*/

/* Image webpart*/
    .cms-image 					
        {margin: 0;margin-bottom:10px}
    .image-box
        {padding: 0; margin: 0 0 10px 0; text-align:center;background:#dedede}
    .image-box-text
        {font-size: 0.75em ; text-align: center; padding:4px 0; border-left:1px solid #cfcfcf; border-right:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf;}
/* end*/

/* BoxOut webpart*/
    .cms-boxout 				
        {background: #d1e6f1; 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;font-size:1em;}
		.cms-boxout h3,	.cms-boxout h4{{color: #666;font-weight:normal}
/* end*/

/* Links webpart*/
    .cms-links                  
        {background: #a83430; min-height: 3.8em; width:100%; display:block; float: left; padding:5px 0;}
    .cms-links-title            
        {color: #000;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 5px;}
    .cms-links ul               
        {display:block;font: 1em Arial, Helvetica, sans-serif; padding:0; margin:6px 8px 0 10px;}
    .cms-links ul li            
        {color: #fff;list-style: none;}
    .cms-links ul li a          
        {color: #fff;text-decoration:underline;}
    .cms-links ul li a:hover    
        {color:#FFF;text-decoration:none;} 
/* end*/

/* Documents webpart*/
    .cms-documents 				
        {min-height: 2.0em;display: block;float: left;margin: 0px 0 0 0px; padding:5px;font-size: 1em;border: 1px solid #cfcfcf; color:#1884ba;}
    .cms-documents a            
        {color: #1884ba; 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: #ebebeb; color: #a83430; display: block;clear:both;margin: 8px 0 0 0; padding:5px; font: 1em Arial, Helvetica, sans-serif;}
		.cms-highlight h3,.cms-highlight h4{color: #a83430;font-weight:normal}
/* end*/

.cms-text h3, .cms-textandimage h3, .cms-highlight h3, .cms-boxout h3 {margin:0 0 7px 0;font-size:1.19em; line-height:1.2em;}
    .cms-text h4, .cms-textandimage h4, .cms-highlight h4, .cms-boxout h4  {margin:0 0 2px 0;font-size:1.02em; line-height:1.2em;font-weight:normal}
/* Media mediapart*/
    .cms-media 					
        {padding: 2px 0px; clear: both}
    .cms-media a                
        {color: #1884c6; font: bold 1.0em Arial; text-decoration:underline; }
    .cms-media p a              
        {color: #1884c6;font-size: 0.9em;text-decoration:underline; }
    .cms-media a:hover, 
    .cms-media p a:hover        
        {text-decoration:none;}
/* end */
/* FeedBack webpart*/
    .cms-form    			   
        {display:block; width:100%; margin-top: 10px;  padding:5px 0px 5px 5px;}
    .cms-form H3               
        {color: #747474;padding:0px;margin:5px 0px 0px 0px;}
		.form-element-wrap{padding:3px 0}
    .cms-form span.label-wrap, 
    .cms-form label.label-wrap
        {color: #747474; clear:left;display:block;float: left; font-weight:bold; display: block;width:130px;padding-top:3px}
    .cms-form input.field, 
    .cms-form select.field,
    .cms-form .fieldtextarea  
        {border: 1px solid #cfcfcf; color: #747474;clear:none;font-family:Arial,Helvetica,Sans-serif;padding:3px}
.cms-form .fieldtextarea  {width:150px;font-size:12px;}
    .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;clear: none; color: red;}
    .cms-form .fieldrequiredmarker
        {color: red;font: 0.8em Arial, Helvetica, sans-serif;}
    .cms-form .send input   
        {clear:left;background: url(images/commandBtn_tile.gif) no-repeat right 50%;border:none;color:#FFF;width:64px;padding-right:14px;}
/* end */

 /* Profile (mode A)webpart*/
.cms-profile-a {clear:both; width:95%; background:#ddedf5; border:1px solid #cfcfcf; padding:10px; margin: 0 0 15px 0 !important; font-size: 100%; font-family: Arial, Helvetica, sans-serif; overflow: hidden;}
.cms-profile-a a {color: #575757 !important;  text-decoration: none; }
.cms-profile-a a:hover { color:#575757; border-bottom:1px solid;}
.cms-profile-a .title {margin-left:83px; font-weight:bold;padding-bottom:15px}
.cms-profile-a .title a {border:none;}

.cms-profile-a .image img {border:1px #cfcfcf solid; }
.cms-profile-a .image {float:left; margin:-30px 13px 0 0}
.cms-profile-a .image a{text-decoration:none; border:none;}
.cms-profile-a .image a:hover{background:#fff;}
.cms-profile-a .body {}
.cms-profile-a .body .text {clear:right}
.cms-profile-a .body .text a {color:#0e5fc8;}
.cms-profile-a .body .text a:hover {color:#fff}
.cms-profile-a .footer {display: none;}
/*end*/

/*Start is the first left quote and right its the final right quote!*/

.cms-profile-a .body .pullquote div.start { float: left; }
.cms-profile-a .body .pullquote div.end { float: right; }
.cms-profile-a .body .pullquote {}
.cms-profile-a .body .pullquote a { color: #747474; text-decoration: none; }
.cms-profile-a .body .pullquote a:hover { color: #FF9900; text-decoration: underline; }
.cms-profile-a .body .pullquote div.start { float: left; }
.cms-profile-a .body .pullquote div.end { float: right; }
/*background:url(images/end_quote.gif); width:24px ;height:13px;display:block; float:right;}*/

.cms-profile-a .footer { display: none }
/*end*/

/* Profile (mode B)webpart*/
  
/* Profile (mode B)webpart*/
.cms-profile-b { width: 257px; min-height:100px; background:#ddedf5; border:1px solid #cfcfcf; margin: 0 17px 10px 0px; font-size: 100%; font-family: Arial, Helvetica, sans-serif; overflow: hidden; float:left;}
.cms-profile-b a { color: #575757; text-decoration: none; border:none; }
.cms-profile-b a:hover {}

/*surrounding box*/
.cms-profile-b .image {margin-left:91px; }
/*gif image*/
.cms-profile-b .image a:hover{}
.cms-profile-b .image img {border:1px solid #cfcfcf;}
.cms-profile-b .title { padding-top:5px;font-weight: bold; text-align: center; font-size:100%; font-weight:bold !important}
.cms-profile-b .body { padding-top: 20px; height: 100%; margin-bottom:20px;}
.cms-profile-b .body .text { text-align: center; clear: both; width: auto; margin-left: 12px; margin-right: 12px; padding-top: 20px;  color:#575757; font-size: 100%; font-family: Arial, Helvetica, sans-serif; }
.cms-profile-b .text a { color:#575757; text-decoration: none; }
file-b .text a:hover { color:#575757; border-bottom:1px solid }
.cms-profile-b .pullquote { clear: both; padding-top: 20px; padding-left: 20px; padding-right: 20px; color: #575757; width: 90%; font-size: 0.95em; font-family: Arial, Helvetica, sans-serif; }
.cms-profile-b .body .pullquote a { color:#575757; text-decoration: none; float: left; }
.cms-profile-b .body .pullquote a:hover { color: #FF9900; text-decoration: underline; }
.cms-profile-b .body .pullquote div.start { }

/*{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 { }
.cms-profile-b .footer { display: none; }
/* end*/



/* Google maps webpart */

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

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

/* header area */
    .cms-gmap .header          {}
    .cms-gmap .header .left    {}
    .cms-gmap .header .left H3 {}
    .cms-gmap .header .right   {}
/* directions form */
    .cms-gmap .header .right .form    
        {border-top: 1px solid #cfcfcf; padding: 10px 0px 4px 0px; clear: both}
    .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: 40px; padding: 2px; border:1px solid #666; text-align: center; float:left; background: url(images/commandBtn_tile.gif) right; color: #fff}/*font-size:0.01em;*/
    .cms-gmap .header a:hover  
        {display: block; width: 40px; padding: 2px; border:1px solid #666; text-align: center; float:left; background: url(images/commandBtn_tile.gif) right; color: #fff}/*font-size:0.01em;*/
/* 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 #CCC; border-right: 1px solid #CCC;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; padding:0 0 0 8px;}
/* 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;}
	   * html .cms-places .amenities .body {padding:5px 7px 5px 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:#ff9900}
    .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    {}               


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