/* CSS Document */

/*Layout*/

body {
	background-color: #032d54;
	margin: 0 0 0 0;
	font: normal 9px Verdana, Arial, Helvetica, sans-serif;
}

#main{
	width: 892px;
	margin: auto;
}

#holder{
	width: 892px;
	float: left;
}

/*header*/

#header{
	width: 892px;
	height: 304px;
}

#header #c1{
	background-color: #f9f8f7;
	width: 5px;
	height: 304px;
	float: left;
}

#header #c2{
	background: url(../images/header-bg.jpg);
	width: 790px;
	height: 304px;
	float: left;
}

#header #c2 #r1{
	width: 730px;
	height: 90px;
	padding: 14px 21px 16px 39px;
	clear: both;
}

#header #c2 #r2{
	background: url(../images/header-logo.jpg) no-repeat;
	width: 790px;
	height: 143px;
	clear: both;
}

/* Top Navigation*/
#topnav-box{
	width: 452px;
	height: 143px;
	float: right;
	color: #0059a9;
}

#topnav-box #topnav{
	width: 422px;
	height: 20px;
	padding-left: 30px;
	padding-top: 10px;
	font: normal 9px Verdana, Arial, Helvetica, sans-serif;
}

#topnav a, a:link, a:visited{
	text-decoration: none;
	font: normal 9px Verdana, Arial, Helvetica, sans-serif;
	color: #0059a9;
}

#topnav a:hover{
	text-decoration: underline;
	font: normal 9px Verdana, Arial, Helvetica, sans-serif;
	color: #f41d25;
}

#topnav-box	#topad{
	width: 452px;
	height: 113px;
}

#topnav-box	#topad #banner-160x80{
	width: 159px;
	height: 80px;
	padding: 15px 0px 0px 7px;
	float: right;
}

#topnav-box	#topad #banner-122x62{
	width: 137px;
	height: 62px;
	padding: 23px 0 28px 17px;
	float: right;
}

#header #c2 #r3{
	width: 790px;
	height: 41px;
	clear: both;
}

#date-time{
	width: 347px;
	height: 26px;
	padding: 15px 0 0 8px;
	float: left;
}

#date-time .punto-date{
	font: normal 9px Verdana, Arial, Helvetica, sans-serif;
	color: #0059a9;
}

#date-time .punto-time{
	font: normal 9px Verdana, Arial, Helvetica, sans-serif;
	color: #f41c26;
}

#google-search{
	width: 415px;
	height: 41px;
	float: right;
	padding-left: 20px;
}

* html #google-search{
	width: 425px;
	height: 41px;
	float: right;
	padding-left: 10px;
}

#google-search .rbtn{
	width: 20px;
	height: 31px;
	padding-top: 10px;
	float: left;
}

#google-search .punto-search{
	width: 65px;
	height: 26px;
	font: normal 9px Verdana, Arial, Helvetica, sans-serif;
	padding-top: 15px;
	float: left;
}

#google-search .web-search{
	width: 30px;
	height: 26px;
	font: normal 9px Verdana, Arial, Helvetica, sans-serif;
	padding-top: 15px;
	float: left;
}

#google-search .box-search{
	width: 144px;
	height: 31px;
	padding-top: 10px;
	float: left;
}

#google-search .searchbtn{
	width: 46px;
	height: 31px;
	padding-top: 10px;
	float: left;
}

* html #google-search .searchbtn{
	width: 46px;
	height: 30px;
	padding-top: 11px;
	float: left;
}

#google-search .google-logo{
	width: 76px;
	padding: 5px 0 0 5px;
	float: left;
}

#header #c3{
	background: url(../images/c2.jpg);
	width: 5px;
	height: 304px;
	float: left;
}

#header #c4{
	background: url(../images/right-pan.jpg);
	width: 92px;
	height: 241px;
	float: right;
}

/*middle*/

#mid{
	width: 790px;
	padding: 0 5px 0 5px;
	background-color: #f9f8f7;
	float:left;
	clear: both;

}

#mid-holder{
	width: 790px;
	padding-top: 1px;
}

/*---mid navigation--*/

#midnav{
	width: 140px;
	float: left;
	clear: both;
}

#leftpan{
	width: 140px;
	float: left;
}

