/* Generic Styles
------------------------------------------------------------------------------*/
.typography {
    color: #5c5c5c;
    font-family: Verdana, Sans-Serif;
    font-size: 12px;
}

.typography strong {
    font-weight: bold;
}

/* Header Styles
------------------------------------------------------------------------------*/
.typography h1, .typography h2, .typography h3,
.typography h4, .typography h5, .typography h6 {
    color: #d76825;
    font-weight: bold;
    margin: 0 0 15px 0;
}

.typography h1 {
    font-size: 20px;
}

.typography h2 {
    font-size: 16px;
}

.typography h3 {
    font-size: 14px;
}

.typography h4 {
    font-size: 12px;
}

.typography h5 {
    font-size: 10px;
}

.typography h6 {
    font-size: 8px;
}

/* Paragraphs
------------------------------------------------------------------------------*/
.typography p {
    font-size: 13px;
    line-height: 20px;
    margin: 0 0 1em 0;
}

.typography p.notice {
    background-color: #fff2de;
    color: #000;
    padding: 5px;
}

/* Links
------------------------------------------------------------------------------*/
.typography a {
    color: #005bab;
}

.typography a:hover {
    color: #04345f;
    text-decoration: underline;
}

.typography a.read-more {
    font-weight: bold;
    text-decoration: underline;
}

/* Table styling
------------------------------------------------------------------------------*/
.typography table {
    border-collapse: collapse;
    margin: 0 0 15px 0;
    width: 100%;
}

    /* Row
    --------------------------------------------------------------------------*/
    .typography td, .typography th {
        text-align: left;
        border-color: #92410f;
        border-width: 1px;
        border-style: solid;
        padding: 5px;
    }

    /* Table head
    --------------------------------------------------------------------------*/
    .typography thead td, .typography thead th {
        background-color: #c7682e;
        font-weight: bold;
        color: white;
    }

    /* Table body
    --------------------------------------------------------------------------*/
    .typography tbody td, .typography tbody th {
        
    }

    .typography tbody th {
        font-weight: bold;
    }

/* WYSIWYG Editor alignment classes
-------------------------------------------- */
.typography .left {
	text-align: left;
}

.typography .center {
	text-align: center;
}

.typography .right {
	text-align: right;
}

/* Images
-------------------------------------------- */
.typography img {
	border: none;
}

	.typography img.right {
		float: right;
		margin: 0 0 10px 10px;
	}

	.typography img.left {
		float: left;
        margin: 0 10px 10px 0;
	}

	.typography img.leftAlone {
		float: left;
		margin-right: 100%;
	}

	.typography img.center {
        display: block;
		float: none;
		margin-left: auto;
		margin-right: auto;
	}

/* List styles
------------------------------------------------------------------------------*/
.typography .list {
    font-size: 13px;
	margin: 0 0 1em 30px;
    padding: 0 0 0 0px;
    list-style-type: square;
}

/* Message
------------------------------------------------------------------------------*/
.message {
    padding: 5px;
}

.message.bad {
    background: #ffdfdf;
    border: 1px solid red;
    color: #000;
}

/* Tooltip
------------------------------------------------------------------------------*/
.tooltip {
    display: none;
}

.info {
    cursor: help;
}