
.typography {font:normal normal 10px/1.3 Verdana, sans-serif;}

/* HEADERS */
.typography h1, .typography h2, .typography h3, .typography h4 {
    font-family: 'museo-sans', sans-serif;
    font-weight: 500;
    font-style: italic;
    color: #42281B;
}
.typography h1 {
    font-size: 32px;
}
.typography h2 {
    font-size: 32px;
    padding: 0;
}
.typography h3 {
    font-size: 26px;
    padding: 15px 0 5px 0;
    display: block;
    border-bottom: 1px solid #42281b;
}
.typography h4 {
    font-size: 20px;
    margin-bottom: 15px;
}
.typography p {
    font-size: 14px;
    color: #6A4E40;
    margin-bottom: 10px;
}
.typography a {
    text-decoration: none;
    color: #C18351;
}
.typography a:hover {
    color: #895C48;
}

/* LIST STYLES
-------------------------------------------- */
.typography ul, 
.typography ol,
.typography dl { margin: 0 0 30px 25px; }
.typography ul li { list-style-type: disc; } /* adds disc style bullet to the list */
.typography ol li { list-style-type: decimal; } /* adds disc style bullet to the list */
.typography li {margin:0px 0px 5px 0px; font-size:13px; line-height:20px; color:#14204B; font-family:Verdana, sans-serif;}


/* TABLE STYLES
-------------------------------------------- */
.typography table {
    border-collapse: collapse; /* borders are collapsed into a single border when possible */
    border:0px;
    border-spacing: 0; /* The border-spacing property sets the distance between the borders of adjacent cells - acts as a backup to border-collapse: collapse */
    margin: 0 0 20px;
    text-align: left;
}
.typography table tr:nth-child(even) {
    background-color:#fff;
}
.typography table tr.even,
.typography table th,
.typography thead td {
    background-color:#fff;
}
.typography table td,
.typography table th {
    padding:10px;
    border:0px;
    vertical-align: top;
}
.typography table th {
    font-weight: bold;
}
.typography table td img.left, .typography table td img.right, .typography table td img.center, .typography table td img.leftAlone {margin:10px;}


/* WYSIWYG EDITOR ALIGNMENT CLASSES 
-------------------------------------------- */
.typography .left {
    text-align:left;
}
.typography .center {
    text-align:center;
}
.typography .right {
    text-align:right;
}

.typography div.left {
    text-align:left; display:inline-block; vertical-align:top; margin:0px 30px 30px 0px;
}
.typography div.center {
    text-align:center; float:none; margin:0px auto 30px auto; display:inline-block;
}
.typography div.right {
    float:right; margin:0px 0px 30px 30px;
}


/* IMAGES 
-------------------------------------------- */
.typography img {height:auto; /* resets the image height so that it maintains its aspect ratio when width is set */}
.typography img.left {float:left; max-width:100%; margin:0 30px 30px 0;}
.typography img.right {float:right; max-width:100%; /* Responsive width */ margin:0 0 30px 30px;}
.typography img.leftAlone {float:left; margin-right:100%; margin-bottom:10px; clear:both;}
.typography img.center {float:none; margin:0px auto 30px auto; display:block; clear:both;}
p.caption {margin:-20px 0px 0px 0px; float:left;}

/* BLOCKQUOTES
-------------------------------------------- */
.typography blockquote {
    background: transparent url(../images/blockquote.png) no-repeat 0px 6px;
    font-family: Georgia, "Times New Roman", Times, serif;
    color: #777;
    display: block;
    font-style: italic;
    margin: 0 0 20px 5%;
    clear: both;
}
.typography blockquote p {
    font-size: 1.7em;
    line-height: 1.48;
}
.typography pre {
    background: #F7F7F7;
    border: 1px solid #E4E4E4;
    font-family: Courier, monospace;
    margin: 0 0 20px 0;
    padding: 15px;
    clear: both;
}

/* ADDRESS
-------------------------------------------- */
address {
    display: block;
    margin-bottom: 20px;
}

.typography a.highlight {display:inline-block; width:auto; background:#14204B; color:#fff; text-transform:none; text-decoration:none; border-radius:5px; color:#999a80; font-size:20px; line-height:21px; font-family:Georgia, Arial, Helvetica, sans-serif; font-style:italic; padding:12px 20px 11px 20px; margin:5px 0 0 0; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease; transition:all 0.5s ease;}
.typography a.highlight:hover {background:none; border:1px solid #a6abbc; }

/* User form classes */
#UserDefinedForm .typography .right {text-align: left;}