/* 
    Document   : template
    Created on : 1-Jun-2011, 1:22:35 PM
    Author     : jbenett
    Description: style sheet for custom templates in tinyMCE
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}

/* download_document.htm */
#document-description
{
    border:solid #eee 1px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
        border-radius: 5px;
        padding:.8em;
        margin-bottom:.5em;
         background:#e2eca6;
         color:#2a2319;
         box-shadow:inset 0 0 5px #1c2e10;


}

div#document-description > p:first-letter
{
    font-size:110%;
    font-weight:700;

}

table.documentDownload
{
    border-collapse: collapse;

}

table.documentDownload tr
{
    border:1px solid #eee;
}

table.documentDownload tr td
{
    border-bottom:1px solid #eee;
}

table.documentDownload thead tr th
{
    background:#2a2319;
    color:#fff;
    font-weight: 700;
}

table.documentDownload tbody tr td.documentTableDesc
{
    background:#2a2319;
    color:#fff;
    font-weight: 700;
}

/* newsletter styles */
#newsletter-content
{
    color:#000;
    
}

#newsletter-content p
{
    font-size:14px;
    font-family: Tahoma, Geneva;
    word-spacing: .1em;
    line-height: 1.3em;

}

p.newsletter-three-column
{
        -moz-column-count: 3;
	-moz-column-gap: 20px;
	-webkit-column-count: 3;
	-webkit-column-gap: 20px;
	column-count: 3;
	column-gap: 20px;
}
p.newsletter-two-column
{
        -moz-column-count: 2;
	-moz-column-gap: 20px;
	-webkit-column-count: 2;
	-webkit-column-gap: 20px;
	column-count: 2;
	column-gap: 20px;
}

#newsletter-heading
{
    margin:0;
/*    width:905px;*/
}

.newsletter-heading-left
{
    width:675px;
    height:226px;
    padding:0;
/*    background-color:#e2eca6 ;*/
    background-color:#dee1c2;
    float:left;
}
div.wow
{
    width:300px;
    height:170px ;
    background-image:url("/images/13pt_star.png");
    background-repeat: no-repeat;
    text-align:center;
    display:inline-block;
    -webkit-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    transform: rotate(-15deg);
}
#newsletter-content div.wow p
{
    margin-top:60px;
    color:white;
    font-size:40px;
    font-family:cursive;
}
div.news-heading-tile
{
    width:108px;
    height:108px;
    float:left;
    margin-right:3px;
    margin-top:5px;
    background-color:#34934f;
    padding:0;
}
div.news-heading-logo
{
    width:108px;
    height:108px;
    float:left;
    margin-right:3px;
    margin-top:5px;
    background-color:#fff;
    background-image:url("news-icon.jpg");
    padding:0;
}
img.news-heading-image
{

    float:left;
    padding-right:6px;
    padding-bottom:1px;
    background-color:#dee1c2;

}
div.news-heading-announce
{
    width:334px;
    height:108px;
    float:left;
    margin-right:3px;
    margin-top:5px;
    background-color:#dee1c2;
    padding:0;
}
div.news-heading-announce p
{
    text-align:center;
    color:#000;
    font-family:'Verdana',sans-serif;
    font-size:30px;
    padding-top:17px;
}
div.news-heading-tile span.news-font
{
    font-family: 'Special Elite', serif;
    font-family: 'xKameron', serif;
    font-size:94px;
    padding-left:18px;
    color:#dee1c2;
}
/* newsletter footer */
div#newsletter-footer
{
    margin:0;
    background-color:#dee1c2;
    border:solid #34934f 1px;
}
div#newsletter-footer div.footercol
{
    width:205px;
    float:left;
    padding:10px;
}
/* news content styling */

