@charset "utf-8";
/* 
CSS Document prepared for Kathmandu Metropolitan City
Developed by: Mohan K. Duwal for Alignstech Limited
*/

html, body{
	margin: 0;
	padding: 0;
	background: #ff6000 url(../images/main_bg.gif) repeat-y top center;
	font: 11px/13px Trebuchet MS, Arial, Helvetica, sans-serif;
}

div, p, span, h1, h2, h3, h4, h6, ul, li, ol, form{
	margin: 0;
	padding: 0;
}

h4{
	font: 26px Himali;
	color: #FFF;
	padding: 0 0 5px 0;
	font-weight: normal;
}

h1{
	font-size: 24px;
	font-weight: normal;
	color: #FFF;
	padding: 0 0 20px 0;
}
h6{
	font-size: 14px;
	color:#000;
	text-decoration:none;
	padding: 10px 2px 0px 0px;
	
}
.activeleftovers { font-weight:bold; color:#000000 adding:0px;margin:0px 0px 0px 30px; color:#000000;}
.activeleftovers1 {font-weight:bold; color:#000000}

#leftovers {float:left; font-color: #000000;}
#leftovers ul li {margin: 10px 0px 0px 0px; font-weight:bold; color:#000000}
#leftovers ul li a {padding-left:15px;}
#leftovers ul li a:hover { background-image:url(../images/arrow.gif); background-repeat:no-repeat; margin: 0px 0px 0px 0px;}


#splash{
	margin: 0 auto;
	width: 598px;
	padding: 20px 0 0 0;
}

#splash .headings{
	float: left;
	width: 598px;
}

#splash .headings h4, #splash .headings h1{
	text-align: center;
}

#splash .splashImg{
	background: url(../images/splash_main.jpg) no-repeat;
	width: 598px;
	height: 555px;
	float: left;
	position: relative;
}

#splash .splashImg p{
	position: absolute;
	bottom: 35px;
	right: 50px;
	color: #FFF;
	font-size: 18px;
}

#splash .splashImg p span.nepali{
	font: 24px Himali;
}

#splash .imgSdw{
	padding: 2px 0 0 0;
}

/* end of splash */

/*Main Container Starts Here*/

#container{
	width: 959px;
	margin: 0 auto;
}

#header{
	width: 959px;
	height: 161px;
	float: left;
	background: #FFF;
	color: #FFF;
}

#header .branding{
	float: left;
	width: 460px;
}

#header .timestamp{
	width: 427px;
	height: 151px;
	float: right;
	background: url(../images/bg_header.gif) top right no-repeat;
	text-align: right;
	padding: 10px 10px 0 0;
}
/*end header*/

#navigation{
	width: 959px;
	float: left;
}

#navigation .mainNav{
	width: 949px;
	float: left;
	background: url(../images/bg_nav.gif) repeat-x top;
	height: 37px;
	padding: 0 10px 0 0;
}

#navigation .mainNav .langSelection{
	float: right;
	width: 170px;
	background: url(../images/bg_language.gif) right top no-repeat;
	height: 25px;
	margin: 8px 0 0 0;
	color: #FFF;
	text-transform: uppercase;
	text-align: right;
	padding: 4px 6px 0 0;
}

#navigation .minorNav{
	float: left;
	width: 939px;
	background: #c55231;
	border-bottom: 1px solid #de856b;
	padding: 5px 10px 0 10px;
}

#navigation .minorNav .menu{
	float: left;
	width: 600px;
	color: #FFF;
	padding: 5px 0 0 0;
}

#navigation .minorNav .search{
	float: right;
	width: 185px;
}

#navigation .minorNav .search input.search{
	background: url(../images/bg_search.gif) top left no-repeat;
	padding: 5px 2px 0 20px;
	width: 120px;
	height: 24px;
	border: none;
	font-size: 11px;
}

#navigation .minorNav .search p.input{
	float: left;
	display: inline;
	width: 140px;
}

#navigation .minorNav .search p.txt{
	float: right;
	padding: 5px 0 0 5px;
	color: #FFF;
}
/*end navigation*/

#breadcrumb{
	float: left;
	padding: 10px;
	color: #fff;
	width: 939px;
}

#content{
	float: left;
	width: 959px;
}

#content .leftPane{
	float: left;
	width: 184px;
}

#content .leftPane .forms{
	float: left;
	width: 154px;
	padding: 15px;
	background: #cf4e29;
	color: #FFF;
}

#content .leftPane .forms h2{
	font-size: 18px;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	border-bottom: 1px dotted #de856b;
	font-weight: normal;
}

#content .leftPane .forms p{
	display: block;
	padding: 0 0 10px 0;
}


#content .leftPane .suggestion, #content .leftPane .improvement, #content .leftPane .budget{
	padding: 10px 0 0 0;
	float: left;
}

#content .rightPane{
	float: right;
	width: 745px;
	background: #FFF url(../images/bg_content_right.gif) right repeat-y;
	border: 10px solid #cf4e29;
}

#content .rightPane .leftCol{
	float: left;
	width: 519px;
	background: #FFF;
	padding: 15px 20px;
	font-size: 12px;
}

#content .rightPane .leftCol h1{
	float: left;
	width: 519px;
	padding: 10px 0 15px 0;
	color: #c62c00;
	font-size: 24px;
	font-weight: normal;
}

