/*** This typography file is included in the WYSIWYG editor ***/
.typography * {
    color:#676767;
}

.typography p { 
    margin-bottom: 10px;
    font-size: 100%;
}

.typography blockquote {
    margin: 10px;
    font-size: 16px;
    font-style: italic;
}

/*** Lists ***/
.typography ol{
    list-style-type:decimal;
    margin:0 0 20px 20px;
}
.typography ul {
    list-style-type:disc;
    margin:0 0 20px 20px;                                                 
}

/*** Links ***/

.typography a {
    color:#0F447E;
    cursor: pointer;
    text-decoration: none;
}

.typography a:hover {
    text-decoration: underline;
}
/*** Headers ***/

.typography h1 {
    color:#0F447E;
    font-size:25px;
    font-style:italic;
    margin-bottom:10px;
}
.typography h2 {
    color:#0F447E;
    font-size:21px;
    font-style:italic;
    margin-bottom:10px;
}
.typography h3 {
    color:#0F447E;
    font-size:17px;
    font-style:italic;
    margin-bottom:10px;
}
.typography h4 {
    color:#DB1E01;
    font-size:25px;
    font-style:italic;
    margin-bottom:10px;
}
.typography h5 {
    color:#DB1E01;
    font-size:21px;
    font-style:italic;
    margin-bottom:10px;
}
.typography h6 {
    color:#DB1E01;
    font-size:17px;
    font-style:italic;
    margin-bottom:10px;
}

/*** Addresses ***/    
.typography pre {
    font-family:"Courier New",Courier;
    display:block;
    font-size:14px;
    margin:2em 5em;
    padding:0.5em;
    border:1px #ccc solid;
    background:#eee;
}

.typography q {
    display:block;
    font-size:12px;
    margin:1em 1em;
    padding:0.5em;
    border:1px #ccc solid;;
}

/*** Tables ***/
.typography table td, table th {
    padding: 5px;
}
/* IMAGES 
-------------------------------------------- */
.typography img {
    border: none;
}
    .typography img.right,
    .typography div.captionImage.right {
        float: right;
        padding: 5px 0px 5px 8px;
    }
    
    .typography .captionImage {
        border: 1px solid #aaa;
        padding: 5px;
    }
    
    .typography img.left,
    .typography div.captionImage.left {
        float: left;
        padding: 5px 8px 5px 0px;
    }
    .typography img.leftAlone,
    .typography div.captionImage.leftAlone {
        float: left;
        margin-right: 100%;
    }
    .typography img.center,
    .typography div.captionImage.center {
        float: none;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
    
    .typography .caption {
        font-weight: bold;
        color: #666;
        clear:both;
    }