/* Page layout
    ========================================================================================================================= */
    #leftColumn   { float: left; width: 396px; padding-top: 10px; margin: 0 8px 0 11px; display: inline }   /* display: inline is for an IE specific bug when using float and margin together */
    #rightColumn  { float: left; width: 328px; padding-top: 10px; margin-right: 11px; }    
    
    #smallADs  { float: left; margin-left: 8px; }
    #smallADs div { margin-bottom: 8px; width: 160px; }
    
    #topRightNav { font: bold 11px arial; color: #797979; float: left; margin: 0 0 8px 0 }
    
    #inThisArticle { font: bold 11px arial; border-left: 1px solid #dddddd; height: 84px; width: 154px; margin: 0 0px 8px 0; padding-left: 5px; overflow: auto; }    

    #inThisArticleTable    { border: 0; }
    #inThisArticleTable td { vertical-align: top; font: bold 11px arial; color: #df7d20;}
    
    #relatedLinksTable    { border: 0; margin: 2px 0 0 0;}
    #relatedLinksTable td { vertical-align: top; }

    #relatedLinksTable a:link    { font: bold 11px arial; color: #797979; text-decoration: none; }
    #relatedLinksTable a:visited { font: bold 11px arial; color: #797979; text-decoration: none; }
    #relatedLinksTable a:active  { font: bold 11px arial; color: #797979; text-decoration: none; }
    #relatedLinksTable a:hover   { color: #cb6f2d; text-decoration: underline; }
    
    
 
 /* For Sandwhich Template 
    ========================================================================================================================== */
    .sandwichContent { font: 12px arial; line-height: 18px; color: #4e4e4e; padding-left: 14px; padding-right: 12px; margin-top: 8px; margin-bottom: 10px; }    
    div.sandwichContent a:link    { color: #df7d20; }
    div.sandwichContent a:visited { color: #df7d20; }
    div.sandwichContent a:active  { color: #df7d20; }
    div.sandwichContent a:hover   { color: #9E5723; }    
    
    
    
 /* Content
    ========================================================================================================================= */
    
    .leftColumnContent { width: 369px; margin: 10px 0 0 1px; font: 12px arial; line-height: 18px; color: #4e4e4e; padding-left: 14px; padding-right: 12px; }    
    div.leftColumnContent a:link    { color: #df7d20; }
    div.leftColumnContent a:visited { color: #df7d20; }
    div.leftColumnContent a:active  { color: #df7d20; }
    div.leftColumnContent a:hover   { color: #9E5723; }
    
    div.leftColumnContent p { font-size: 12px; }
    div.leftColumnContent span.xmlintro { font-size: 12px; }      /* XML subtag font size corrections */
    
    
    #pageTitle { font: bold 19px arial; color: #df7d20; width: 100%; }
    #pageTitle h1 { font: bold 19px arial; margin: 0; }
    
    a.subscribe:link    { color: #f09b46; text-decoration: none; }
    a.subscribe:visited { color: #f09b46; text-decoration: none; }
    a.subscribe:active  { color: #f09b46; text-decoration: none; }
    a.subscribe:hover   { color: #cb6f2d; text-decoration: underline; }
    
    #featureOptions { height: 20px; width: 396px; background-color: #fbf7ed; font-size: 1px; margin-top: 4px; margin-bottom: 8px; }

    /* newest previous next box */
    .featureOptions { height: 26px; width: 396px; background-color: #fbf7ed; font-size: 1px; margin-top: 2px; margin-bottom: 3px; }
    #printemail { float: left; }
    .previousnextbox { color: #8b8b8b; font-size: 8px; float:right; }
    .previoustext { float: left; padding: 6px 3px 0 0; width: 47px; font-weight: bold; }
    .previoustext a:link { text-decoration: none; }
    .previoustext a:visited { text-decoration: none; }
    .previoustext a:active { text-decoration: none; }
    .previoustext a:hover { text-decoration: underline; }
    .previousarrow { float: left; padding-top: 3px; width: 24px; display:block; }
    .previousarrow a, .previousarrow a:visited { height: 21px; width: 24px; display:block; background: url('/Resources/familyfun2005/images/feature/arrow_left.gif') 0px 0px no-repeat; }
    .nextarrow { float: left; padding-top: 3px; width: 24px; display:block; }
    .nextarrow a, .nextarrow a:visited { height: 21px; width: 24px; display:block; background: url('/Resources/familyfun2005/images/feature/arrow_right.gif') 0px 0px no-repeat; }  
    .previousnextpage { float: left; padding: 6px 7px; font-size: 11px; width: 40px; text-align: center; }
    .nexttext { width: 27px; float: left; padding: 6px 0 0 3px; font-weight: bold; } 
    .nexttext a:link { text-decoration: none; }
    .nexttext a:visited { text-decoration: none; }
    .nexttext a:active { text-decoration: none; }
    .nexttext a:hover { text-decoration: underline; }   
    /* end newest previous next box */
    
    #subscriptionPlug { font: bold 11px arial; color: #8e8e8e; float: left; margin-top: 20px; margin-left: 16px; }
    #subscriptionPlug a:link    { color: #f09b46; text-decoration: none; }
    #subscriptionPlug a:visited { color: #f09b46; text-decoration: none; }
    #subscriptionPlug a:active  { color: #f09b46; text-decoration: none; }
    #subscriptionPlug a:hover   { color: #cb6f2d; text-decoration: underline; }
    
    .articleNav { clear: both; border: 0; width: 396px; }
    .currentPage  { text-align: center; width: 63; font: bold 9px arial; color: #9e9e9e; background-color: #dedfdd; }
    .previousPage { width: 18px; background-color: #dedfdd; font-size: 1px }
    .nextPage     { width: 18px; background-color: #dedfdd; font-size: 1px }
    
    #inThisArticle a:link    { font: bold 11px arial; color: #797979; text-decoration: none; }
    #inThisArticle a:visited { font: bold 11px arial; color: #797979; text-decoration: none; }
    #inThisArticle a:active  { font: bold 11px arial; color: #797979; text-decoration: none; }
    #inThisArticle a:hover   { color: #cb6f2d; text-decoration: underline; }

    #relatedLinks 
    { 
      border-left: 1px solid #dddddd; width: 158px; height: 88px; margin: 0; overflow: auto 

      scrollbar-base-color:       #ffffff;          /* for some reason, in IE, removing the scroll bar styles hides the entire iframe - however, to change the scrollbar style, modify the body style below */
      scrollbar-face-color:       #ffffff;
      
      scrollbar-track-color:      #e2e2e2;
      scrollbar-3dlight-color:    #e2e2e2;
      scrollbar-darkshadow-color: #e2e2e2;
      
      scrollbar-arrow-color:      #cccccc;
      scrollbar-highlight-color:  #cccccc;
      scrollbar-shadow-color:     #cccccc;
    }    

    .inThisArticleBullet 
    { 
      width: 11px;
      height: 8px;
      background-image: url( http://familyfun.go.com/Resources/familyfun2005/images/COMMON/bullet_triangle.gif );
      background-repeat: no-repeat;
      background-position: 0px 3px;
    }
    
    .relatedLinksBullet
    { 
      width: 16px;
      height: 8px;
      background-image: url( http://familyfun.go.com/Resources/familyfun2005/images/COMMON/bullet_triangle.gif );
      background-repeat: no-repeat;
      background-position: 5px 3px;
    }
    
    body
    {
      scrollbar-base-color:       #ffffff;
      scrollbar-face-color:       #ffffff;
      
      scrollbar-track-color:      #e2e2e2;
      scrollbar-3dlight-color:    #e2e2e2;
      scrollbar-darkshadow-color: #e2e2e2;
      
      scrollbar-arrow-color:      #cccccc;
      scrollbar-highlight-color:  #cccccc;
      scrollbar-shadow-color:     #cccccc;
    }
    
    img.LHS { float: left; margin-right: 10px; display: inline; }
    img.RHS { float: right; margin-left: 10px; display: inline; }
    img.BHS { float: left; margin-right: 10px; margin-bottom: 20px; display: inline; }
    img.RBHS { float: right; margin-right: 10px; margin-bottom: 20px; display: inline; }
    
    .indent {
        margin-left: 10px;
    }
    
    
 
 /* Taken from Craft Finder
    ========================================================================================================================== */
    .materials { color: #ba7011; font-size: 11px; margin-left: 10px; border: 0; }
    .materialBullet { vertical-align: top; padding-top: 6px; padding-right: 6px; }