#content .rightPane .leftCol p{
	float: left;
	padding: 10px 0 5px 0;
	width: 519px;
}

#content .rightPane .leftColc{
	float: left;
	width: 725x;
	background: #FFF;
	padding: 15px 20px;
	font-size: 12px;
}

#content .rightPane .leftColc h1{
	float: left;
	width: 725x;
	padding: 10px 0 15px 0;
	color: #c62c00;
	font-size: 24px;
	font-weight: normal;
}

#content .rightPane .leftColc p{
	float: left;
	padding: 10px 0 5px 0;
	display: block;
}

#content .rightPane .rightCol{
	float: right;
	width: 152px;
	padding: 11px 15px;
}

#content .rightPane .rightCol h2{
	font-size: 14px;
	text-transform:uppercase;
	padding: 0 0 10px 0;
	border-bottom: 1px dotted #999;
}

#content .rightPane .rightCol .forewords, #content .rightPane .rightCol .calender{
	float: left;
	padding: 10px 0px 20px 0px;
	width: 152px;
}

#content .rightPane .rightCol .forewords a:link {
	color: #000000;
	text-decoration: none;
}
#content .rightPane .rightCol .forewords a:visited {
	text-decoration: none;
	color: #000000;
}
#content .rightPane .rightCol .forewords a:hover {
	text-decoration: none;
	color: #c62c00;
}
#content .rightPane .rightCol .forewords a:active {
	text-decoration: none;
	color: #000000;
}


#content .rightPane .rightCol .forewords  li{ padding-top: 5px; text-decoration:none;}

#content .rightPane .rightCol p{
	display: block;
	float: left;
	padding: 10px 0 0 0;
}

#content .bottomContent{
	float: left;
	width: 745px;
	background: #e5e6d6;
	border-top: 1px solid #FFF;
}

#content .bottomContent .title{
	float: left;
	width: 705px;
	padding: 10px 20px;
	border-bottom: 1px solid #a5a86c;
	font-size: 14px;
}

/*#content .bottomContent .newsContent{
	float: left;
	width: 725px;
	padding: 10px;
	border-top: 1px solid #FFF;
}*/

#content .bottomContent .newsContent .newsBlock{
	float: left;
	width: 220px;
	padding: 0 10px;
}
#content .bottomContent .newsContent .newsBlock a:link {
	color: #000000;
	text-decoration: none;
}
#content .bottomContent .newsContent .newsBlock a:visited {
	text-decoration: none;
	color: #000000;
}
#content .bottomContent .newsContent .newsBlock a:hover {
	text-decoration: none;
	color: #c62c00;
}
#content .bottomContent .newsContent .newsBlock a:active {
	text-decoration: none;
	color: #000000;
}

#content .bottomContent .newsContent .newsBlock h3{
	float: left;
	width: 220px;
	font-size: 14px;
	line-height: normal;
}

#content .bottomContent .newsContent .newsBlock p{
	display: block;
	padding: 10px 0 0 0;
	float: left;
}

#content .bottomContent .controls{
	float: left;
	padding: 10px 20px;
	width: 705px;
}

#content .bottomContent .controls p.previous{
	float: left;
	width: 300px;
}

#content .bottomContent .controls p.next{
	float: right;
	text-align: right;
	width: 300px;
}


/* End contents */

/* Footer Starts*/

#footer{
	float: left;
	width: 919px;
	color: #FFF;
	text-align: center;
	border-top: 10px solid #d0522e;
	margin: 20px 0;
	padding: 20px;
}
#footer a:link {
	color: #FFFFFF;
	text-decoration: none;
}
#footer a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
#footer a:hover {
	text-decoration: none;
	color: #FFFF00;
}
#footer a:active {
	text-decoration: none;
	color: #FFFFFF;
}
/*Pseudo Classes*/
a{
	color: #c62c00;
	text-decoration: underline;
}

a:hover, div.controls a:hover{
	color: #000;
	text-decoration: none;
}

#splash a, #navigation .mainNav .langSelection a, #navigation .minorNav a, #breadcrumb a, #content .leftPane a{
	color: #FFF;
	text-decoration: none;
}

div.controls a{
	color: #064483;
	text-decoration: underline;
}

#splash a:hover{
	color: #f60;
	text-decoration: underline;
}

#navigation .mainNav .langSelection a:hover{
	color: #000;
	text-decoration: underline;
}

#navigation .minorNav a:hover, #breadcrumb a:hover, #content .leftPane a:hover{
	color: #FFCC00;
}
/*Possible hacks*/

.clear{
	clear: both;
}


div#pagination_div{

                border-bottom:#c0d9ee solid 3px;

                background:#FFF;

                height:20px;

                padding:7px 7px;

}

 

div#paging{

                width:400px;

                height:20px;

                font-size:11px;

                float:right;

                text-align:right;

}

 

div#paging a.page{

                border:#8EB2D2 solid 1px;

                padding:1px 7px;

                margin:0 2px;

}

 

div#paging a.page:hover, div#paging span.pagingBoxSel{

                border:#8EB2D2 solid 1px;

                background:#8EB2D2;

                color:#FFF;

                padding:1px 7px;

                margin:0 2px;

}