/* a fancy box with caption for images variations for left and right */
.newsletter-content-box-blue,.newsletter-content-box-green,.newsletter-content-box-red,.newsletter-content-box-grey
{
    background-color:#0161ad;
    color:#eee;
    padding:1em;
}
/* styling for generic boxes */
.aggregate-content-table-blue,.newsletter-content-box-blue,.newsletter-side-column-blue-right,.newsletter-side-column-blue-left {background-color:#0161ad; color:#eee; border:#eee;}
.aggregate-content-table-green,.newsletter-content-box-green,.newsletter-side-column-green-right,.newsletter-side-column-green-left  {background-color:#3b9653; color:#fff; border:#fff; }
.aggregate-content-table-red,.newsletter-content-box-red,.newsletter-side-column-red-right,.newsletter-side-column-red-left {background-color:#993400; color:#fff; border:#fff;}
.aggregate-content-table-grey,.newsletter-content-box-grey,.newsletter-side-column-grey-right,.newsletter-side-column-grey-left {background-color:#ccc; color:#111; border:#111;}
/* styling for headers */
.aggregate-content-table-blue h1,.newsletter-content-box-blue h1,.newsletter-side-column-blue-right h1,.newsletter-side-column-blue-left h1 {background-color:#0161ad; color:#eee;}
.aggregate-content-table-green h1,.newsletter-content-box-green h1,.newsletter-side-column-green-right h1,.newsletter-side-column-green-left h1  {background-color:#3b9653; color:#fff;}
.aggregate-content-table-red h1,.newsletter-content-box-red h1,.newsletter-side-column-red-right h1,.newsletter-side-column-red-left h1 {background-color:#993400; color:#fff;}
.aggregate-content-table-grey h1,.newsletter-content-box-grey h1,.newsletter-side-column-grey-right h1,.newsletter-side-column-grey-left h1 {background-color:#ccc; color:#111;}
/* styling for links */
.aggregate-content-table-blue a,.newsletter-content-box-blue a,.newsletter-side-column-blue-right a,.newsletter-side-column-blue-left a {background-color:#0161ad; color:#eee;}
.aggregate-content-table-green a,.newsletter-content-box-green a,.newsletter-side-column-green-right a,.newsletter-side-column-green-left a  {background-color:#3b9653; color:#fff;}
.aggregate-content-table-red a,.newsletter-content-box-red a,.newsletter-side-column-red-right a,.newsletter-side-column-red-left a {background-color:#993400; color:#fff;}
.aggregate-content-table-grey a,.newsletter-content-box-grey a,.newsletter-side-column-grey-right a,.newsletter-side-column-grey-left a {background-color:#ccc; color:#111;}

.newsletter-side-column-blue-right,.newsletter-side-column-green-right,.newsletter-side-column-red-right,.newsletter-side-column-grey-right,.newsletter-side-column-blue-left,.newsletter-side-column-green-left,.newsletter-side-column-red-left,.newsletter-side-column-grey-left
{
    width:230px;
    padding: 1.5em;
    font-size:.8em;
    font-family:'Trebuchet MS';
}

.newsletter-side-column-blue-right,.newsletter-side-column-green-right,.newsletter-side-column-red-right,.newsletter-side-column-grey-right
{
    float:right;
    margin-left:1em;
}
.newsletter-side-column-blue-left,.newsletter-side-column-green-left,.newsletter-side-column-red-left,.newsletter-side-column-grey-left
{
    float:left;
    margin-right:1em;
}

div.newsletter-image-left
{
    float:left;
    margin-right:.8em;
}
div.newsletter-image-right
{
    float:right;
    margin-left:.8em;
}

img.newsletter-image
{
  -moz-box-shadow: 2px 2px 2px #222;
  -webkit-box-shadow: 2px 2px 2px #222;
  box-shadow: 2px 2px 2px #222;
  margin-bottom:.5em;
}
div.newsletter-image-photo-credit
{
    text-align: center;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 10px;
}
div.newsletter-image-photo-caption
{
    text-align: center;
    font-family: 'Trebuchet MS', sans-serif;
    font-size: 14px;
}
/* newsletter date bar */
div#newsletter-publication-date
{
    background-color:#dbe0c0;
    padding:.5em;
    margin-bottom:.75em;
}

div#newsletter-publication-date h2
{
    margin-bottom:0;
    text-align: right;
    padding-right:2em;
}

/* newsletter table of contents */
.newsletter-toc
{

}
div.newsletter-toc h1
{
    padding-left:.5em;
    padding-top:0;
}
.newsletter-toc-item
{
    border-bottom:1px groove;
    margin-left:330px;
}
.newsletter-toc-item:hover
{
    background-color:#fff;
}
.newsletter-toc-item-link
{
    padding:.5em;
}
.newsletter-toc-item-link-info
{
    padding-left:1.5em;
}
/* heading styles note: color is background not forground */
h1.newsletter-toc-heading-blue,h1.newsletter-toc-heading-green,h1.newsletter-toc-heading-red,h1.newsletter-toc-heading-grey
{
    font:Verdana;
}
h1.newsletter-toc-heading-blue
{

}
h1.newsletter-toc-heading-green
{
 font-family: 'Special Elite', serif;
    font-family: 'xKameron', serif;
    font-size:42px;
/*    padding-left:18px;*/
    color:#34934f;
    text-shadow: #000 1px 1px 2px
}
h1.newsletter-toc-heading-red
{

}
h1.newsletter-toc-heading-grey
{

}
/* styling for css tables see above section - styling for generic boxes - for colors */

.aggregate-content-table-blue,.aggregate-content-table-green,.aggregate-content-table-red,.aggregate-content-table-grey
{
    display:table;
    width:100%;
}
.aggregate-content-row
{
    display:table-row;
}
.aggregate-content-cell
{
    display:table-cell;
    padding:1em;
       
}
.aggregate-content-cell p
{
    float:left;
    vertical-align:top;
   
}
.aggregate-content-cell img
{
  -moz-box-shadow: 2px 2px 2px #222;
  -webkit-box-shadow: 2px 2px 2px #222;
  box-shadow: 2px 2px 2px #222;
  margin-bottom:.5em;
  vertical-align:top;
}
.aggregate-image-photo-credit
{
    text-align: center;
}

/* styling for tables */

#content div.main table
{
    border-collapse:collapse;
    border:solid #ccc 1px;
    color:#000;
}

#content div.main table thead
{
    background:#d3e09a;
}


#content div.main table tr,#content div.main table td
{
    border: solid #ccc 1px;
}

#content div.main table td p
{
    margin:0;
    padding:0;
}

/* styling for rows */
#content div.main table thead tr.tableRowHeading1
{
    background-color:#3b9653;
    color:#fff;
    font-weight:bold;
    font-size:20px;
    text-align:center;
    font:verdana;
}
#content div.main table thead tr.tableRowHeading1 p
{
    text-align:center;
}
/* custom row styles */
#content div.main table tr.tableRowHeading2
{
    background-color:#333;
    color:#fff;
    font-size:16px;
    text-align:center;
    font:georgia;
}
/* styling for cells */
#content div.main table td.tableCellHighlight
{
    background-color:yellow;
    color:black;
}
#content div.main table td.tableCellMute
{
    color:#ccc;
}
