/* css for the all-new all-visual monthly newsletter thang, based on an original lunch with S Clode Esq but actually finished under duress by someone else
    this file must be included in the call to the tinyMCE widget, and also in the IRIS monthly newsletter template 
    PC 1208
 */

#frame { 
    background: #ffffff; 
    border: 0px solid #000000;
} 

#header { 
    background: #000000; 
    color: #ffffff; 
    text-align: left; 
    padding-left: 0px; 
} 

#leftcol { 
    width: 20%; 
    text-align: left; 
    padding: 5px 5px 0 20px; 
    vertical-align: top; 
} 

/* used to output the Title on the web page */
.title {
    border-bottom: 1px solid #778B31;
    width: 60%; 
    text-align: left; 
    margin-left: 20px; 
    font-family: arial, verdana, helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #000000;
    background-color: #F5F1E3;
    vertical-align: middle;
    padding: 10px;
}

/* used to format the newsletter main content */
TD.content {
  vertical-align: top;
  background-color: #F8F8F8;
  padding-left:12px;
  padding-right:12px;  
  padding-top:12px;  
  font-size: 12px;
  text-align: left;
}


#footer { 
    background-color: #778B31;
    padding:2px;
    padding-left: 10px;
    vertical-align: middle;
    text-align: left; 
    font-size: 60%;
    color: #ffffff;
} 

#footer a { 
    background: transparent; 
    color: #ffffff; 
    text-decoration: none; 
    font-family: 8pt arial, verdana, helvetica, sans-serif;
} 

a:link {color: gray; text-decoration: underline;}
a:visited {color: gray; text-decoration: underline;}
a:hover {color: #369; text-decoration: underline;}
a:active {color: #400; text-decoration: underline;}

/* stylings for the text formatting chosen by Development.
These will appear in the editor "style" dropdown. */

.Heading1 { 
  background-color: #F1E6BC;
  font:  11pt arial, verdana, helvetica, sans-serif;
  color: #000000;
  padding: 5px 5px 5px 3px; /* for the text within the heading, not the heading background */
  font-weight: bold;
  text-align: left;
} 

.Heading2 {
  font: 13pt arial, verdana, helvetica, sans-serif;
  color: #000000;
  font-weight: bold;
  text-align: center;
}


/* stylings for the inline thumbnail pics shown in articles, appearing to the left or right of each article */
.imgfloatleft {
	float:left; 
	margin-right: 8px; 
	margin-top: 5px; 
	border: 1px solid;
    border-color: #aaaaaa;
}

.imgfloatright {
	float:right; 
	margin-left: 8px; 
	margin-top: 5px; 
	margin-right: 10px;
	border: 1px solid;
    border-color: #aaaaaa;    
}

/* something the same but different, nice, unusual */
.imgcenter 
{
    text-align:center;   	
	margin-left: 8px; 
	margin-top: 5px; 
	margin-right: 10px;
	border: 1px solid;
    border-color: #aaaaaa;    
} 

/* these styles override those in the global stylesheet, and force the newsletter to display 

/* TinyMCE specific rules - this class styles the tinyMCE editor pane itself */
body.mceContentBody {
  background: #FFF;
  color: #000;
  font-size: 12px;
  margin: 5px;  /* this will render 5px around all the content inside the editor window */
}

/* add more rules to the above class if required, for example:
mceContentBody a {
   color: blue; 
}*/