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

.typography p { 
	margin-bottom: 10px;
	font-size: 1.2em;
    line-height:18px;
}


.typography span.orange, .typography p.orange {
    color: #F0701F;
}

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

/*** Lists ***/
#mainbox .typography ol{
    margin-left:22px;
}

.typography ol li{
    list-style:decimal;
    padding:0;
    font-size:12px;
    color:#D1CAA5;
}
.typography ul li {
    list-style: none;
    padding:0 0 0 10px;
    background: transparent url(../images/bullet.png) no-repeat scroll 0 4px;                                                  
    font-size:12px;
    color:#D1CAA5;
}

/*** Links ***/

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

.typography a:hover {
	text-decoration: underline;
}
/*** Headers ***/
.typography h1, .typography h2, .typography h3, .typography h4, .typography h5, .typography h6{
    margin:0px;
}


.typography h1 {
    font-style: normal;
    line-height: normal;
    font-weight:normal;
    color:#e8bb3a;
    font-size: 20px;
    font-family:Georgia,"Times New Roman",Times,serif
}
.typography h2 {
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
    margin:0;
    color:#e8bb3a;
    font-family:Georgia,"Times New Roman",Times,serif 
}
.typography h3 {
    font-size: 16px;
    color:#e8bb3a;
    font-family:Georgia,"Times New Roman",Times,serif 
}
.typography h4 {
    font-size: 20px;
    font-weight: normal;
    color:#e8bb3a;
}
.typography h5 {
    font-size: 18px;
    font-weight: normal;
    color:#e8bb3a;
}
.typography h6 {
    font-size: 16px;
    font-weight:normal;
    color:#e8bb3a;
}

/*** 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 {
	border: 2px solid black;
	border-collapse: collapse;
}

.typography table td, table th {
	padding: 5px;
}

.typography table th {
	background-color:#0061aa;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
}

.typography td {
	border: 1px solid #bebebe;
	border-collapse: collapse;
}

/* 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 0;
    }
    .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;
        text-align: center;
        color: #666;
    }

/*** These styles are applied on the front end only ***/
#mainbox .typography * {
    color: #D1CAA5;
}

#mainbox .typography p { 
    margin-bottom: 10px;
    font-size: 12px;
    line-height:18px;
    padding-left:2px;
    color:#D1CAA5;
}


#mainbox .typography span.orange, #mainbox .typography p.orange {
    color: #F0701F;
}

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

/*** Lists ***/
#mainbox .typography ol{
    margin-left:22px;
}

#mainbox .typography ol li{
    list-style:decimal;
    padding:0;
}
#mainbox .typography ul li {
    list-style: none;
    padding:0 0 0 10px;
    background: transparent url(../images/bullet.png) no-repeat scroll 0 4px;                                                 
}

/*** Links ***/

#mainbox .typography a {
    color: #FC9400;
    cursor: pointer;
    text-decoration: none;
}

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

#mainbox .typography h1 {
    font-style: normal;
    line-height: normal;
    font-weight:normal;
    color:#e8bb3a;
    font-size: 20px;
    font-family:Georgia,"Times New Roman",Times,serif
}
#mainbox .typography h2 {
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
    margin:0;
    color:#e8bb3a;
    font-family:Georgia,"Times New Roman",Times,serif 
}
#mainbox .typography h3 {
    font-size: 16px;
    color:#e8bb3a;
    font-family:Georgia,"Times New Roman",Times,serif 
}
#mainbox .typography h4 {
    font-size: 20px;
    font-weight: normal;
    color:#e8bb3a;
}
#mainbox .typography h5 {
    font-size: 18px;
    font-weight: normal;
    color:#e8bb3a;
}
#mainbox .typography h6 {
    font-size: 16px;
    font-weight:normal;
    color:#e8bb3a;
}

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

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

/*** Tables ***/
#mainbox .typography table {
    border: 2px solid black;
    border-collapse: collapse;
}

#mainbox .typography table td, table th {
    padding: 5px;
}

#mainbox .typography table th {
    background-color:#0061aa;
    color: #FFFFFF;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
}

#mainbox .typography td {
    border: 1px solid #bebebe;
    border-collapse: collapse;
}

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