body, table, tbody, th, td, p, div, span { font-size: 11px; font-family: arial; color: #666666;}

 /* Spacers
    ========================================================================================================================= */
    .spacer0p { margin-top: 0px; }
    .spacer1p { margin-top: 1px; }
    .spacer2p { margin-top: 2px; }
    .spacer3p { margin-top: 3px; }
    .spacer4p { margin-top: 4px; }
    .spacer5p { margin-top: 5px; }
    .spacer6p { margin-top: 6px; }
    .spacer7p { margin-top: 7px; }
    .spacer8p { margin-top: 8px; }
    .spacer9p { margin-top: 9px; }
    .spacer10p { margin-top: 10px; }
    .spacer12p { margin-top: 12px; }
    .spacer14p { margin-top: 14px; }
    .spacer16p { margin-top: 16px; }
    .spacer18p { margin-top: 18px; }
    .spacer20p { margin-top: 20px; }
    .spacer24p { margin-top: 24px; }
    .spacer30p { margin-top: 30px; }
    
    .footerSection { font: 10px arial; color: #9E9E9E; }

    a.footer:link    { color: #9E9E9E; text-decoration: none; }
    a.footer:active  { color: #9E9E9E; text-decoration: none; }  
    a.footer:visited { color: #9E9E9E; text-decoration: none; }   
    a.footer:hover   { color: #F1A355; text-decoration: underline; }
    
    a:link    { color: #666666; text-decoration: underline; }
    a:active  { color: #666666; text-decoration: underline; }  
    a:visited { color: #666666; text-decoration: underline; }   
    a:hover   { color: #F1A355; text-decoration: underline; }


 /* Page layout
    ========================================================================================================================= */

    #pageRoot
    {      
      padding: 0 0 7px 0;
      background-color: #ffffff;
    }
    
    #bannerArea
    {
      border: 0;
      padding: 0;
      width: 100%;
      background-color: #dddddd;
    }
    
    #contentArea
    {
      width: 100%; 
      padding-top: 10px;
      text-align: center; 
      background-image: url(bg_gradient.gif); 
      background-repeat: repeat-x;
    }
    
    #mainContainer
    {
      width: 770px; 
      border: 0px;
      background-color: #ffffff;
    }
    
    #contentWindow
    {
      width: 754px;
      border: 0;
      background-color: #ffffff;
      margin-bottom: 29px;
    }
    
    #logoSpacer           /* we use logoSpacer due to the funny business with cross browser definitions of width + padding (box model hack) */
    {
      width: 30px;
      height: 1px;
      float: left;
    }
    
    #headerLogo
    { 
      width: 377px;
      text-align: left;
      vertical-align: top;
      padding: 8px 0 10px 0;
    }

    #headerRightSection
    { 
      width: 377px;
      text-align: right;
      vertical-align: top;      
      padding: 0;
      font-size: 1px;      
    }
    
    #headerLinks
    {
      padding: 0 20px 0 0;
      font-size: 1px;
      width: 260px;
    }
        
    #headerLinks a:link    { font: bold 12px arial; color:#92b405; text-decoration: none; }
    #headerLinks a:visited { font: bold 12px arial; color:#92b405; text-decoration: none; }
    #headerLinks a:active  { font: bold 12px arial; color:#92b405; text-decoration: none; }
    #headerLinks a:hover   { color:#a8d216; text-decoration: underline; }

    
    #searchSectionLeft
    {
      float: left;
      width: 302px;
      text-align: right;
      padding: 13px 0 0 0;
    }
    
    #searchSectionRight
    {
      float: left;      
      margin: 0 0 0 4px; 
      text-align: left;
      padding: 10px 0 0 0;
    }
    
    #searchSubmit
    {
      border: 0;      
    }
    
    #searchBox
    {
      width: 141px;
      border: 1px solid #fa9932;
      font: 12px arial;
      padding-left: 2px;
    }    

    #contentBody
    {
      width: 754px;       
      margin: 2px 0 0 0;
      text-align: left;
    }    
    
    #topShadow
    {
      width: 770px;
      height: 10px;
      background-image: url(bg_top-shadow.jpg);
      background-repeat: no-repeat;
      background-position: 0px 0px;
    }

    #leftShadow
    { 
      width: 8px;
      background-repeat: repeat-y;
      background-position: 0px 0px;
      background-image: url(lf_grad2.jpg);
    }

    #rightShadow
    {  
      width: 8px;    
      background-image: url(rt_grad2.jpg);
      background-repeat: repeat-y;
      background-position: 0px 0px;
    }
    
    #bottomShadow
    {
      width: 770px;
      height: 20px;
      background-image: url(btm.jpg);
      background-repeat: no-repeat;
      background-position: 0px 0px;  
    }
    
    .shadowBar
    {
      width: 8px;
      height: 188px; 
      border: 0;
    }
    
    

 /* Utilities
    ========================================================================================================================= */

    .horizontalDottedLine { background-repeat: no-repeat; background-image: url( http://familyfun.go.com/Resources/familyfun2005/images/COMMON/hor_dotted_line.gif ); width: 360px; height: 1px; margin: 10px 0 10px 0; font-size: 1px; }
    
    
    
 /* Corrections (to make sure certain tags don't look drastically different between browsers)
    ========================================================================================================================= */
    
    p { margin-top: 11px; margin-bottom: 11px; clear: left; }   /* since we're using the float (CSS layouts), certain HTML code (untouchable by us) doesn't fully break - we use clear: left to force newlines for tags like <p> */
    
    #centeringContainer table { text-align: left; }   /* this is for old content that we want centered (but not with centered content - IE problem); examples are the Default template in PM and all the old tools (pet name finder, baby name finder, etc.) */
    
    form { margin: 0 }
    
    #rightColumn table  { clear: left; margin: 0 }              /* this is for the Seattle ADs being served in.  Hopefully this is a temporary fix since currently it doesn't solve the problem in Mac IE */
    #rightColumn iframe { clear: left; }                        /* Mac IE */  
 
    #rightColumn_landing table  { clear: left; margin: 0 }      /* [THRILLSEEKER LANDING] this is for the Seattle ADs being served in.  Hopefully this is a temporary fix since currently it doesn't solve the problem in Mac IE */
    #rightColumn_landing iframe { clear: left; }                /* [THRILLSEEKER LANDING] Mac IE */  
    
    #rightColumn_300 table  { clear: left; margin: 0 }          /* [Default_300 layout in PM] this is for the Seattle ADs being served in.  Hopefully this is a temporary fix since currently it doesn't solve the problem in Mac IE */
    #rightColumn_300 iframe { clear: left; }                    /* [Default_300 layout in PM] Mac IE */