/*
	+============================================================================+
	|         Copyright (c) Pacific Disaster Center, Maui, Hawaii, USA           |
	|                           All rights reserved                              |
	+============================================================================+
	 FILENAME: newsletter.css                                                 
	+============================================================================+
 	 DESCRIPTION:  PDC in Print styles since 2008                                       
	+============================================================================+
   HISTORY:                                                             
	 2008
	 [02-28] dleong, created
	 [03-13] dleong, finalized for 1st release
	 2010-07-27 dleong, +flex-box styles
	+============================================================================+
	$Id: newsletter.css,v 1.7 2010/10/14 00:16:10 dleong Exp $
	+============================================================================+
*/

@media print {
	body { color:#000;}
	th,td { color:#000; }
	.container { width:660px; }
	#highlights, #links { border:0px !important; border:1px dotted #333; }
	#highlights1, #links1 { border:0px !important; border:1px dotted #333; }
	#links1 { width:250px; }
}
@media screen {
	body { color:#222; width:690px; background:#F5FFFA; }
	.container { width:690px; }
}
body { 
		margin-top:0;
		margin-bottom:0;
		margin-left:auto;
		margin-right:auto;
		height:100%;
		font-family:'Trebuchet MS', verdana, tahoma;
		font-weight:normal;
		font-size:13px; } 
a {
		color:#27b;
		text-decoration:underline; }
a:hover {
		color:#575757;
		text-decoration:none; }
a:visited {
		color:#666; }
img {
		border:0px; }
img.left {
	float:left;
	margin:5 5 0 0px;
	border:2px solid #556B2F; }
img.inp {
	height:56px; 
	width:224px; }
img.pdc {
	height:62px; 
	width:180px; }
p {
		text-align:justify;
		font-size:13px;
		margin:0 0 0 3px;
		padding:0px;
		/*background:url(dot.gif) no-repeat bottom right;*/
	 }
.section {
	background:url(dot.gif) no-repeat center left;
	font-size:18px;
	font-weight:bold;
	font-style:italic;
	color: #03829d;
	padding-left: 20px;
	margin-top:13px;
	margin-bottom:2px; }
.spread { 
	line-height: 180%; }
/* --- GENERIC TABLE (NO BORDER) --- */
table { 
		border-collapse:collapse; /* single-line border */
  	border-spacing: 0 0; /* cellspacing=0 */ 
  	margin:0; }
td {
		padding:0;}	
.emp, #highlights .emp { 
	font-weight:bold;
	font-style:italic; } 
	
/* --- PDC Highlights ---*/
#highlights {
	float:right;
	background:url('bxhighlights.gif') no-repeat;
	width:400px;
	height:300px;
	margin-left:5px;
	text-align:center; }
#highlights .title {
	font-size:22px;
	font-style:italic;
	font-weight:bold;
	color:#fff;
	margin-top:5px; }
#highlights .pix {
	margin-top:6px;
	margin-left:0px; }
#highlights .text {
	font-size:12px;
	color:#026277;
	padding:1 3px;
	line-height:13px; }

/* --- Quick Links --- */
#links {
	background:url('bxlinks.gif') no-repeat;
	height:157px;
	width:250px;
	color:#300; }
#links .title {
	font-size:18px;
	font-style:italic;
	font-weight:bold;
	text-align:center;
	padding-top:5px; }
#links #list a:link {
	color:#300;
	font-size:13px;
	text-align:left;
	padding-left:7px; }
#links #list a:visited {
	color:#006;
	font-size:13px;
	text-align:left;
	padding-left:7px; }
	
/* ~~~~~~~~~~~~~~~ PDC Highlights/Quick Links Flex-box Version ~~~~~~~~~~~~~~ */
#highlights1 {
	border:2px solid #03829d;
	float:right;
	width:400px;
	margin-left:5px;
	padding-bottom:3px; }
#highlights1 .title {
	background-color:#86d0d5;
	font-size:22px;
	font-style:italic;
	font-weight:bold;
	text-align:center;
	color:#fff; }
#highlights1 .pix {
	background:#4ab9c0 url('bxhighlights-bg.gif') repeat-x bottom; 
	padding-top:6px;
	margin-left:0px; }
#highlights1 .pix img {
	border:1px solid #ccc;
	width:380px; }
#highlights1 .text {
	font-size:12px;
	color:#026277;
	padding:1px 3px;
	line-height:13px; 
	text-align:justify; }
#highlights1 .caption {
	font-size:13px;
	text-align:center;
	margin:2px; }
#links1 {
	background-color:#f8ddb0;
	border:2px solid orange;
	width:270px;
	color:#300;
	margin:0px;
	padding:0px; }
#links1 .title {
	background-color: #f5cf8f;
	font-size:18px;
	font-style:italic;
	font-weight:bold;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px; }
#list1 {
	background:#eba328 url('bxlinks-bg.gif') repeat-x bottom;
	padding:0; 
	margin:0; }
#list1 ul {  
	margin-top:0px;
	margin-bottom:3px; }
#list1 li {
	margin-left:-15px;
	padding-left:-4px; }
#links1 #list1 a:link {
	color:#300;
	font-size:13px;
	text-align:left; }
#links1 #list1 a:visited {
	color:#006;
	font-size:13px;
	text-align:left; }
/* ------------------------------- HEADER ----------------------------------- */
.header {
	border-bottom:1px solid #03829d; }
.logo, .inprint {
	font-size:13px;
	font-weight:bold; }
.inprint {
	float:right;
	text-align:right;
	padding:6 0px; }
/* ------------------------------- FOOTER ----------------------------------- */
#footer {
		width:100%;
		font-family:'Trebuchet MS', verdana, tahoma;
		font-size: 11px;
		color:#575757;
		margin-top:5px;
		padding-top:3px;
		border-top:1px solid #03829d; }
#footer ul, #footer li {
	display:inline;
	text-align:center; }
.print-i {
		background:url(/images/iweb4/printicon.gif) no-repeat center left;
		padding-right:14px;
		width:14px;
		display:inline; }
.print {
		float:right;
		text-align:right; }