
    body, table, tbody, th, td, p, div, span { font-size: 11px; font-family: arial; }

 /* 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; }
    
    .spacer { width: 1px; line-height: 1px; font-size: 1px; margin: 0; }
    
    .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( https://global.go.com/secure/familyfun/Resources/familyfun2005/bg_gradient.gif ); background-repeat: repeat-x; }
    
    #mainContainer      { border: 0; background-color: #ffffff; width: 770px; }
    #mainContainer_wide { border: 0; background-color: #ffffff; width: 1000px; }
    
    #contentWindow      { border: 0; background-color: #ffffff; margin-bottom: 29px; width: 754px; }
    #contentWindow_wide { border: 0; background-color: #ffffff; margin-bottom: 29px; width: 984px; }
    
    #withinBordersArea { vertical-align: top; width: 754px; }
    #withinBordersArea_wide { vertical-align: top; width: 984px; }
    #belowNavArea { width: 754px; }
    #belowNavArea_wide { width: 984px; }
    
    /* we use logoSpacer due to the funny business with cross browser definitions of width + padding (box model hack) */
    #logoSpacer { width: 30px; height: 1px; float: left; }
    
    #headerLogo { width: 271px; text-align: left; vertical-align: top; padding: 8px 0 10px 0; }
    #headerRightSection { width: 483px; text-align: right; vertical-align: top; padding: 0; font-size: 1px; }
    #headerRightSection_wide { width: 713px; 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: 408px; text-align: right; padding: 13px 0 0 0; }
    #searchSectionLeft_wide { float: left; width: 638px; 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; }
    #contentBody_wide { width: 984px; margin: 2px 0 0 0; text-align: left; }

    #sweepsContent { width: 390px; margin: 2px 5px 5px 2px; text-align: left; vertical-align: top;}

    #topShadow { width: 770px; height: 10px; background-image: url( https://global.go.com/secure/familyfun/Resources/familyfun2005/bg_top-shadow.jpg ); background-repeat: no-repeat; background-position: 0px 0px; }
    #topShadow_wide { width: 1000px; height: 10px; background-image: url( https://global.go.com/secure/familyfun/Resources/familyfun2005/bg_top-shadow_wide.jpg ); background-repeat: no-repeat; background-position: 0px 0px; }

    #leftShadow { width: 8px; background-repeat: repeat-y; background-position: 0px 0px; background-image: url( https://global.go.com/secure/familyfun/Resources/familyfun2005/lf_grad2.jpg ); }
    #rightShadow { width: 8px; background-image: url( https://global.go.com/secure/familyfun/Resources/familyfun2005/rt_grad2.jpg ); background-repeat: repeat-y; background-position: 0px 0px; }
    
    #bottomShadow { width: 770px; height: 20px; background-image: url( https://global.go.com/secure/familyfun/Resources/familyfun2005/btm.jpg ); background-repeat: no-repeat; background-position: 0px 0px; }
    #bottomShadow_wide { width: 1000px; height: 20px; background-image: url( https://global.go.com/secure/familyfun/Resources/familyfun2005/btm_wide.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; }
    .nobold { font-weight: normal; }
    
    
 /* 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 */  
    
    #rightColumn_300_P2only table  { clear: left; margin: 0 }          /* [Default_300_P2only 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_P2only iframe { clear: left; }                    /* [Default_300_P2only layout in PM] Mac IE */

    
 /* Gutter / Cliffhanger AD (in case of AD inventory crisis)
    ========================================================================================================================= */
    
    #pageHolder { width: 770px; }
    #borderedContent { float: left; width: 770px; }    
    #cliffhangerOuterContainer { float: left; position: relative; }
    #cliffhangerInnerContainer { width: 180px; position: absolute; top: -118px; background-image: url( http://familyfun.go.com/Resources/familyfun2005/images/global/bg_gradient.gif ); background-repeat: repeat-x; background-position: 0 118px; }
    #cliffhangerTopSpacer { background-color: #dddddd; width: 180px; height: 118px; }