/* Heading webpart*/
    .cms-heading h3				
        {color:#777; padding:0 0 5px 0;} 
/* end*/


/*general hover style*/



/* Text&Image webpart*/
    .cms-textandimage 			
        {float: left; margin-bottom: 10px; padding:0px; width:98%;}
    .cms-textandimage H3,
    .cms-textandimage H4        
        {color:#777; font-weight:bold ;}
    .cms-textandimage img 		
        {margin: 0px;}
/* end*/


/* Text webpart*/
    .cms-text 					
        {margin-top: 0px; padding:0 7px 7px 7px; clear:both;}
	.cms-text H4					
        {font-size:120%;}	
/* end*/


/* Image webpart*/
    .cms-image 					
        {margin: 0 0 4px 0;float:left}
    .image-box
        {margin: 0 5px; background:#ededed; display:block;padding: 0; }
	.image-box br{display:none}
    .image-box-text
        { text-align: center; padding: 0 ;  }
/* end*/


/* BoxOut webpart*/
    .cms-boxout 				
        {background: #d7f5fe; display: block; border: 1px solid #cfcfcf; padding:3px; width: 98%; margin:0 0 6px 0;}
    .cms-boxout .title			
        {display:none;}
    .cms-boxout .body		    
        {color: #666; display: block; padding: 3px; font-size:1em;}
/* end*/


/* Links webpart*/
    .cms-links                  
        {clear:both; border-top:1px solid #eeeeee !important; padding:0 0 5px 0; width:404px; margin:6px 0; background:none !important;}
	.cms-links  .banner
			{}
    .cms-links-title            
        {background: transparent; color: #000;text-align: left;padding-top: 10px;padding-left: 10px;}
    .cms-links p                
        {background: #EFEFEF;text-align:left;padding:0px;margin:0px 0px 0px 10px;}
    .cms-links ul               
        {display:block; padding:0; margin:5px 0 0 10px; list-style:none;}
    .cms-links ul li            
        {color: #444; list-style:none; background:url(images/template/bullet.gif) 0 6px no-repeat; padding:0 0 0 15px;}
    .cms-links ul li a          
        {color: #237acc; text-decoration:underline;}
    .cms-links ul li a:hover    
        {color:#fff; background:#0d558c; 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 				
        {display: block; margin: 0 0 6px 0; padding:5px;border: 1px solid #CFCFCF; }
    .cms-documents a            
       {color: #237acc; text-decoration:underline; float:none;}
    .cms-documents a:hover      
        {color:#fff; background:#0d558c; text-decoration:none;}
  

/* end */




/* Flash mediapart*/
    .cms-flash 					
        {}
    .cms-flash-text				
        {display: block; margin-top: 6px;}
		
	 .cms-flash-text a:hover		
		{background:none !important; color:#444 !important;}
/* end */


/* Highlight webpart*/
    .cms-highlight 				
        {background: #e3edf9; color: #13528e; display: block;margin: 0 0 6px 0; padding:5px; clear:both; margin-right:8px}
	.cms-highlight p
		{margin:0; padding:5px 0;}	
/* end*/


/* Media mediapart*/
    .cms-media 					
        {padding: 2px 0px; clear: both}
    .cms-media a                
        {}
    .cms-media p a              
        {}
    a img:hover
             {background:none !important; color:#444 !important;}
		
/* end */


/* FeedBack webpart*/
    .cms-form    			   
        {display:block; width:100%; margin-top: 10px;  padding:5px;}
    .cms-form H3               
        { padding:0px;margin:5px 0px 0px 0px;}
    .cms-form span.fieldlabel, 
    .cms-form label.fieldlabel
        {clear:left; font-weight:bold; display: block}
    .cms-form span.field       
        {float: left; text-align: left;  margin-bottom:10px; display: block}
    .cms-form textarea.field   
        {border: 1px solid #CFCFCF;;width: 180px;}
    .cms-form input.field, 
    .cms-form select.field
        {border: 1px solid #CFCFCF;width: 180px;}
    .cms-form input.hiddenfield
        {display: none;}
    .cms-form img.helpicon     
        {display: inline;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
        {}
    .cms-form input.button     
        {clear:left;}
/* end */

/* Profile (mode A)webpart*/
    .cms-profile-a                       
        {width: 97%; margin: 4px 4px 10px 0; padding: 5px; border: 1px solid #CFCFCF; clear: both; background:#e9f7f8; height:1%;}
    .cms-profile-a a                     
        {color: #444;text-decoration:underline;background:none !important;}
    .cms-profile-a a:hover               
        {color: #444; text-decoration:none; background:none !important;}
    .cms-profile-a .image                
        {background:#FFF;  float: left; margin:0 5px 0 0;}
    .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; color:#444;text-decoration:underline; background:none !important;}
	    .cms-profile-a .title  a:hover
		{text-decoration:none !important; background:none !important;} 	
    .cms-profile-a .body .pullquote      
        {float:left;}
    .cms-profile-a .body .pullquote a    
        {text-decoration:underline;float:left;background:none !important;}
    .cms-profile-a .body .pullquote a:hover    
        {text-decoration:none;background:none !important;}
    .cms-profile-a .body .pullquote div.start  
        {float:left; }   /*{background:url(images/start_quote.gif); width:24px ;height:13px; display:block; 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 .body .text           
        {left:10px;top:0px;}
    .cms-profile-a .body .text a         
        {text-decoration:underline; color:#444;}
    .cms-profile-a .body .text a:hover   
        {text-decoration:none; color:#444; background:none !important;}
    .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 #CFCFCF; clear: both; background:#e9f7f8;padding: 5px; height:1%;}
    .cms-profile-b a                     
        {color: #444; text-decoration:underline;background:none !important;}
    .cms-profile-b a:hover               
        {text-decoration:none;background:none !important;}
    .cms-profile-b .image                
        {width: 68px; height:58px; }
    .cms-profile-b .title                
        {font-weight:bold;}
    .cms-profile-b .body                 
        {}
    .cms-profile-b .pullquote            
        {color: #444; padding-top: 8px;width:120px; padding:3px;}
    .cms-profile-b .body .pullquote a    
        {text-decoration:underline;color:#444;background:none !important;}
    .cms-profile-b .body .pullquote a:hover    
        {text-decoration:none;color:#444;background:none !important;}
    .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: #444; padding:3px;}
    .cms-profile-b .text a               
        {color:#444; text-decoration:underline; display:block; margin:0 0 5px 0; clear:both;background:none !important;}
    .cms-profile-b .text a:hover         
        {color:#444; text-decoration:none; background:none !important;}
    .cms-profile-b .footer               
        {display:none;}
/* end*/


/* Google maps webpart */

    .cms-gmap                  
        { background:url(images/template/webparts/google_top.gif) top no-repeat; clear:both; margin:5px 0 0 0;}

    .map 
        {width: 380px !important; margin:7px 0 0 9px; clear: both; height:400px;}

/* header area */
    .cms-gmap .header          {}
    .cms-gmap .header .left    { float:left;}
    .cms-gmap .header .left H3 {font-size:110%; color:#fff; padding:5px 20px 0 15px; font-weight:bold; margin:0; }
    .cms-gmap .header .right   { width:250px; float: right;}
	  /* Hack for ie6 */
/*\*/* html  .cms-gmap .header .right   { width:220px !important;float: right;}
/* directions form */
    .cms-gmap .header .right .form    
        {padding: 0 10px 0 0 ; text-align:right; width:250px;}
    .cms-gmap .header .right .form label 
        {float: left; display: block; padding: 4px 0 0px 0px; font-weight: bold; color:#fff; font-size:90%;}
    .cms-gmap .header .right .form input    
        {float: left}       
		    .cms-gmap .header .right .form input  {font-size:90%;}                    
/* 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        
        { float:left; background:url(images/template/webparts/google_go.gif) no-repeat; width:26px; height:20px; cursor:pointer;}/*font-size:0.01em;*/
    .cms-gmap .header a:hover  
        {}/*font-size:0.01em;*/
		
		    .cms-gmap .content {background:url(images/template/webparts/google_content_tile.gif) repeat-y; width:450px; margin:0 0 0 6px;}
				  /* Hack for ie6 */
/*\*/* html  .cms-gmap .content {width:403px !important;}
/* end */
/* end */
/* bubble pop-up to tell user something didnt work */
    .cms-gmap .tipholder	   
        {}
    .cms-gmap .tipholder .tip  
        {}
    .cms-gmap .tipholder .tip .footer     
        {display:none;}
    .cms-gmap .tipholder .tip .header     
        {}
    /* ie6 hack (validates) */
    /*\*/ 
    * html .cms-gmap .tipholder		
        {}
    * html .cms-gmap .tipholder .tip   
        {}
    * html .cms-gmap .tipholder .tip .footer     
        {}
    * html .cms-gmap .tipholder .tip .header     
        {}
    /**/ 
    .cms-gmap .tipholder .tip .body       
        {}

/* end */

/* body area- contains map & imfo panels */
    .cms-gmap .body            
        { clear:both;}
    .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 9px;}
    .cms-gmap .body .left .right .info  H3        
        { padding:8px 0 8px 4px; color:#269836; font-size:160%; margin:0;}
    .cms-gmap #directions      
        {}
	 .cms-gmap .body .left .right .info div { padding:0 0 0 10px; width:380px;}
/* end */
/* end */
/* footer */
    .cms-gmap .footer          
        { background:url(images/template/webparts/google_bottom.gif) 6px 0 no-repeat; height:20px;}
		
		   /* ie6 hack (validates) */
    /*\*/ * html .cms-gmap .footer          
        { background:url(images/template/webparts/google_bottom.gif) 6px 0 no-repeat; height:20px; width:405px;}
    .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              
        {  margin:0 0 6px 0; clear:both;}
    .cms-importcontent iframe       
        {border: none;}
    .cms-importcontent .image-box   
        {border:none !important; clear:right;}
 	.cms-importcontent  a 			{font-weight:bold; color:#237acc;}
	 .cms-importcontent a:hover		{color:#FFF; background:#13528e; text-decoration:none} 	
/* 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
        {background: url(images/template/webparts/focusbox/focus_title.gif) repeat-y; margin-bottom: 5px; clear: both; padding:0 0 10px 0;}
   .Box-FocusOn-Left { background:url(images/template/webparts/focusbox/contentpane_tile.gif) repeat-y; margin:0 4px 6px 0; float:left; width:203px; }
     /* Banner area (usually says 'focus on' in there in regular CMS */
            .Box-FocusOn-Left .Banner
				{background: url(images/template/webparts/focusbox/contentpane_head.gif) top no-repeat; color: #fff;}
            /* Used for rounded corners and to hold a <span> with the title in it. */
         .Box-FocusOn-Left .Banner .Title
				{font-weight:bold; display:block; padding:8px 6px 8px 14px; color:#fff; height:1%; }
            /* Used for rounded corners. Can be set to display:none if not required in the layout. */

        /* End  */

        /* User Control Footer areas */
            .Box-FocusOn-Left .Footer 
				{ background: url(images/template/webparts/focusbox/contentpane_footer.gif) bottom no-repeat; display:block; padding:5px 0 15px 10px;  clear:both; }
			 
	    /* End  */

        /* User Control Body/content areas. This is the part that holds the dynamic contents. */
            .Box-FocusOn-Left .Body
				{background:url(images/template/webparts/focusbox/contentpane_tile.gif) repeat-y;}
            /* Used to show left edge repeating background image */
            .Box-FocusOn-Left .Body .Content
				{ padding:0 0 0 8px;}
            /* Nested inside the left div- for expandable widths (ie sliding doors)*/
            .Box-FocusOn-Left .Body .Content .Text
				{  padding:5px 10px 0 0;}
            /* Nested inside the left div- for expandable widths (ie sliding doors)*/
            .Box-FocusOn-Left .Body .Content a 
				{float:left; display: block;}
            /* Nested inside the left div- for expandable widths (ie sliding doors)*/
            .Box-FocusOn-Left .Body .Content img
				{ float:left;}
            /* Nested inside the left div- for expandable widths (ie sliding doors)*/
            .Box-FocusOn-Left .Body .Content label
				{display:block; font-weight:bold;  }				
            /* Nested inside the left div- for expandable widths (ie sliding doors)*/
        	.Box-FocusOn-Left .CommandBtn {padding: 2px 16px 2px 6px; margin:3px 0 0 0;  background: url(images/commandBtn_tile.gif) no-repeat right;  color: #fff; font-weight: bold; text-decoration:none;}
 			.Box-FocusOn-Left .CommandBtn:hover {text-decoration:underline;}
            .Box-FocusOn-Left input.field {width:120px;}
			.Box-FocusOn-Left label {font-size:90%; height:1%;}
			 .Box-FocusOn -Left ul {padding:0; margin:0;} .Box-FocusOn-Left  ul li {padding:0; margin:0;}


/*Focuson Right*/
    .Box-FocusOn-Right { background:url(images/template/webparts/focusbox/contentpane_tile.gif) repeat-y; margin-bottom: 3px; float:left; width:203px;}
     /* Banner area (usually says 'focus on' in there in regular CMS */
            .Box-FocusOn-Right .Banner
				{background: url(images/template/webparts/focusbox/contentpane_head.gif) top no-repeat; color: #fff;}
            /* Used for rounded corners and to hold a <span> with the title in it. */
         .Box-FocusOn-Right .Banner .Title
				{font-weight:bold; display:block; padding:8px 6px 8px 14px; color:#fff; height:1%; }
            /* Used for rounded corners. Can be set to display:none if not required in the layout. */

        /* End  */

        /* User Control Footer areas */
            .Box-FocusOn-Right .Footer 
				{ background: url(images/template/webparts/focusbox/contentpane_footer.gif) bottom no-repeat; display:block; padding:5px 0 15px 10px; clear:both; }
			 
	    /* End  */

        /* User Control Body/content areas. This is the part that holds the dynamic contents. */
            .Box-FocusOn-Right .Body
				{background:url(images/template/webparts/focusbox/contentpane_tile.gif) repeat-y;}
            /* Used to show left edge repeating background image */
            .Box-FocusOn-Right .Body .Content
			{ padding:0 0 0 8px;}
            /* Nested inside the left div- for expandable widths (ie sliding doors)*/
            .Box-FocusOn-Right .Body .Content .Text
				{  padding:5px 10px 0 0;}
            /* Nested inside the left div- for expandable widths (ie sliding doors)*/
            .Box-FocusOn-Right .Body .Content a 
				{float:left; display: block;}
            /* Nested inside the left div- for expandable widths (ie sliding doors)*/
            .Box-FocusOn-Right .Body .Content img
				{ float:left;}
            /* Nested inside the left div- for expandable widths (ie sliding doors)*/
            .Box-FocusOn-Right .Body .Content label
				{display:block; font-weight:bold;  }				
            /* Nested inside the left div- for expandable widths (ie sliding doors)*/
        	.Box-FocusOn-Right .CommandBtn {padding: 2px 16px 2px 6px; margin:3px 0 0 0;  background: url(images/commandBtn_tile.gif) no-repeat right;  color: #fff; font-weight: bold; text-decoration:none;}
 			.Box-FocusOn-Right .CommandBtn:hover {text-decoration:underline;}
            .Box-FocusOn-Right input.field {width:120px;}
			.Box-FocusOn-Right label {font-size:90%; height:1%;}
			.Box-FocusOn-Right ul {padding:0; margin:0;} .Box-FocusOn-Right  ul li {padding:0; margin:0;}
		
		
.ContentPane .boxout 					{background: url(images/template/webparts/boxout_contentpane/boxout_tile.gif) repeat-y; margin:0 0 3px 3px; clear: both;}
.ContentPane .boxout .rss				{float:right; padding:10px 20px 0 0;}
.ContentPane .boxout .head	 			{background: url(images/template/webparts/boxout_contentpane/head_bac.gif) top left no-repeat; height:1%;}
.ContentPane .boxout .head	h4 			{color:#fff; padding:10px 5px 8px 13px; margin:0; font-size:110%;}
.ContentPane .boxout .head	h4 a 		{color:#fff; text-decoration:none; }
.ContentPane .boxout .head	h4 a:hover 	{color:#fff; text-decoration:underline; }
.ContentPane .boxout .body				{}
.ContentPane .boxout .body .text		{padding:8px 10px;}
.ContentPane .boxout .body ul			{padding:0; margin:0 5px 0 10px;list-style:none;}
.ContentPane .boxout .body ul	li		{padding:5px 0; list-style:none; margin:0;}
.ContentPane .boxout .body ul a 		{font-weight:bold; color:#237acc;}
.ContentPane .boxout .body ul a:hover	{color:#FFF; background:#13528e; text-decoration:none} 	
.ContentPane .boxout .body  a 			{font-weight:normal;color:#237acc;}
.ContentPane .boxout .body a:hover		{color:#FFF; background:#13528e; text-decoration:none} 	
.ContentPane .boxout .Footer			{background:url(images/template/webparts/boxout_contentpane/footer.gif) no-repeat bottom left; padding:10px 0 15px 10px; clear:both; margin:0; height:1%;}
.ContentPane .boxout .Footer a			{}
.ContentPane .boxout .imgBox			{float:right;}
.ContentPane .boxout .more a 			{color:#237acc;}
.ContentPane .boxout .more a:hover		{color:#FFF; background:#13528e; text-decoration:none} 	


/*weather forecast*/
    .weatherContainer 
        {float: left; padding-top: 30px;}
    .weatherMaster 
        {float: left; width: 410px;}
    .weatherStats 
        { margin-left: 250px; }
    .weatherStats strong
        {display: block; float: left; width: 90px;color: #000}
    .weatherRow 
        {padding: 4px; background: #edf1f3; margin: 2px; }
    .weatherRow strong 
        {display: block; float: left; width: 40px; color: #000}
    .weatherHeader 
        {padding: 4px; background: #269836; color: #FFF;  margin: 2px;}
    .weatherContainer 
        {}
    .weatherForecast
        {padding: 4px; background: #edf1f3; margin: 2px; height: 265px}

		
	.weatherContainer div {float:none !important;}