/* ===== ===== ===== ===== ===== ===== ===== ===== */
/* Monarch Life Coaching - primary site specific CSS
  by Tom Cloyd, MS MA, tc@tomcloyd.com -  http://DirectPathDesign.TomCloyd.com

  KEY COLORS:
    - #C0C0C0 - med. lt gray - background color of website
    - #9B4D00 - burnt orange (nav button hover color, borders of main elements)
    - #D4854B - dark orange (main navigation buttons)
    - #FFE2BF - light orange (content background)

  =---> IMPORTANT: font size must be specified in percents only, to
  . preserve the ability of users to resize fonts in their browsers - an
  . important accessibility feature.

  VERSION DATE: 2008.07.01:1410
  ===== ===== ===== ===== ===== ===== ===== ===== */
  /*

  ordering hierarchy,within division:                                                    */
  /*  ++ id */
    /*  ++ id element */    
    /*  ++ id class */                    
  /*
  IDs not qualified by an element are <div> IDs - all others
  will be qualified.

  "*font-size...." feeds values to MS IE to correct for its very famous "EM  text resizing bug" / "*..." should be 0.975 * reg. font-size - v. #79 at 
  http://www.gtalbot.org/BrowserBugsSection/MSIE7Bugs/
  */

/* ++ general -----------------------------------------------------------------*/
  /* ++ elements */
    
    html{
      background:Silver;
      padding: 0px 0 40px 0;}
      
    abbr{
      border-bottom:1px dashed black;
      cursor:help;
      }
    
    code, pre{
      background:silver;
      padding-left:5px;
      padding-right:5px;}
    
    pre{
      border:1px solid gray;
      margin-left: 10px;
      padding-bottom:5px;
      padding-top:5px;
      }
    
  /* ++ class */
  
    .center{
      text-align:center;
      }
    
    .hidden{
      display:none}
      
    .invisible{
      color:white}
    
    .underline{
      text-decoration: underline !important}
  
/* ++ area specific -----------------------------------------------------------*/

/* site header */

  #hd{
    /*border:1px solid gray;*/
    height:auto;
    overflow:hidden;}

  #main-navlist{
    text-align: center;}

    #main-navlist ul{
      height:3.25em;
      *height:3.168;/*for MS IE*/
      padding:0;
      margin:0;/*v. important!*/
      text-align:center;
      white-space: nowrap;}
    
    #main-navlist li{
      display: inline;
      text-align:center;
      /*list-style-type: none; no effect*/
      font-size: 145%;
      *font-size: 141%; /*for MS IE*/
      line-height: 2.5em;
      *line-height: 2.437em;/*for MS IE*/
      }
    
    #main-navlist ul li a{
      border:1px solid #E1E1E1;
      margin:0;
      padding: 5px 15px 5px 12px;
      }
        
      #main-navlist-liner ul li a:hover{
        color:gold !important;
        background-color: #9B4D00 !important;/*burnt orange*/
        background-image:url("../../assets/images/gradient button-burnt-orange to white-35px.png") !important;
        text-decoration: none;
       }
      
      #main-navlist ul li a:link, #main-navlist ul li a:visited{
        color:white;
        background-color: #D4854B;/*dark orange*/
        background-image:url("../../assets/images/gradient button-drk-orange to white-35px.png");
        text-decoration: none;
       }
     
      #main-navlist ul li a.selected{
       color:black !important;
         }
    
  #main-navlist-liner{
    overflow: hidden;
    margin:3px 0 5px 0;                        
    padding:0;
    text-align:center;}

  #site-header-top-liner{
    text-align:right;
    border:2px solid #9B4D00;/*burnt orange*/
    height:12.9em;
    *height:12.5775em;/*for MS IE*/
    margin-top:2em;
    *margin-top:1.95em;/*for MS IE*/
    background:white;
    overflow: hidden;}
    
    #site-header-top-liner img{
      border:none}

