/** This is the CSS stylesheet for www.halmanac.com
    The CSS was difficult to develop because of many syntax problems but
    after the problems were fixed, everythink works well.

    Beginning CSS by Wrox Press was the main book for information.  
    I ended up reading almost every chapter.  I indend to add to this CSS sheet
    to improve the look of the site.   RN 5-4-2009  Updated 10-9-09 
    
    The organization of the pages are.
    
    body - width 770px  height null   margin 0 auto (centered)    backcolor white   
                                      padding 0
                                      border 0
		
        header1  width null height 140px  margin null  backcolor is image
										  padding 0
                                          border 0	
		    - headertitle    text for Healthcare Almanac in white 
     		- headerphrase   text for Healthcare Professional
	           
        menuline1 width null height  28px  margin null backcolor is black
				- menuarea       text for menu
                - contactus      text for contact us				
               
        mainbody width null height  auto  margin 0    backcolor is white
                                          padding 0
                                          border 0  
                -  mainbodyleft width  200px height auto  backcolor is white
					- Webex1
                    - ConstantContact1
					- Reports
                -  mainbodycenter width  550px     - mainitem1
               
        footer1 width null height 30px  margin 0   backcolor is black  Text is white


**/

    html, body, div, p, h1, h2, h3, h4, h5, h6, blockquote, ol, ul, li, dl, dt, dd, td, form, fieldset, a, img, button {
         margin: 0;
         padding: 0;
         border: 0;
    }
        body{
            width: 770px;
            height: auto;
            margin: 0 auto;
            border: 0;
            padding: 0;
            background: #FFFFFF url('images/bg_tile.gif') repeat;
        }

        hover
        {
			color: #DDDDDD;
			}
		
		selected
		{
			color: #DDDDDD;
			}

		p 
		{   
			margin: 0 ;
            border: 0;
            padding: 6px 0px 0px 0px;
            line-height: 115%;
            font: 12px Verdana, Arial, Sans-Serif;
           
			}	
	
/**  			
		br 
		{   margin: 0 ;
            border: 0;
            padding: 0;
			}
**/ 				
		ul
		{
			list-style-type: square;
			padding: 3px 20px;
			
			}		
/**		
		li
		{
			margin: 3px 10px;
			padding: 3px 10px;
			list-style-image: square;
		}		
**/
        #header1{
            height: 140px;
            background-position: top left;
            background: #FFFFFF url('images/head.jpg') no-repeat;
        }

        #headertitle{
            color: #FFFFFF;  /** White **/
            font-weight: normal;
            font-size: 48px;
            font-family: Britannic Bold, Times New Roman, Verdana, Geneva, Arial;
            padding-top: 26px;
            padding-left: 26px;
        }

        #headerphrase{
            color: #FFFFFF;  /** White **/
            font-weight: normal;
            font-size: 18px;
            font-family: Britannic Bold, Times New Roman, Verdana, Geneva, Arial;
            padding-left: 26px;
            padding-top: 16px;
        }

        #menuline1{
            color: #FFFFFF;  /** White **/
            font-weight: normal;
            font-size: 18px;
            font-family: Arial, Verdana, Sans-Serif;
            height: 28px;
            margin: 0px;
            border: solid 0px black;
            padding: 5px;
            background-color: #000000;  /** Black **/
        }
        
        #menuarea{
            float:left;
        }

        #contactus{
            float: right;
            color: #FFFFFF;  /** White **/
            font-weight: normal;
            font-size: 14px;
            font-family: Arial, Verdana, Sans-Serif;
            padding: 8px;
        }

        #mainbody{
            clear: both;
            position: relative;
            width: auto; 	
            height: auto;
            margin: 0 auto;
            border: solid 0px green;
            padding: 5px;
            background-color: #FFFFFF;   /** White **/
        }

        #mainbodyleft
        {
            position: absolute;
            width: 200px; 
            border: solid 0px red;
            padding: 0px;
            margin: 15px 5px;
        }