#midnav .midnav-holder{
	width: 140px;
	padding-bottom: 1px;
	clear: both;
}

#midnav .midnav-holder .midnav-box{
	width: 140px;
	height: 30px;
	background-color: #e8f3fd;
}

#midnav .midnav-holder .midnav-box .midnav-arrow{
	width: 09px;
	height: 20px;
	padding: 10px 0 0 8px; 
	float: left;
}

#midnav .midnav-holder .midnav-box .midnav-category{
	width: 118px;
	padding: 8px 0 0 5px;
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #0059a9;
	float: right;
}

#midnav .midnav-holder .midnav-box .midnav-category a, a:link, a:visited{
	text-decoration: none;
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #0059a9;
}

#midnav .midnav-holder .midnav-box .midnav-category a:hover{
	text-decoration: none;
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #ff4948;
}

#midnav .midnav-category .midnav-selected{
	text-decoration: none;
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #ff4948;
}

#tpunto{
	width: 140px;
	clear: both;
	padding-top: 8px;
	text-align: center;
}

#tpunto .tpunto-head{
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #0059a9;
}

#tpunto .tpunto-img{
	clear: both;
	padding-top: 5px;
}



/*mid ads*/

#mid-ads{
	width: 140px;
	clear:both;
	text-align: center;
}

.advertise{
	font: normal 8px Verdana, Arial, Helvetica, sans-serif;
	color: #46739c;
	padding-top: 8px;
	text-align: center;
}

.adbox{
	clear: both;
	text-align: center;
	padding-top: 5px;
}
	


#mid-content{
	width: 649px;
	padding-left: 1px;
	float: left;
}

/*Center & Today's Top News*/

#ct-holder{
	width: 649px;
	clear: both;
	float: left;
}

/*Center*/

#center{
	width: 400px;
	background: #ffffff;
	border: solid 1px #cfe5f9;
	float: left;
}

#center #h-holder{
	width: 380px;
	padding: 0 10px 0 10px;
	clear: both;
}

#center #h-holder #headline{
	width: 380px;
	font: bold 21px "Times New Roman", Times, serif;
	padding-top: 6px;
	clear: both;
	text-align: center;
}

#center #h-holder #h-img{
	width: 380px;
	padding-top: 1px;
	clear: both;
	text-align: center;
}

#center #h-holder #h-text{
	width: 370px;
	padding: 4px 0 0 10px;
	clear: both;
}

#center #h-holder #h-text a, a:link, a:visited{
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #555555;
}

#center #h-holder #h-text a:hover{
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #ff4948;
}

#center #h-holder .h-fstory{
	color: #ff4948;
	text-decoration: underline;
}

#center #hnav-holder{
	width: 380px;
	padding: 0 10px 0 10px;
	clear:both;
}

#center #hnav-holder #hnav{
	float: right;

}

#center #hnav-holder #hnav a, a:link, a:visited{
	font: normal 9px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;

}

#center #hnav-holder #hnav a:hover{
	font: normal 9px Verdana, Arial, Helvetica, sans-serif;
	color: #ff4948;
	text-decoration:underline;
}

#center #hnav-holder .hstop{
	font: bold 9px Verdana, Arial, Helvetica, sans-serif;
	color: #ff4948;
	text-decoration:underline;
}

#center #h-bar{
	width: 400px;
	height: 19px;
	clear: both;
	background-color: #cfe5f9;
}

#ct-holder #tnews{
	width: 246px;
	padding-left: 1px;
	float: right;
}

/*Today's Top News*/

#tnews #tnews-title{
	width: 246px;
	height: 34px;
	clear: both;
}

#tnews #tnews-content{
	width: 244px;
	height:347px;
	clear: both;
	border-left: solid 1px #fabcbf;
	border-right: solid 1px #fabcbf; 
	border-bottom: solid 1px #fabcbf;  
	background-color: #fffef1;
	float: left;
	
}

#tnews #tnews-content .tnews-list{
	width: 244px;
	padding-top: 5px;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	float: left;
	clear: both;
}

#tnews #tnews-content .tnews-list .tnews-bullet{
	width: 03px;
	padding: 5px 0 0 10px;
	float: left;
}

#tnews #tnews-content .tnews-list .tnews-headline{
	width: 221px;
	padding: 0 5px 0 5px;
	float: right;
}

