/*
    Document   : OJUGSponsors2.css
    Created on : April, 2007
    CSS Author : Fred Dearman
    Last Rewritten & Released:  2007-08-04

    Purpose:  Separation of Structure and Presentation
    1. Largest problem is the differences between MS and FF UA's
    2. Code simplified and made more efficient and easy to modify.
    3. Third pass thruough the CSS learning curve

    Author's comments:  it's not as easy as it looks.  Browser differences between
    IE 7 and FireFox 2 still cause a lot of problems.  Valildation to strict
    HTML 4.01 and CSS 2.1 helped to eliminate most of the errors but still the
    design was a challenge to understand how the unexpected development results
    occurred.

*/
        /*
        ============== wrap sections - same as ind=====================
        */
#Sponsor .contentWrap {
    width: 78%;   /* ---leave a little gutter between the navigation--- */
    float: right;
    font:  0.8em Verdana, sans-serif;  /* text in anchor */
    background-color: #F8F8F8;
    margin-top: 0.0em;
    }
#Sponsor .mainContentWrap {
    width: 73%;
    margin:  0 1em 0 0;
    float: left;
    margin-top: 0.6em;
    }
        /* ============  main content section========================= */

        /*
        ============== generic override section=====================
        */
#Sponsor .mainContent {   /* overrides generic */
    margin-top: 5em;    /*  more space down for the blocks  */
    }
#Sponsor .picFloatRight {   /* overrides generic  */
    margin-right: 0.5em;
    }
#Sponsor .Box4F {
    margin-bottom: 2em;  /* between large boxes */
    }
    /* ============== end generic overrides ========================== */

#Sponsor .heightSMT           { height: 15em;}    /* Host & Sponsors req  */
#Sponsor .heightSponsors      { height: 55em;}    /* for the background   */

#Sponsor .widthSMT            { width: 38em; margin-right: 2em;} /* centered */
#Sponsor .widthStackFrame     { width: 17em; }   /* rest right adjusted */
#Sponsor .widthComsys         { width: 15em; }
#Sponsor .widthConsultis      { width: 24em; }
#Sponsor .widthRobertHalf     { width: 16em; }
#Sponsor .widthCWD            { width: 35em; }

#Sponsor h2 {
    height: 1.5em;
    padding: 1em 1em 0em 0.5em;
    font-size: 1.5em;
    color: #005;
    text-align: center;
    }
#Sponsor .pixCol {
    float: left;         /* keeps images & text grouped together in div */
    margin-bottom: 1em;  /* separates from next pixCol div */
    padding: 0 1em 0 2em;      /* indent from left and right of the box */
    }
#Sponsor .pixCol a {
    background-color:  transparent;
    border: 1em solid #F3F3F3;  /* achieve a transparent effect */
    float: right;   /* if de-activated will cause the paragraph not to float */
    }
#Sponsor .pixCol a:hover {
    background-color: #FFF;
    border: 1em double #FFF;
    }
        /*
        ==============secondary wrap section =====================
        */
#Sponsor #SecondaryContentWrap {
    width: 20%;
    float: right;
    padding: 0.0em;
    text-align: center;
    color: #005;
    margin-top: .0em;
    }
#Sponsor .SecondaryContentItem {
    margin: 0em -.1em .75em 0;
    background-color: #F8F8F8;
    padding-bottom: 1em;
    padding-top: 0;
    }
#Sponsor .SecondaryContentItem a {
    display: block;
    position: relative;
    color: #005;
    width: 81%;
    padding: .5em 1em; /* inside the link box */
    margin: -0.5em 0 0.25em 50%; /* otherwise background creeps over header */
    background-color:#C5C5C5;
    font: 0.9em verdana, arial, sans-serif;
    border: 1px solid black;
    left: -47%;
    }
#Sponsor .SecondaryContentItem a:hover {
    background-color: #888888;
    color: #FFF;
    }
#Sponsor .SecondaryContentItem ul li {
    display: block;
    }