/* site body (main content) */

  /* bd */    

    #bd{
      /* background:pink */}      
    
    #bd .yui-b{ /* main content & sidebarR */
      /*border:1px dashed red*/}        
    
    #bd .yui-g /* nested grid */{
    /*border:1px dashed green*/}

  
    
  /* main-content */

    #main-content #areYouCoachable{
      text-align: center;
      margin:50px 0;}
    
    #main-content{
      /* id must be added */
      background:#FFE2BF;/*light orange*/
      border:2px solid #9B4D00;/*burnt orange*/}  
    
    #main-content p.siteQuote{
      font-size:0.9em;
      font-style:italic;
      text-align: center;}
    
    #main-content p.siteQuote-author{
      font-size:0.9em;
      font-style:normal;
      text-align:right;}
    
    #main-content blockquote p.siteQuote{
      text-align:center;
      font-size: 125%;
      margin-bottom: 2em;}
    
    #main-content blockquote p.siteQuote2{
      text-align:center;
      font-size: 145%;
      margin-top:2em;
      margin-bottom: 2em;}
      
    #main-content table tr td {
      border:none;
      margin-bottom: 0;
      
      }  
    
    #main-content ul.timestamp{
      border-top: 1px solid silver;
      clear:both;
      list-style:none;
      list-style-position:inside;
      margin-top:3em;
      margin-bottom:1.5em;
      margin-left:0;
      padding-top: 1em;
      text-align: center;
      font-size: 80%;
      *font-size: 80%;/*for MS IE*/}
    
    #main-content ul.timestamp li{
      display:inline;
      margin-left:0 !important;
      text-align:left;}
    
    #main-content div.cutout-centered{
      border-left:1px dashed black;
      border-right:1px dashed black;
      margin: 30px 125px 30px 125px;
      float:none;
      /*width:200px;*/}
    
    #main-content div.cutout-centered p{
      font-weight: normal;
      font-size:130%;
      color:gray;
      margin:0px 10px 0px 10px;
      padding:10px 5px 10px 5px ;
      text-align: center;
      line-height: 1.5em;
      background-color: antiquewhite;
      }
    
    #main-content div.cutout-centered p.right{            
      font-size:110%;
      color:brown;
      text-align:right;
      margin-top:0;
      padding-top:0;
      padding-right:20px;
      }
      
    /* "cut-left" can go right if all floats > right, and R & L margin switched on outermost div. */
    #main-content div.cutout-left{
      margin: 10px 30px 10px 0px;      
      padding:0 0 10px 0;/*keeps MSIE from misbehaving*/
      float:left;
      width:200px;   
      border: 3px solid silver;    
      }
      
    #main-content div.cutout-left div{
      background-color: antiquewhite;
      text-align: center;
      border-top:3px solid silver;
      border-left:2px solid silver;
      border-right:2px solid silver;
      border-bottom:5px solid silver;
      margin:10px 8px 0px 8px;
      width:180px;     
      text-align:center;
      float:left;
      /*border:1px dashed green;*/
      }
    
    #main-content div.cutout-left div p.img-holder{
      margin:0;
      padding:0;
      }
    
    #main-content div.cutout-left div p.img-holder img{
      /*border-bottom:1px solid gray;*/
      float:left;
      margin:0; 
      padding:0;
      }
      
    #main-content div.cutout-left div p{
      background-color: transparent;
      /*border:1px solid transparent;*/
      color:dimgray;
      float:left; 
      /*clear:left; <= MSIE dislikes*/
      font-size:160%;
      font-style:italic;
      font-weight: normal;
      line-height: 1.5em;
      margin:-5px 0px 10px 0px ;
      padding:0px 5px 12px 5px ;           
      text-align: center;
      /*border:1px solid silver;*/
      }   
      
    #main-content div.cutout-left-plain01{
      /*border: 1px solid red;*/
      float:left;
      margin: 10px 25px 10px 0px;      
      padding:0 0 0 0;/*keeps MSIE from misbehaving*/
      width:180px;
      background-color: transparent;
      /*border:1px solid transparent;*/
      color:dimgray;
      float:left; 
      font-size:140%;
      font-style:italic;
      font-weight: normal;
      line-height: 1.5em;
      text-align: center;
      }
      
    #main-content div.cutout-left-plain01 p{
      padding:15px 0;
      margin:0px;
      border-top:1px dashed black;
      border-bottom:1px dashed black;
      }    
      
    #main-content div.cutout-right-plain01{
      /*border: 1px solid red;*/
      float:right;
      margin: 10px 0px 10px 25px;      
      padding:0 0 0 0;/*keeps MSIE from misbehaving*/
      width:180px;
      background-color: transparent;
      color:dimgray;
      font-size:140%;
      font-style:italic;
      font-weight: normal;
      line-height: 1.5em;
      text-align: center;
      }
      
    #main-content div.cutout-right-plain01 p{
      padding:15px 0;
      margin:0px;
      border-top:1px dashed black;
      border-bottom:1px dashed black;
      }        
      
      #main-content h1{
        color:white;
        background-image: url("../../assets/images/gradient button-drk-orange to white.png");
        background-repeat:repeat-x;
        border-top: 1px solid #D4854B;/*dark orange*/
        font-weight:normal;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:200%;
        *font-size:195%;/*for MS IE*/
        padding: 5px 3px;
        margin-top:15px;
        text-align: center}
      
      #main-content h2{
        border-bottom:1px solid gray;
        color: #9B4D00;/*burnt orange*/
        font-weight:normal;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:170%;
       *font-size:166%;/*for MS IE*/}
      
        #main-content h2.faq{
          border-bottom:none;
          color: black;
          font-weight:normal;
          font-variant:normal;
          font-size:140%;
          *font-size:137%;/*for MS IE*/}
      
      #main-content h3, h4, h5{
        margin:1em 0 .5em 0;
       *margin:1.267em 0 0.682em 0;}
      
      #main-content h3{
        font-style:italic;
        font-weight:normal;
        font-size:150%;
        *font-size:146%;/*for MS IE*/}
      
      #main-content h4{
        font-weight:normal;
        font-size:130%;
       *font-size:126%;/*for MS IE*/}
      
      #main-content h5{
        font-size:100%;
        *font-size:97.5%;/*for MS IE*/}
    
      #main-content p.float-left{
        float:left;
        padding:0;
        margin:0;
        }
        
        #main-content p.float-left img{
          border: 1px solid black;
          margin: 5px 20px 15px 0;
          float:left;
          }
    
      #main-content #portrait{
        border:1px solid black;
        margin:0 30px 20px 0;
        padding:0;
        float:left;
        }
        
        #main-content #portrait p#SammiePortrait{
          float:left;
          margin:0;
          }
          
          #main-content #portrait p#SammiePortrait img{
            margin:10px;
            float:left;
            }
        
        #main-content #portrait p.siteQuote{
          margin:10px auto 10px auto;
          /*float:left;*//*commented out to make work in MSIE*/
          clear:left;
          text-align:center;
          }  
          
        #main-content #portrait p.siteQuote-author{
          margin:0 10px 15px 0;
          /*float:left;*//*commented out to make work in MSIE*/
          clear:left;
          text-align:right;
          }
                
      #main-content ul{
        margin-top:0px;
        margin-left:10px;
        }
      
        #main-content li{
          margin-top:3px;
          margin-left:10px;
          }      
      
    #main-content, #sidebarR-liner, #ft_liner{
      font-size: 105%;
      }          

  /* main-content, sidebarR, ft_li */

    #main-content a:link, #sidebarR-liner a:link, #ft_liner a:link{
      color:#9B4D00;/*burnt orange*/
      text-decoration: none;
      border-bottom: 1px solid #9B4D00;/*burnt orange*/}
    
    #main-content a:visited, #sidebarR-liner a:visited, #ft_liner a:visited{
      color:#D4854B;/*dark orange*/
      text-decoration: none;
      border-bottom:1px solid #D4854B;/*dark orange*/}
    
    #main-content a:hover, #sidebarR-liner a:hover, #ft_liner a:hover{
      color: #9B4D00;/*burnt orange*/
      text-decoration: none;
      border-bottom: none;}                            
      
    #main-content-liner{
      margin:10px 20px;    
      }

  /* sidebarR */
    
    #sidebarR div.sidePanel{
      background:#FFE2BF;/*light orange*/
      border:2px solid #9B4D00;/*burnt orange*/
      margin-bottom: 10px;
      }

    #sidebarR a:link, #sidebarR a:visited{
      border-bottom:none;
      text-decoration:none; 
      }
      
    #sidebarR a:visited{
      color:ed7e2c;
      }
    
    #sidebarR p.link-button a:hover{
        color:black;
       }      
    
    #sidebarR h3{
     color: #9B4D00;/*burnt orange*/
      font-style:italic;
      }
    
    #sidebarR hr{
      height:3px;
      color:darkorange;
      background-color:#9B4D00;/*burnt orange*/
      }
    
    #sidebarR p.link-button{
      margin-top:20px;
      text-align:center;
      font-size: 145%;
      *font-size: 141%; /*for MS IE*/
      line-height: 2.5em;
      *line-height: 2.5em;/*for MS IE*/}
    
    #sidebarR p.link-button a{
      /*border:1px solid #E1E1E1;*/
      border:1px solid #D4854B;}
    
    #sidebarR p.link-button a:link, #sidebarR p.link-button a:visited{
      color:white;
      background-color: #D4854B;/*dark orange*/
      background-image:url("../../assets/images/gradient button-drk-orange to white-35px.png");
      padding: 6px 10px 6px 10px;
      text-decoration: none;}
    
    #sidebarR p.link-button a:hover{
      color:gold;
      background-color: #9B4D00;/*burnt orange*/
      background-image:url("../../assets/images/gradient button-burnt-orange to white-35px.png");
      text-decoration: none;
      }
    
    #sidebarR div.sidePanel div.sidebarR-liner{
      margin:0 10px 10px 10px;
      }
      
    #sidebarR div.sidePanel div.sidebarR-liner #sidebar-special{
      margin-top:15px;
      }
    
    #sidebarR div.sidePanel div.sidebarR-liner #sidebar-special div.cutout{
      border-left:1px dashed black;
      border-right:1px dashed black;
      }
      
    #sidebarR p{
      margin-top:15px;
      margin-bottom:15px;
      }
      
    #sidebarR div.sidePanel div.sidebarR-liner #sidebar-special div.cutout p{
      font-weight: bold;
      margin:25px 10px 25px 10px;
      padding-top:10px;
      padding-bottom:10px;
      text-align: center;
      line-height: 1.5em;
      background-color: antiquewhite;}
    
    #sidebarR blockquote{
      margin: 0px 0px 0px 0px;}
    
    #sidebarR blockquote p.quote{
      font-style: italic;
      margin:20px 0 0 0;
      padding:0;
      font-size: 1.2em;
      line-height: 1.25em;}
    
    #sidebarR blockquote p.quote-author{
      margin-top:5px; 
      margin-right:15px;
      padding-top:0;
      text-align: right;}
    
    #sidebarR #toc ul{
      margin:0 0 0 0px;
      padding:0px 0 0 0}
    
    #sidebarR #toc ul li{
      border-top:1px solid black;
      line-height:130%;
      margin:0px 0 5px 37px;/*set to work in IE; a little off for FF*/
      padding:10px 0 10px 0;
      list-style-position:outside;
      list-style-image: url("../../assets/images/butterfly-eliptical-01-22pxHigh-c.png")}
    
    #sidebarR #toc ul ul{
      margin-left:15px;}
    
    #sidebarR #toc ul ul li{
      border-top:none;
      line-height:130%;
      margin:5px 0 0 -15px;
      padding:0px 0 0 0;
      list-style-position:inside;
      list-style-image:none}
    
    #sidebarR #toc ul li a:link,#sidebarR #toc ul li a:visited{
      color:#9B4D00;/*burnt orange*/
      font-weight:bold;
      margin-top:0;
      padding:0 0 3px 0;}
    
    #sidebarR #toc ul li a:hover{
      color:black;
      font-weight:bold;
      margin-top:0;
      padding:0 0 3px 0;}
    
    #sidebarR #toc ul ul li a:link,#sidebarR #toc ul ul li a:visited{
      color:#D4854B;/*dark orange*/
      font-weight:bold;
      padding:0 0 3px 0;}
    
    #sidebarR #toc ul ul li a:hover{
      color:black;
      font-weight:bold;
      padding:0 0 3px 0;}
    
    #sidebarR p.header{
      color:white;
      background-image: url("../../assets/images/gradient button-drk-orange to white-30pxHigh.png");
      background-repeat:repeat-x;
      font-weight:bold;
      font-size:125%;
      *font-size:121.8%;
      border-top:0;
      margin-top:12px;
      padding-top:7px;
      padding-bottom:2px;
      text-align:center }

/* site footer */

  #ft{
    border:2px solid #9B4D00;/*burnt orange*/
    /*background:white;*/
    background-image:url("../../assets/images/footer background01- initial.jpg");
    margin-top:15px;}

  #ft_liner{
    /*height:100%;
    width:100%;*/
    margin:0;
    text-align:center;
    overflow:hidden;
    /*background:yellow !important;*/}

  #ft_liner a:link, #ft_liner a:visited{
    text-decoration:none;
    border-bottom:none;}

  #ft_liner ul{
    margin-top:1.6em;}

  #ft_liner li.footerLinks{
    display:inline;
    font-size:110%;
    font-weight:bold;}

  #ft_liner p.copyr{
      font-size: 80%;}

  #ft_liner p.copyr a{
      color:#9B4D00 !important;}

/* end CSS */