/* =========== BASIC PORTABLE CLASS ============ 
   Use as the base class for all other classes below 
   */

.t-p * {
	margin:0;
	padding:0;
	}
.t-p img {
	border: 0;
	}
.t-p {
	font: 10px verdana;
	margin: 0 auto 0px;
	text-align: center;
	}
.t-p a {
font-family: verdana,arial,sans-serif;
text-decoration: none;
color: #003366;
}
.t-p a:hover {
	text-decoration: underline;
	}
.t-pc {
	height: 100%;
	padding: 0 0 0px;
	}
.t-p .t-ph h1,
.t-p .t-pc h2,
.t-p .t-pc h3 {
	font: bold 12px/1 "arial narrow", arial, verdana; 
	}
.t-p .t-pc h2,
.t-p .t-pc h3 {
	font-size: 11px !important;
	}
.t-pc h3 a {
	display: block;
	width: 100%;
	text-align: center;
	}
.t-p .t-pc div {
	margin: 0 0 10px;
	}
.t-p ul, .t-p li {
	list-style: none;
	}
.t-p table {
	width: 100%;
	}
						
/* ================== THUMBNAILS ===================== */

.t-tn {
	text-align: center;
	margin: 0 auto 5px;
	}
.t-tn img {
	border: 1px solid #666; 
	display: inline;
	} 
.t-tn h1 {               
	padding: 2px 0 3px;
	}
.t-tn h2 {                /* thumb headings */
	font-size: 12px;
	line-height: 0.9em;
	margin: 0 auto 2px;
	
	color: black;
	text-align: center!important;
	}	
.t-tn p {                 /* thumb publication dates */
	font: 10px/1 "arial narrow", arial, verdana;
	margin: 1px 0 0;
	color: #678cc4;
	}
* html .t-tn p { 
	margin: 0;
	}
.t-fsi img {
	border: 0;
	margin: 0 0 3px;
	}

.t-bg2 { 
	background-position: 0 100%;
	background-repeat: no-repeat;
	}	
.t-bg2 .t-pc {
	background-position: 100% 100%;
	background-repeat: no-repeat;	
	}
.t-bg2 h1 { /* Change padding, color or alignment for different background images */
	padding: 6px 50px 16px 12px;
	text-align: left;
	color: #fff; /* reverses heading on darker background - change if needed */
	}	

.t-bgcat1 {
	background-position: 0 100%; 
	background-repeat: no-repeat;
	}
.t-bgcat1 .t-pc {
	background-position: 100% 100%;
	background-repeat: no-repeat;
	padding: 0 20px 6px 15px !important;	
	}
.t-bgcat1 h1 {
	padding: 6px 50px 16px 12px;
	text-align: left;
	color: #fff;
	}	
.t-bgcat1 h3 a {
	color: #fff;
	}


/* ========== PORTABLE STYLES FOR CATEGORY LISTS =========== 
   
   For nested unordered lists. */

/* === Base categories (default) === */

.t-c ul {
	border-bottom: 1px dashed #bbb !important;
	margin-bottom: 5px;
	padding-bottom: 5px;
	text-align: left;
	}
.t-c li ul {
	border: 0;
	border-bottom: 0 !important;
	margin: 0;
	padding: 0;
	}
.t-c li ul li {
	display: inline;
	}
.t-c li a {
	font: bold 12px/1 arial, verdana;
	text-decoration: none !important;
	}
.t-c li ul li a {
	padding: 0 5px 0 0;
	font: normal 10px verdana, arial, sans-serif;
	background: 0;
	text-decoration: none !important;
	}	
.t-c .t-pc {
	padding: 0 0px 10px;	
	}
 					

.t-cs1 li ul li a {
	text-transform: capitalize;
	}
.t-cs1 li ul li a,
.t-cs1 li ul li a:hover {
	background: none !important;
	}
	
/* ========== PSEUDO HOVER CLASS FOR IMAGES ========== 
   
   Only works in non-ie browsers (Mozilla, etc.). */
	
.t-imghvr img:hover {
	border: 1px solid #f00;
	}
	
/* ============ TABLE CLASSES FOR COLUMNS ============  */
	
.t-td2 td { /* removed 'table' from before 'td' 12.14.05 */
	width: 49%;
	padding: 0 6px;
	text-align: center;
	}
.t-td2b td {
	width: 49%;
	padding: 0 10px;
	}
.t-td3 td {
	width: 32%;
	padding: 0 10px;
	text-align: center;
	}
.t-td4 td {
	width: 24%;
	padding: 0 7px;
	text-align: center;
	}

/* ============== TEXT TRANSFORMATIONS =============== */

.t-ucpt h1,                /* uppercase portable title */
.t-uctnt h2,               /* uppercase thumbnail title */
.t-uctndate p,             /* uppercase thumbnail datel */
.t-ucmore h3,              /* uppercase "view more" link */
.t-uctopc li a,            /* uppercase top categories */ 
.t-ucsubc li ul li a,      /* uppercase sub categories */    
.t-ucall li a,
.t-ucall h1,               /* uppercase all text */
.t-ucall h2,       
.t-ucall p,        
.t-ucall h3 {    
	text-transform: uppercase;
	}	
.t-uctopc li a {
	text-transform: uppercase;
	}
.t-uctopc li ul li a {
	text-transform: none;
	}