html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {outline: 0;}
body {
    font:13px Verdana,helvetica,clean,sans-serif;
    *font-size:small;
    *font:x-small;
}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
    font-size:inherit;
    
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}
pre, code {font:115% monospace;*font-size:100%;}
body * {line-height:1.22em;}
a {text-decoration: none;}
cite {font-style: italic;}
.clear { clear:both; }
.clearfix { height: 1%; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
html > body .clearfix { min-height: 1px; height: auto; }
/* End CSS Reset */
body {background: #15436f url(../images/body.gif) repeat-x 0 83px;}
h1 {
    color: #6c8072;
    font-family: Georgia, serif;
    font-weight: normal;
    margin-bottom: 6px;
}
h2 {
    color: #6c8072;
    font-weight: normal;
    line-height: 1.16em;
    margin: 0 0 6px;
}
.medium h2 {
    line-height: 1.33;
    position: relative;
}
h3 {
    color: #666;
    font-weight: bold;
    line-height: 1.4em;
    margin: 16px 0 7px;
}
h4 {
    color: #000;
    font-weight: bold;
    line-height: 1.4em;
    margin: 16px 0 7px;
}


/*Need to override the compounded percentage reduction in the nested lists - pzdepski, clutch inc, april 30 2009*/
#contentdiv li { 
    color: #333; 
    font-size: 10px; 
    line-height: 12px; 
}
p, dd, li {
    color: #333;
    line-height: 1.4em;
}

p {margin: 0 0 7px 0;}
#col-content img {
    float: left;
    margin: 3px 14px 5px 0;
    max-width: 200px;
    overflow: hidden;
}
a {color: #a84736;}
a:hover {color: #15436f;}
ol {
    list-style: decimal;
    margin: 0 0 13px 29px;
}
ul a:hover {color: #ac4c3a;}

table {
    border-spacing: 1px;
    width: 99%;
}

   table th {
        background: #6c8072;
        color: #d2dce7;
        line-height: 1.4em;
        font-size: 11px;
        margin: 1px;
        padding: 5px 11px 6px;
        text-transform: uppercase;
    }
    table td {
        background: #f5f5f5;
        color: #404040;
        font-size: 11px;
        line-height: 1.4em;
        margin: 1px;
        padding: 5px 11px 6px;
}  
td.multi {
        border-spacing: 1px;
        border-spacing: 1px;
        padding:6px 1px 1px 6px;
        line-height: 1.4em;
        margin: 1px;
}
th.multi {
        border-spacing: 1px;
        border-spacing: 1px;
        padding:6px 1px 1px 6px;
        line-height: 1.4em;
        margin: 1px;
}


    table .odd td {background: #d8dbd8;}
    table .number {text-align: right;}
.skip {
    position: absolute;
    left: -999em;
}
.wrapper {
    background: url(../images/content.gif) repeat-y;
    margin: 0 auto;
    position: relative;
    width: 773px;
    z-index: 10;
}
.medium .wrapper {background-image: url(../images/content-medium.gif);}
.wide .wrapper {background-image: url(../images/content-wide.gif);}
#col-container {
    float: left;
    margin: 0px;
    width: 594px;
}
    #col-content {
        background-position: 33px 0;
        background-repeat: no-repeat;
        float: left;
        margin: -22px 0 0;
        min-height: 200px;
        padding: 44px 27px 34px 36px;
        width: 377px;
    }
    .medium #col-content {
        margin: 0 0 0 -121px;
        padding: 0 39px 34px 36px;
        width: 486px;
    }    
    .wide #col-content {
        margin: 0;
        padding: 0 94px 34px 34px;
        width: 467px;
    }
    .audience #col-content {
        float: none;
        min-height: 0;
        padding: 0 44px 31px 0;
        width: 550px;
    }
    .medium #col-supplement {
        margin-top: -65px;
    }
    #col-supplement {
        float: left;
        width: 154px;
    }
#col-navigation {
    background: url(../images/mast-head-photo-bottom.jpg) no-repeat;
    float: left;
    margin: 0px;
    padding: 65px 0 0px;
    width: 166px;
}
.medium #col-navigation {
    background-image: url(../images/mast-head-photo-bottom-alt.jpg);
    padding-top: 60px;
    padding-bottom: 0;
}.audience #col-navigation {
    height: 153px;
    padding: 0;
}
.directory #col-navigation {
    height: 164px;
    padding: 0;
}}