/* Heading webpart*/
    .cms-heading h3				
        {font:bold 1.1em Verdana, Helvetica, sans-serif; color:#747474; display: inline; margin:0px; padding:0} 
/* end*/
.cms-heading 				
        {padding-left:7px} 
.cms-custom {} /*width:424px*/
.customcodebanner {width:443px;margin: 0px 0px 0px -7px; height:19em; display:block; background: #69781b url(images/homepage_bg.jpg) no-repeat top right;}
.customcodebanner .text {padding: 8px;width: 200px;}
.customcodebanner .text .title {font-family: Verdana, Arial, Helvetica, sans-serif;color: #FFFFFF;font-size: 1em;font-weight: bold;display:block;}
.customcodebanner .text .bodytext {font: 1em Verdana, Arial, Helvetica, sans-serif;color: #FFFFFF;}

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


/* Text webpart*/
    .cms-text 					
        {margin-top: 0px;font:1em Verdana, Helvetica, sans-serif; padding:0 7px 7px 4px;}
  .cms-text h3			
        { padding:7px 0;}
/* end*/


/* Image webpart*/
    .cms-image 					
        {margin: 0 0 4px 0;}
    .image-box
        {background:#E8EDF0; border:1px solid #cfcfcf; text-align: center;}
    .image-box-text
        {font: 0.8em Verdana; text-align: center; padding: 2px}
/* 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: #EFEFEF;border:none;clear:both}
    .cms-links .left 
        {height:auto;}
    .cms-links .right 
        {height:auto;}
	.cms-links .content 
	    {width:425px; margin-left:5px; height:auto;}
    .cms-links-title            
        {color: #ffffff;text-align: left;padding: 3px 0 3px 5px;font: 1em Verdana, Helvetica, sans-serif;background-color: #475E7A; width:435px;}
    .cms-links p                
        {/*background: #c1d0db;text-align:left;padding:0 0 0 5px;margin:0px 0px 0px 0px;*/}
    .cms-links ul               
        {font: bold 1em Verdana, Helvetica, sans-serif;}
    .cms-links ul               
        {font: 1em Verdana, Helvetica, sans-serif;}  
    .cms-links ul li            
        {color: #000000;display:block;clear:both; padding-bottom: 10px}
    .cms-links ul li br
        {clear:both}           
    .cms-links ul li a          
        {color: #0d558c;text-decoration:none;display:block;float:none;clear:both; text-align: left;}
    .cms-links .right a
        {float:none; list-style-type: none; text-align: left; padding: 0px; margin: 0pxl; display: inline; font-weight: bold; text-decoration:none;}
    .cms-links .right a:hover  
        {color:#0d558c;text-decoration:underline;background: none;}        
    .cms-links ul li a:hover    
        {color:#0d558c;text-decoration:underline;}
    .cms-links .Footer
        {clear:both}
    
#banner. left {background:#fff}
    .cms-links ul li            
        {
	color: #000000;
	padding-bottom:10px;
	list-style-type:disc;
	list-style-position: outside;
}
    .cms-links ul li a          
        {color: #0d558c;text-decoration:none;}
    .cms-links ul li a:hover    
        {color:#0d558c;text-decoration:underline;}
        
    /* ie6 hack (valid)*/
    /*\*/ * html .cms-links     {
	background: #E8EDF0 url(images/contentpage/linksbg.gif) repeat-x left top;
	min-height: 3.8em;
	float: left;
	position:relative;
	margin-left:2px;
	border:none;
	width: 400px;
}
    /**/ 
/* end*/


/*  s webpart*/
    .cms-documents 				
        {
	min-height: 2em;
	display: block;
	float: left;
	margin: 8px 0 0 0px;
	padding:5px;
	width: 100%;
}
    .cms-documents a            
        {color: #0d558c;text-decoration:underline;}
    .cms-documents a:hover      
        {color: #0d558c;text-decoration:none;}
/* end */


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


/* Highlight webpart*/
    .cms-highlight 				
        {
	background: #E8EDF0;
	color: #0d558c;
	display: block;
	margin: 8px 0 0 0;
	padding:5px;
	font: 1em Verdana, Helvetica, sans-serif;
	clear: both
}
/* 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 Verdana, 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 Verdana, Helvetica, sans-serif;
	padding: 5px;
	border: 1px solid #CFCFCF;
	clear: both;
	background: #DFE6EA;
}
    .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; color:#395e7c }
    .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: #395E7C;position:relative;left:10px;top:0px;float:left;}
    .cms-profile-a .body .text a         
        {color: #395e7c;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: #DFE6EA; width: 131px;float: left;margin: 5px 8px 10px 0;border: 1px solid #cfcfcf;text-align: center;font: 1em Verdana, Helvetica, sans-serif;overflow:hidden;padding: 5px;}
    .cms-profile-b a                     
        {color: #395e7c; 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: 100%; margin-left: 10px;}

    #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: 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: 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;*/
/* 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: #E8EBEE 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}