#tnews #tnews-content .tnews-list a, a:link, a:visited{
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000000;
}

#tnews #tnews-content .tnews-list a:hover{
	color: #ff4948;
}

#tnews #tnews-content .tnews-dotted{
	width: 244px;
	height: 1px;
	padding-top: 3px;
	clear: both;
}

#tnews #tnews-content .tnews-bottom{
	width: 244px;
	height: 20px;
	clear: both;
}

/*Categories - Headline, editorial&Opinions..etc*/

#cat-section {
clear:both;
padding-top:20px;
width:649px;
}
#cat-section a, a:link, a:visited {
-x-system-font:none;
color:#525354;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
}
#cat-section a:hover {
-x-system-font:none;
color:#FF4948;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
}
#cat-section .cat-holder {
clear:both;
float:left;
width:649px;
}
#cat-section .cat-holder .cateogry {
float:left;
width:317px;
}
#cat-section .cat-holder .cateogry .cat-header {
-x-system-font:none;
background-color:#FF4948;
clear:both;
color:#FFFFFF;
float:left;
font-family:Verdana;
font-size:15px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
height:25px;
line-height:normal;
width:319px;
}
#cat-section .cat-holder .cateogry .cat-title a {
padding:4px 0 0 6px;
color:#FFFFFF;
float:left;
font-family:Verdana;
font-size:15px;

}
#cat-section .cat-holder .cateogry .cat-body {
background-color:#FFFFFF;
border-bottom:1px solid #FECDCD;
border-left:1px solid #FECDCD;
border-right:1px solid #FECDCD;
clear:both;
float:left;
height:230px;
width:317px;
}
.cat-body .cat-feat-holder {
clear:both;
float:left;
padding:0 4px;
width:300px;
}
.cat-body .cat-feat-holder .cat-img {
float:left;
height:84px;
padding:10px 0 0;
width:82px;
}
.cat-body .cat-feat-holder .cat-img img {
border:1px solid #E3E2E2;
}
.cat-body .cat-feat-holder .cat-feat-box {
float:right;
width:208px;
}
.cat-body .cat-feat-holder .cat-feat-box .cat-headline {
-x-system-font:none;
clear:both;
color:#000000;
font-family:"Times New Roman",Times,serif;
font-size:18px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
padding:8px 0 0 2px;
width:208px;
}
.cat-body .cat-feat-holder .cat-feat-box .cat-text {
-x-system-font:none;
clear:both;
color:#525354;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
padding:2px 0 0 2px;
width:208px;
}
.cat-body .cat-list-holder {
clear:both;
float:left;
padding:0 0 0 11px;
width:299px;
}
.cat-body .cat-list-holder .cat-list-box {
clear:both;
float:left;
padding-top:5px;
width:100%;
}
.cat-body .cat-list-holder .cat-list-box .list-bullet {
float:left;
height:12px;
padding:8px 0 0 6px;
width:8px;
}
.cat-body .cat-list-holder .cat-list-box .list-text {
-x-system-font:none;
color:#525354;
float:left;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
padding-top:2px;
}
#cat-section .cat-holder .cat-mid {
float:left;
height:255px;
width:11px;
}

#bottom-spc{
	width: 649px;
	clear: both;
	float: right;
	text-align: right;
	padding: 5px 0 5px 0;
	font: normal 9px Verdana, Arial, Helvetica, sans-serif;
	color: #FF3300;
}

#bottom-spc a, a:link, a:visited{
	color: #FF3300;
	text-decoration: underline;
}

#foot-bar{
	width: 800px;
	height: 5px;
	background-color: #0059a9;
	float: left;
} 

/*Footer*/

#foot-holder{
	clear: both;
	margin: auto;
}

#foot-holder #footer{
	font: normal 9px Verdana, Arial, Helvetica, sans-serif;
	color: #dcedfb;
	padding-top: 8px;
	text-align: center;
}

#foot-holder #footer a, a:link, a:visited{
	font: normal 9px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #ffffff;
}

#foot-holder #footer a:hover{
	color: #fe6f6f;
	text-decoration: underline;
}

#foot-holder #poweredby{
	font: normal 9px Verdana, Arial, Helvetica, sans-serif;
	color: #dcedfb;
	padding-top: 16px;
	text-align: center;
}