#heroWrapper {
    float:left;
    width:720px; 
}
    #hero {
        width:698px;
        min-height:115px;
        line-height:1.4em;
        border-left:solid 1px #e5e5e5;
        border-right:solid 1px #e5e5e5;
    }
    #hero h1,
    #hero h2 {
        font-size:1.1em;
        margin-bottom:15px;
    }
    #hero p {
        margin-right:15px;
    }
    #hero blockquote {
        font-size:1.4em;
        line-height:1.4em;
        padding:5px 0;
    }
    #hero a {
        font-weight:bold;
    }  
    #hero img {
        margin-right:10px;
    }
    
    .heroContent {
        padding-left:20px;
    }
 

/************************************************************** 
    CONTENT STYLES
 **************************************************************/

#innerContentWrapper {
    float:left;
    width:680px; 
    padding:15px 20px 0px 20px;
}
    #innerContentWrapper h2 {
        margin-bottom:10px;
        padding-bottom:10px;
        border-bottom:solid 1px #efefef;
    }
    #innerContentWrapper h3 {
        margin-bottom:10px;
    }
    #innerContentWrapper p {
        margin-bottom:10px;
    }

    #innerContentWrapper ul {
        margin-left:17px;
    }
        
    
    #innerContentWrapper .left,
    #innerContentWrapper .right {
        width:325px; 
        font-size:1.0em;
        line-height:1.6em;
    }
    #innerContentWrapper .left {
        margin-right:30px;
    }
    #innerContentWrapper .left .related, 
    #innerContentWrapper .right .related {
        margin:15px 10px 40px 10px;
        font-size:0.9em;
    }
    #innerContentWrapper .note {
        padding:10px;
        font-size:0.8em;
        line-height:1.5em;
        background-color:#f9f9f9;
        border:solid 1px #efefef;
    }

#calloutContentWrapper {
    position:relative;
    float:right;
    width:240px;
}
    .calloutContent {
        padding:0px 15px;
        font-size:0.9em;  
        overflow:auto; /*fixes weird ghost text IE bug*/
        background-color:#f3f3f3;
    }
        .calloutContentTop, 
        .calloutContentBottom {
            width:240px; 
            height:15px;   
            background:transparent url(../images/boxes/simple_filled_sprite_240.gif) no-repeat;
        }
        .calloutContentTop {
            background-position:0px 0px;
        }
        .calloutContentBottom {
            background-position:0px -15px;
            margin-bottom:10px;
        }
    .calloutContent h2 {
        text-align:center; 
        font-size:1.1em;
    }
    .calloutContent ul {
        list-style:none;
        margin:10px 3px 0px 3px;
    }
        .calloutContent ul li {
            line-height:1.2em;
            padding:6px 0px;
        }
        .calloutContent ul.toggleChild li {
            line-height:1.7em;
            padding:0px;
        }
        .calloutContent ul ul {
            list-style-type:disc;
            margin:0px 0px 15px 16px;
        }
        .calloutContent ul ul li {
            line-height:1.3em;
        }
    .calloutContent .profile {
        clear:both;
        padding:20px 0px;
    }
        .calloutContent .profile img {
            float:left;
            margin:0px 10px 0px 0px;
        }