/* Datum Engineering Style Sheets
   copyright 2006 Vertexworks, Loudthought, and Datum Engineering. 
   All Rights Reserved */

/* Neutralize styling : 
   Elements we want to clean out entirely
   and we reset the base font-size to 10px
---------------------------------------------------------------- */
html, body, form, fieldset {
    margin: 0;
    padding: 0;
    font: normal 100.01%/1.5em "Lucida Grande", Arial, Helvetica, sans-serif;
}
html { font-size: 62.5%; } /* 1em = 10px */

/* Neutralize styling : 
   Elements with a vertical margin
---------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
    margin:  .5em 0;
    padding: 0;
}

/* Apply left margin :
   Only to the few elements that need it
---------------------------------------------------------------- */
li, dd, blockquote {
    margin-left: 1em;
}

/* Miscellaneous conveniences :
---------------------------------------------------------------- */
html, body {
min-height: 100%;
height: auto !important;
height: 100%;
position: relative;
}

html {
    margin: 0 0 1px;
    padding: 0;
    overflow-x: hidden
}


/* Layout :
---------------------------------------------------------------- */
#top {
    background: #fff url(../images/bioHead.gif) no-repeat 2px 0;
    width: 477px !important;
    width: 474px;;
    height: 55px;
    border-bottom: 7px solid #555655;
}

#main-img-bio {
    width: 477px !important;
    height: 318px !important;
    border-top: 2px solid #d0d0d0;
    border-bottom: 2px solid #fff;
    color: #fff;
    background: #ddd url(../images/bioHead.gif) no-repeat 0 0;
    overflow: hidden !important;
}
    #main-img-bio p {
        margin: 4px 6px;
        color: #fff;
        width: 250px;
    }
    
#titleBlock {
    background: #555655;
    width: 477px;
}
    #titleBlock h1, #titleBlock h2 {
        float: left;
        text-transform: uppercase;
        font-size: 11px;
        letter-spacing: 2px;
        margin: -3px 0 0 12px;
        color: #fff;
        line-height: 2.5;
    }
    #titleBlock h2 {
        text-align: right;
        margin: 0 24px 0 0;
        float: none;
        text-transform: none;
        font-style: italic;
        font-size: 9px;
        width: 300p;
    }

#bioContent {
    padding: 12px;
    width: 450px;
}
    #bioContent h4 {
        margin-top: 2em;
        padding: 0;
        color: #555;
        font-size: 11px;
    }
    #bioContent p {
        margin: 0 0 0 2em;
        padding: 0;
        color: #555;
        font-size: 11px;
    }