/** **/        
		#Webex_Panel{
            width: 190px;
            height: 240px;
            margin: 0px;
            padding: 6px;
            border: solid 0px black; 
            background: #FFFFFF url('images/Slice_190_190.png') no-repeat;   
        }
        
/** **/                
        #Reports_Panel{
            width: 190px;
            height: 240px;
            margin: 0px;
            padding: 6px;
            border: solid 0px black; 
            background: #FFFFFF url('images/Slice_190_240.png') no-repeat;   
/** **/           
        }
       
        #ConstantContact_Panel{
            width: 190px;
            height: 120px;
            margin: 0px;
            padding: 6px;
            border: solid 0px black;
            background: #FFFFFF url('images/Slice_190_240.png') no-repeat;   
        }
        
        
        #Support_Panel{
            width: 190px;
            height: 240px;
            margin: 0px;
            padding: 6px;
            border: solid 0px black; 
            background: #FFFFFF url('images/Slice_190_190.png') no-repeat;   
        }
        
        #ASPNET_Panel{
            margin: 0px;
            padding: 5px 0px 5px 0px;
            border: solid 0px black;
            /**   background: #FFFFFF url('images/aspnet.gif') no-repeat;   **/
        }
        
        #Resources_Panel{
            width: 190px;
            height: 340px;
            margin: 0px;
            padding: 6px;
            border: solid 0px black; 
            background: #FFFFFF url('images/Slice_190_340.png') no-repeat;   
        }
       
        #mainbodycenter
        {
            width: auto;
			margin: 0px 0px 0px 200px;
            border: solid 0px yellow;
            padding: 5px;
        }
            
        .Text_Panel
        {
        	width: 520px;
        	height: auto;
            margin: 10px;
            padding: 5px;
            border-bottom: solid 4px black;
            border-right: solid 4px black;
            border-top: solid 1px black;
            border-left: solid 1px black;
            color: #000000; /** Black **/
            font-weight: normal;
            font-size: 13px;
            font-family: Verdana, Arial, Sans-Serif;
            line-height: 115%;
        }

        #footer1{
            clear: both;
            height: 36px;
            margin: 0px;
            border: solid 0px black;
            padding: 10px;
            color: #FFFFFF;  /** White **/
            background-color: #000000;  /** Black **/
        }
        
/**  Currently not used  **/
        h1{
			margin: 0px;
            border: solid 1px red;
            padding: 0px;
            text-align: center;
            font-weight: normal;
            font-size: 28px;
            font-family: Britannic Bold, Times New Roman, Verdana, Geneva, Arial;
            color: #0000FF;  /** Blue **/
        }

/**  Header for User Controls on the left side of the page  **/
        h2{
			margin: 0px;
            border: solid 0px black;
            padding-top: 8px;
            padding-left: 0px;
            padding-bottom: 6px;
            padding: 0px;
            text-align: center;
            font-family: Verdana, Geneva, Arial, Sans-Serif;
            font-weight: normal;
            font-size: large;
            color: #0000FF;  /** Blue **/
        }

/**  Header for Text Panel in all pages  **/
        h3{
			margin: 0px ;
            border: solid 0px black;
            padding-top: 8px;
            padding-left: 0px;
            padding-bottom: 6px;
            text-align: left;
            font-weight: normal;
            font-size: large;
            font-family: Verdana, Geneva, Arial, Sans-Serif;
            color: #0000FF;  /** Blue **/
        }

/**  Paragraph header for section headings in long pages.  **/
        h4{
			margin: 0 ;
            border: solid 0px black;
            padding-top: 6px;
            padding-left: 0px;
            padding-bottom: 4px;
            text-align: left;
            font-weight: normal;
            font-size: medium;
            font-family: Verdana, Geneva, Arial, Sans-Serif;
            color: #0000FF;  /** Blue **/
        }