@charset "utf-8";
/*  CSS Document for TR */
/*
Title:			mainfoot.css
Browser(s): 	All 

Author: 		Alejandra Valencia
Created: 		31.06.09


/*-------------------------------BODY PROPERTIES----------------------------------------*/
* {
	margin: 0 auto 0 auto; /* GLOBAL RESET */
	padding: 0;
}
body{
	margin:0;
	font-size: 62.5%; 
	font-family: Arial, Sans-Serif; 
	line-height: 150%; 
	color:#4b4d4a; 
	background: #fff; 
}

.spacer{
	clear:both; 
	font-size:0px; 
	line-height:0px;
}



.space{margin:20px 0 10px 0}
.hr{  margin:20px 0 0px 0; }
.left{ float:left;}
.left_margin_right{ float:left; margin:0 10px 0 0; font-size:1.2em;}
.left_margin_right_top{ float:left; margin:4px 10px 0 0;}
.right{ float:right;}
.right_margin_top{ float:right; margin:40px 0 0 0;}
.right_margin_right{ float:right; margin:0 10px 0 0;}

/*-------------------------------END----------DEFINE BODY PROPERTIES----------------------------------------*/

/*------------------------------GLOBAL TYPOGRAPHY--------------------------------*/

p  {font-size: 1.2em; padding:0; line-height:1.4em;}
.gray {color: #666; font-size:1em; font-style:normal;}
.fat{font-weight:bold;}
.small  {font-size: 1.1em; padding:0; line-height:1.4em;}
.big {font-size: 1.8em; padding:0; line-height:1.2em; color:#524e51; margin:0 0 22px 0;}
.white {font-size: 1.2em; padding:0 10px 0 0; line-height:1.4em; color:#fff;}
.title{ font-size:1.1em; font-style:italic; color:#227ab0;}
.stroke { border:1px solid #fff;}

/*------------------------------CONTENT--------------------------------*/



#main_content{ background:#fff url(i/bg_cont.jpg) top center repeat-x; padding:0 0 50px 0;}
#main_content p{ color:#4b4d4a; }

#resources-listing ul li {line-height:31px; height:32px; font-size:12px; color:#A8A8A8; background:url(../../site/ntmplat/images/footer/footer-list-style.jpg) no-repeat; text-indent:29px; margin-right:6px;}
#resources-listing ul li a {text-decoration:none; color:#A8A8A8;}
#resources-listing ul li a:hover {color:#FEFEFE;}
.footer_box {width:274px; padding:6px 0px 24px 0px;}
#footer h2 {font-size:18px; font-weight:normal; color:#DADADA; line-height:37px;background:url(../../site/ntmplat/images/footer/footer-title-bg.jpg) repeat-x bottom; margin-bottom:5px;}
.float_right {float:right;}
.float_left {float:left;}


#footer{ background:#4b4d4a   url(../site/ntmplat/i/bg_footer.jpg) top center repeat-x; height:368px;}

#footer_nav{ background:#dcdcda; height:32px; padding:15px 0 0 0;}
#footer_nav .center p { float:left; font-size:1.1em; color:#848484; padding:0 0 0 20px; }
#footer_nav .center ul { float:right;}
#footer_nav .center ul li{ float:left; margin:0 20px 0 0; }
#footer_nav .center ul li a { font-size:1.1em; text-transform:uppercase; color:#848484;}
#footer_nav .center ul li a:hover { color:#505457;}
#footer_nav .center ul li a:active { color:#505457;}

.center{ width:940px; height:100%; margin:0 auto; padding:0;}






#light{ background:transparent  url(../site/ntmplat/i/bg_footer_overlay.png) top center no-repeat; }

h1 a { float:left; margin:20px 0 15px 0; display:block; width:300px; height:71px; background: transparent url(../images/logo.png) no-repeat; text-indent:-9999px; overflow:hidden;}

.column { width:225px; padding:0 15px 0 0; margin:30px 0; float:left; color:#f0f0f0;}
.column h5{ font-family:"Arial", Helvetica, sans-serif; font-size:1.5em; font-weight:bold; color:#ffffff; letter-spacing: normal; text-transform:uppercase;}
.column h6 { font-size:1.2em; color: #F90; margin:0 0 5px; 0}
.column h6 a { margin:0 0 10px 0; color:#fafafa;}
.column h6 a:hover { margin:0 0 10px 0; color:#ffac6f;}
.column .date{ float:left; width:36px; height:17px; padding:0 0 0 2px; margin:0 10px 0 0; background:transparent  url(../site/ntmplat/i/ico_date1.png) no-repeat; font-size:1.1em; font-weight:bold;}
.column p {font-size:1.1em;}
.column p.lead {font-size:1.1em; margin:0 0 20px 0;}

.column_odd { width:235px; height:300px; padding:0; margin:30px 0; float:left; color: #666;}
.column_odd p {font-size:1.0em;}
.column_odd h5{ font-size:1.5em; font-weight:bold; letter-spacing:normal; text-transform:uppercase; color:#ffffff;}
/*------------------------------tweeter--------------------------------*/
.column_odd #tweeter { width:221px; height:235px; padding:30px 10px 18px 10px; background: transparent  url(../site/ntmplat/i/bg_twitter1.png) no-repeat; position:relative; font-size:1.4em; color:#333; font-family:"Times New Roman", Times, serif; font-style:italic;}
.column_odd #tweeter a.from { font-weight:bold; font-size:0.7em; width:190px; padding-right:20px;}
/*.column_odd #tweeter_link { font-weight:normal; font-size:0.7em; width:190px; padding-right:20px;}*/
.column_odd #tweeter a.follow {
	position:absolute;
	bottom:50px;
	left:70px;
	color: #6CF;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:underline;
	font-size:0.8em;
	font-style:italic;
}
.column_odd #tweeter_update_list { position:relative; width:180px; bottom:60px; padding:30px 20px 18px 25px; color:#666; font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-size:1.2em; font-style:normal;}

.column_odd #tweeter a.follow:hover { position:absolute; bottom:50px; left:70px; color:#d05606; font-family:Arial, Helvetica, sans-serif; text-decoration:underline; font-size:0.8em; font-style:italic;}
.column_odd #tweeter p.posted { font-size:0.6em; margin:5px 0 0 10px; color: #999; width:180px;}
/*------------------------------end of tweeter--------------------------------*/
.column .ad{ float:left; display:block; width:88px; height:88px; border:1px solid #fff; padding:5px; margin:0; background:#666666;}
.column .ad_odd { float:left; display:block; width:88px; height:88px; border:1px solid #fff; padding:5px; margin:0 15px 15px 0; background:#666666;}
.column .recent_comment { background:transparent  url(i/icocomment-trans.png) top left no-repeat; padding:0 0 0 40px; margin:0 0 30px 0; font-size:1.3em; float:left;}
.column a.comment { display:block; font-size:0.9em; margin:5px 0 0 0; color:#f0f0f0; float: left;}
.column a.comment:hover {display:block; font-size:0.9em; margin:5px 0 0 0; color:#ff7752;}


