/* Heading webpart*/
    .cms-heading h3				
        {color:#000; font-family:Georgia, "Times New Roman", Times, serif;  font-size:140%; padding:5px 7px; margin:0 0 6px 0; } 
/* end*/


/* Text&Image webpart*/
    .cms-textandimage 			
        { clear:both; margin-bottom: 10px; padding:5px;font-size:1.2em}
    .cms-textandimage H3,
    .cms-textandimage H4        
        {color:#747474; font-weight:bold; margin:0; padding-left:0;}
    .cms-textandimage img 		
        {display:block;}
	.cms-textandimage p
		{padding-top:0; margin-top:0;}
/* end*/


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


/* Image webpart*/
    .cms-image 					
        {clear:both; margin: 0 0 4px 0;}
    .image-box
        {padding: 2px 0 0 0; margin: 0; text-align:center;}
    .image-box-text
        {text-align: center; padding:0; font-style:italic; }
/* end*/


/* BoxOut webpart*/
    .cms-boxout 				
        {background: #F3F4EF;border: 1px solid #cfcfcf; clear:both;  display: block;  margin: 0 0 6px 0; padding:3px;}
    .cms-boxout .title			
        {display:none;}
    .cms-boxout .body		    
        {color: #787878; display: block; padding: 3px; }
	.cms-boxout p
	   	{padding:5px 0; margin:0;}
/* end*/


/* Links webpart*/
    .cms-links                  
        { margin:0 0 6px 0;}
    .cms-links .Banner
		{background:#92ac49 url(images/template/webparts/cms_heading_bac.gif) top repeat-x; height:15px; }
    .cms-links p                
        {text-align:left; padding:0;margin:0 0 0 10px;}
    .cms-links ul               
        {display:block; margin:0; padding:0;}
    .cms-links ul li            
        {margin:0; padding:0;}

        
    /* 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 				
        {border: 1px solid #CFCFCF;  display: block; margin: 0 0 6px 0; padding:5px; font-size:1.2em}
 
/* end */


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


/* Highlight webpart*/
    .cms-highlight 				
        {background: #E8EDD9; color: #678501; display: block;margin: 0 0 6px 0; padding:5px 8px;font-size:1.2em }
		 *html .cms-highlight 				
        {background: #E8EDD9; color: #678501; display: block;margin: 0 10px 6px 0; padding:5px 8px;font-size:1.2em }
		
	.cms-highlight p {margin:0; padding:5px 0;}
/* end*/


/* Media mediapart*/
    .cms-media 					
        {padding: 2px 0px; clear: both}
/* end */


/* FeedBack webpart*/
    .cms-form    			   
        {display:block; margin:0 0 6px 0; padding:5px;}
    .cms-form H3               
        {padding:0;margin:5px 0 0 0;}
    .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, .cms-form textarea.field
        {border: 1px solid #CFCFCF; width: 180px; font-size:100%;}
    .cms-form input.hiddenfield
        {display: none;}
    .cms-form img.helpicon     
        { cursor: pointer;float: left;padding: 3px 5px 0 0;}
    .cms-form span.fielderror
        {padding: 0; clear: both; }
    .cms-form span.fieldrequiredmarker
        {}
    .cms-form input.button     
        {clear:left;}
/* end */

/* Profile (mode A)webpart*/
    .cms-profile-a                       
        {border: 1px solid #CFCFCD; background:#F3F4EF; margin: 0 0 6px 0; padding: 5px;  clear: both}
    .cms-profile-a .image                
        {background:#FFF; float: left; margin:0 5px 0 0; border:1px solid #CFCFCD;}
    .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;}
    .cms-profile-a .body .pullquote      
        {}
    .cms-profile-a .body .pullquote div.start  
        {}  
    .cms-profile-a .body .pullquote div.end    
        {}
    .cms-profile-a .body .text           
        {}
    .cms-profile-a .footer               
        {display:none;}
/*end*/


/* Profile (mode B)webpart*/
    .cms-profile-b                       
        {border: 1px solid #CFCFCD; background:#F3F4EF; width: 131px;float: left; margin: 0 0 6px 0;text-align: center;padding: 5px;}
    .cms-profile-b .image                
        {border:1px solid #CFCFCD; width: 68px; height:58px; }
    .cms-profile-b .title                
        {font-weight:bold;}
    .cms-profile-b .body                 
        {}
    .cms-profile-b .pullquote            
        {padding-top: 8px;width:120px; padding:3px;}
    .cms-profile-b .body .pullquote div.start  
        {}  
    .cms-profile-b .body .pullquote div.end    
        {} 
    .cms-profile-b .text                 
        {padding:3px;}
    .cms-profile-b .footer               
        {display:none;}
/* end*/


/* Google maps webpart */

    .cms-gmap                  
        {border:1px solid #cfcfcf; background: #dedede url(images/template/RHS_col/rhs_box_background.gif) repeat-x;margin-bottom: 3px; clear:both;margin:0 0 6px 0; }

    .cms-gmap  input	{font-size:100%;} 
    #map          {height: 340px !important; clear: both}

/* header area */
    .cms-gmap .header          {}
    .cms-gmap .header .left    {}
    .cms-gmap .header .left H3 {color:#668504; padding:5px 5px 5px 8px; margin:0 0 0 -1px; height:1%; font-size:120%;  font-weight:bold; float:left;}
    .cms-gmap .header .right   {float:right;}
/* directions form */
    .cms-gmap .header .right .form    
        {padding: 4px 0px;}
    .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;text-align: center; float:left;}/*font-size:0.01em;*/
    .cms-gmap .header a:hover  
        {display: block; width: 25px; padding: 2px;  text-align: center; float:left; }/*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;overflow:hidden;background-color:Transparent}
    * html .cms-gmap .tipholder .tip .header     
        {display:block;float:left;width:266px;height:13px;;overflow:hidden;}
    /**/ 
    .cms-gmap .tipholder .tip .body       
        {border-left: 1px solid #CFCFCF; border-right: 1px solid #CFCFCF; display:block;float:left;width:254px;min-width:0;height:auto;padding:0px 5px 0px 5px;}

/* end */

/* body area- contains map & imfo panels */
    .cms-gmap .body            
        { background:#fff;  margin:3px;}
    .cms-gmap .body .left      
        {}
    .cms-gmap .body .right     
        {text-align:center;}
/* 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 8px 10px 8px; text-align:left; font-size:1.2em}
    .cms-gmap .body .left .right .info  H3        
        {color:#668504; font-size:120%;  font-weight:bold; margin:0; padding:5px 0; font-size:1em}
    .cms-gmap #directions      
        {}
/* end */
/* end */
/* footer */
    .cms-gmap .footer          
        {padding:1px 0;}
    .cms-gmap .footer .left    
        {}
    .cms-gmap .footer .right   
        {}
/* end */
/* end*/




/* Page Import webpart */       

    .cms-importcontent              
        {margin:0 0 6px 0; padding:5px; clear:both;}
    .cms-importcontent iframe       
        {border:none;}
    .cms-importcontent .image-box   
        {float:none;}

/* Ad banner */

    .cms-adbanner                   
        {text-align:center; margin-right: 2px}

/* Focus On Group */

    .Box-FocusOn-Group
        {clear:both; float:left; width: 100%}
    .Box-FocusOn-Left 
        {border:1px solid #cfcfcf; background: #dedede url(images/template/RHS_col/rhs_box_background.gif) repeat-x; margin:0 3px 3px 0; float: left; width:48%;}
    /* Banner area (usually says 'focus on' in there in regular CMS */
    .Box-FocusOn-Left .Banner
        { color: #668504;  }
    /* 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
        {color:#668504; font-weight:bold; display:block; padding:8px 6px; font-size:110%;}
    /* 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 
        { border-bottom:3px solid #dedede; margin:0 3px 3px 3px; display:block; float:left; text-align: center;}
 
 
/* Hack for ie6 */
/*\*/ *	html .Box-FocusOn-Left .Footer 
        {background:#fff; border-bottom:3px solid #dedede; margin:0 3px 3px 2px; display:block; float:left; text-align: center;}

    .Box-FocusOn-Left .Footer .Left
        {text-align:center; float:left; font-weight: bold;  }
    .Box-FocusOn-Left .Footer .Right
        {}
	.Box-FocusOn-Left  .Footer .Left a
		{background:#fff; display:block; text-align:left; font-size:90%; display:block; margin:0; width:184px; padding:6px 0px 6px 3px; }
    .Box-FocusOn-Left  .Footer .Left a:hover
		{}		
/* End  */

/* User Control Body/content areas. This is the part that holds the dynamic contents. */
    .Box-FocusOn-Left .Body
        {background: #fff; border-right:3px solid #e6e6e6; border-left:3px solid #e6e6e6 ; 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
				{background: #fff; padding:3px 3px 3px 0;  margin: 0 4px 0px 4px;  text-align:left;}
            /* Nested inside the left div- for expandable widths (ie sliding doors)*/
     .Box-FocusOn-Left .Body .Content .Text
				{/*padding: 10px;*/}
            
     .Box-FocusOn-Left .Body .Content a 
				{}
     .Box-FocusOn-Left .Body .Content dl
				{width: 100%;}
     .Box-FocusOn-Left .Body .Content dl dt 
				{display:block; width: 90%; }
     .Box-FocusOn-Left .Body .Content dl dd 
				{display:block; border-bottom: 1px solid #CCC; width: 100%; margin-bottom: 3px; padding: 2px}
     .Box-FocusOn-Left .Body .Content dl dt img
				{float: left; margin-right: 3px;}
     .Box-FocusOn-Left .Body .Content ul 
				{margin: 0px;padding: 0;}
     .Box-FocusOn-Left .Body .Content ul li 
				{list-style: none;}
     .Box-FocusOn-Left .Body .Content ul li a
				{float:left; }
     .Box-FocusOn-Left .Body .Content .Text
				{}
	 .Box-FocusOn-Left .Body .Content dl dt a 	{text-decoration:underline;}
	 .Box-FocusOn-Left .Body .Content dl dt a:hover{text-decoration:none;}
            
            /* Nested inside the left div- for expandable widths (ie sliding doors)*/
     .Box-FocusOn-Left .Body .Content a 
				{}
            /* 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 .Right
				{float:right; width:187px;}
				/* Hack for ie6 */
/*\*/ *	html      .Box-FocusOn-Left .Body .Right 
				{float:right; width:188px;}

/* End  */

  .Box-FocusOn-Right  
        {border:1px solid #cfcfcf; background: #dedede url(images/template/RHS_col/rhs_box_background.gif) repeat-x;margin-bottom: 3px; float: left; width:48%;}
    /* Banner area (usually says 'focus on' in there in regular CMS */

    .Box-FocusOn-Right  .Banner
        { color: #668504;  }
    /* 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
        {color:#668504; font-weight:bold; display:block; padding:8px 6px; font-size:110%;}
    /* 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 
        {border-bottom:3px solid #dedede; margin:0 0 3px 0; display:block; float:left; text-align: center;}		
 
    .Box-FocusOn-Right  .Footer .Left
        {text-align:center; float:left; font-weight: bold; padding:0 3px;  }
    .Box-FocusOn-Right  .Footer .Right
        {}
	.Box-FocusOn-Right   .Footer .Left a
		{background:#fff; display:block; text-align:left; font-size:90%; display:block; margin:0; width:184px; padding:6px 0px 6px 3px; }
		

   .Box-FocusOn-Right   .Footer .Left a:hover
		{}		
/* End  */

/* User Control Body/content areas. This is the part that holds the dynamic contents. */
    .Box-FocusOn-Right .Body
        {background: #fff; border-right:3px solid #e6e6e6; border-left:3px solid #e6e6e6 ; 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
				{background: #fff; padding:3px 3px 3px 0;  margin: 0 4px 0px 4px;  text-align:left;}
            /* Nested inside the left div- for expandable widths (ie sliding doors)*/
      .Box-FocusOn-Right .Body .Content .Text
				{/*padding: 10px;*/}
            
      .Box-FocusOn-Right .Body .Content a 
				{}
      .Box-FocusOn-Right .Body .Content dl
				{width: 100%;}
      .Box-FocusOn-Right .Body .Content dl dt 
				{display:block; width: 90%; }
      .Box-FocusOn-Right .Body .Content dl dd 
				{border-bottom: 1px solid #CCC;  display:block; width: 100%; margin-bottom: 3px; padding: 2px}
      .Box-FocusOn-Right .Body .Content dl dt img
				{float: left; margin-right: 3px;}
      .Box-FocusOn-Right .Body .Content ul 
				{margin: 0px;padding: 0;}
      .Box-FocusOn-Right .Body .Content ul li 
				{list-style: none;}
      .Box-FocusOn-Right .Body .Content ul li a
				{float:left; }
      .Box-FocusOn-Right .Body .Content .Text
				{}
	  .Box-FocusOn-Right .Body .Content dl dt a 	{text-decoration:underline;}
	  .Box-FocusOn-Rightt .Body .Content dl dt a:hover{text-decoration:none;}
            
            /* Nested inside the left div- for expandable widths (ie sliding doors)*/
      .Box-FocusOn-Right .Body .Content a 
				{}
            /* 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 .Right
				{float:right; width:187px;}
								/* Hack for ie6 */
/*\*/ *	html            .Box-FocusOn-Right .Body .Right
				{float:right; width:188px;}
/* End  */
		
		
/*weather forecast webpart*/
		
	.weatherContainer 
        {padding-top: 30px;}
    .weatherMaster 
        {float: left; width:100%; margin:0 0 3px 0; padding:0 0 5px 0;clear:both;}
	.weatherContainer  div 
		{border:1px solid #dedede;  }
    .weatherStats 
        {float:right; width: 200px;border:none !important;border-style:hidden}
    .weatherStats strong
        {display: block; float: left; border:none !important;}
    .weatherRow 
        {padding: 4px;  margin: 2px;border:none !important;}
    .weatherRow strong 
        {display: block; float: left; width: 40px; border:none !important;}
    .weatherHeader 
        {color: #FFF; background: url(images/template/webparts/cms_heading_bac.gif) top repeat-x;  padding: 4px;  margin: 2px;border:none !important;}
    .weatherContainer 
        {}
    .weatherForecast
        {padding: 4px;  margin: 2px;border:none !important;}
    .weatherForecast h4{COLOR: #000;font-size:14px;}
     .weatherImage{height:112px;clear:both;border:none !important;border-style:hidden}