it/itf/static/css/modules/emailer.css

#wrapperEmailer {
	width:570px;
	background:#fff;
	color:#888;

}

.clear {
	clear:both;
}

/* HEADER EMAILER*/

#headerEmailer {
	position:relative;
	width:550px;
	margin:0 auto;
	border-bottom:2px solid #f8c92d;
}

#logoItfSmall {
	margin-top:16px;
	float:right;}

/*#emailerDescription {
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:14px;
	color:#fff;
	width:60%;
	background-color:#f7bd00;
	padding:8px;
	margin-top:6px;
}*/

#logoImg {
/*	position:absolute;
	top:10px;
	left:0px;*/
	margin-bottom:10px;
	float:left;
}

#issueNo, #issueDate {
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	line-height:14px;
}

#issueDate {
	margin-left:12px;
}

#issueNo {
	float:left;
}

#navEmailer {
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	float:right;
}

#navEmailer li {
	list-style:none;
	text-transform:uppercase;
	display:inline;
}

#navEmailer li a {
	color:#ffcc00 !important;
}

#navEmailer li:hover a {
	text-decoration:none !important;
}

/* HEADER EMAILER CLOSING */

/* ------------------------------- */

/* CONTENT */


#contentEmailer {
	width:570px;
	margin:0 auto;
}

.contentBoxes {
	background-color:#f7bd00;
	color:#fff;
	text-align:center;
	width:245px; /* fixed, can be changed*/
	height:170px; /* fixed, can be changed, character limit accordingly*/
	margin-top:10px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px;
	padding:10px;
	float:left;
	position:relative;

}

.contentBoxes h1 {
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:16px;
	margin-bottom:8px;
	text-transform:uppercase;
}

.contentBoxes p {
	text-align:justify;
	padding:4px 8px;	
}

.contentBoxes a {
	color:#fff !important;
	text-decoration:none !important;
}

.contentBoxesMore {
	position:absolute;
	right:8px;
	bottom:8px;
}

.articleEmailer a {
	color:#0066ff !important;
	text-decoration:none!important;
}

.articleTitle {
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#ffcc00;
	padding-left:12px;
	text-transform:uppercase;
	float:left;
}

.articleAuthor {
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-right:12px;
	float:right;
}

.articleImg {
	margin-top:10px;
}
	
.articleImg img {
	display:block;
	border:1px solid #f7c00c;
	max-width:560px; /* SUBJECT TO CHANGE*/
	margin:0 auto;
}

.articleCaption {
	text-align:center;
	margin-top:10px;
	margin-bottom:20px;
}

.articleText p {
	margin-bottom:8px;
	padding:8px;
}

.contentLinks {
	margin:14px 0 14px 0;
}

.contentLinks h1 {
background-color:#f7bd00; 
font-family:'Century Gothic', Arial, Helvetica, sans-serif;
font-size:24px; 
color:#fff; 
padding:14px 14px 18px 14px; 
}

.contentLinks a {
	text-decoration:none!important;
}

.contentLinks p {
	padding:8px 12px;
}

.contentLinks h2 {
	font-family:Arial, Helvetica, sans-serif;
	padding:8px 12px;
	font-size:16px;
	line-height:20px;
}

/* CONTENT EMAILER CLOSING */

/* ------------------------------- */


/* FOOTER EMAILER*/

#footerEmailer {
	margin-top:30px;
	margin-left:20px;
	margin-right:20px;
	text-align:center;
	color:#999;
}

#footerEmailer a {
	color:#0066ff !important;
	text-decoration:none !important;
}

#footerEmailer p {
	padding:8px;
}

#footerEmailer p:first-child {
	border-top:2px solid #f8c92d;
	border-bottom:2px solid #f8c92d;
}

#footerEmailer p:last-child {
	border-top:2px solid #f8c92d;
	padding-bottom:30px;
} /* last child don't work with IE8 also, have added JS libraries; will test when site goes live */

/* FOOTER EMAILER CLOSING */

/* ------------------------------- */