@charset "utf-8";
/* CSS Document */

/*Colours used in the site
#000000 Black
#0000ee Blue
#014336 Deep Green
#bbddbb Light Green (pastal)
#a35876 Purple
#e0dfe3 Light Gray
#ffffff White*/

/*----------------start styles for #eachstory---------------------*/
/*#clearNav {
	clear:both;
	}*/
	
	#maintenanceTable {
	float:left;
	width:770px;
	/*width: 528px;*/
	/*margin-left: 13px;
	padding: 15px 10px 5px 0;*/
	/*background:url(/ranchiprov/images/sunburstSJ2.png) no-repeat top right;*/
	}
	#maintenanceTable p {
	/*padding-top: 10px;*/
	margin-left: 15px;
	margin-right: 15px;
	padding: 12px 5px 5px 0;
	line-height: 1.4em;
	color:#000000;
	/*width:730px;*/
	}
	#maintenanceTable p img {
	float:left;
	padding:5px 5px 5px 5px;
	}
/*-------clearNav style is only for test purpose-------*/
#eachstory {
	float:left;
	width:520px;
	/*width: 528px;*/
	/*margin-left: 13px;
	padding: 15px 10px 5px 0;*/
	/*background:url(/ranchiprov/images/sunburstSJ2.png) no-repeat top right;*/
	}
	
#maintenanceTable {
	float:left;
	width:770px;
	/*width: 528px;*/
	/*margin-left: 13px;
	padding: 15px 10px 5px 0;*/
	/*background:url(/ranchiprov/images/sunburstSJ2.png) no-repeat top right;*/
	}
/*--------------Style for Javascript Scroller -----------------*/	
#eachstory #scroller {
	width: 400px;
	height: 35px;
	padding:3px 0 0 60px;
	}
#eachstory.postupdate, p.posted, p.updated{
	float:left;
	width: 220px;
	/*line-height:.5em;*/
	line-height: .5em;
/*	padding-top:0;
	margin-top: 0;*/
	font-size: 75%;
	color:#666
	}

#eachstory h1 {
	margin-left: 15px;
	padding-bottom: 2px;
	font-size: 140%;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	/*color:#600;*/
	color:#ffa929;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #09F;
	}
#eachstory p {
	/*padding-top: 10px;*/
	margin-left: 15px;
	padding: 12px 5px 5px 0;
	line-height: 1.4em;
	color:#000000;
	}
	#eachstory ol {
	/*padding-top: 10px;*/
	margin-left: 45px;
	padding: 12px 5px 5px 0;
	line-height: 1.4em;
	color:#000000;
	}
	#eachstory ul {
	/*padding-top: 10px;*/
	margin-left: 45px;
	padding: 12px 5px 5px 0;
	line-height: 1.4em;
	color:#000000;
	}
	#eachstory hr {
	/*padding-top: 10px;*/
	margin-left: 15px;
	width: 100%; 
	height: 1px;
	}
#eachstory p.posted, #eachstory p.updated{
	margin-top: 0;
	padding-top:2px;
	}
#eachstory p.category {
	font-size: 115%;
	font-weight: bold;
	/*	color:#C09;*/
	color:#ffffff;
	}
#eachstory p.author {
	line-height:1em;
	padding-top:.5em;
	font-size: 85%;
	font-variant: small-caps;
	text-align:left;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	clear:both;
	letter-spacing: .1em;
	}
#eachstory p img {
	float:left;
	padding:0 5px 5px 0;
	}
	

/* -----------------start div sidebar styles -------------------*/	
#menubar{
	float:left;
	width:150px;
	margin-right: 13px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	background-color: #d1e4d6; 
}
#menubar #content .menuclass{
	width: 150px;
	margin: 0 0 9px 0px; 
/*	padding: 0px;*/
	}
	
#menubar #content h3{
	display: block; 
	margin: 0;
	padding: 2px 5px 2px 5px; 
	background-color: #a2d6b0; 
	font-size: 110%;
	font-weight: bold; 
	}
	#menubar #content h2{
	display: block; 
	margin: 0;
	padding: 2px 5px 2px 5px; 
	background-color: #ffffff; 
	font-size: 110%;
	font-weight: bold; 
	}
#menubar #content p{
	/*margin: 0px 4px 0.4em 4px; */
	padding: 5px;
	
	}
			
#sidebar {
	float:right;
	width:182px;
	margin-right: 13px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	}
#sidebar #dateSearch {
	padding: 0 0 8px 0;
	}
#sidebar #dateSearch p.date{
	text-align: right;
	margin-top: 5px;
	padding: 5px 0/*10px 5px 0*/;
	}
#sidebar form /*, #sidebar div h3*/ {
	background: #d1e4d6;
}

#sidebar form {
	/*margin: 0; padding: 0.7em 0.5em 0.5em 0.3em;*/
	margin: 0; padding: 0.3em 0.5em 0.3em 0.3em;
}

#sidebar form .text {
	width: 8em;
}
#sidebar #content {
	margin-bottom: 0;
	padding-bottom: 0;
	
	}
#sidebar #content .newsflash, .one, .two {
	width: 182px;
	margin: 0 0 9px 0px; 
	background-color: #FFF
/*	padding: 0px;*/
	}

#sidebar #content .last{
	margin: 2px;
	}
#sidebar #content h3{
	display: block; 
	margin: 0;
	padding: 2px 5px 2px 5px; 
	background-color: #a2d6b0;
	font-size: 110%;
	font-weight: bold; 
	}
#sidebar #content p{
	/*margin: 0px 4px 0.4em 4px; */
	padding: 5px;
	/*background-color: #d1e4d6; */
	
	
	}

#sidebar #content .newsflash p{
	font-size: 110%;
	line-height: 1.4em;
	}
#sidebar #nifty i{
font-size: 90%;
}
#sidebar #content .one img{
	float:left;
	padding: 0 4px 4px 0;
	}
#sidebar #content .two img, .last img{
	float: none;
	display:block;
	padding: 0;
	}
#clear {
	clear:both;
	}

#photobar {
	float:right;
	width:168px;
	margin-right: 0px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	}
#photobar #content .photoclass{
	width: 150px;
	margin: 0 0 9px 0px; 
/*	padding: 0px;*/
	}
	
#photobar #content h3{
	display: block; 
	margin: 0;
	padding: 2px 5px 2px 5px; 
	background-color: #a2d6b0; 
	font-size: 110%;
	font-weight: bold; 
	}
#photobar #content p{
	/*margin: 0px 4px 0.4em 4px; */
	padding: 5px;
	background-color: #d1e4d6; 
	}		
	
/*----------------start div latest and div popular styles-------------------*/

#headlines {
	margin: 0 13px 3px 15px;
	}

#headlines .latest {
	float: left;
	width: 385px;
	/*margin: 0 0 3px 15px;*/
	padding: 5px 0 10px;
	}
#headlines .popular {
	float: right;
	width: 345px;
	/*margin: 0 13px 3px 0;*/
	padding: 5px 0 10px;
	}
#headlines .latest h3, .popular h3 {
	font-size: 140%;
	/*text-align: left;*/
	font-family:Geneva, Arial, Helvetica, sans-serif;
	padding: 0 0 6px 0;
	}
#headlines .latest p, .popular p {
	font-size: 92%;
	text-align: left;
	line-height: 1.2em;
	padding-left: 1.3em;
	padding-bottom:.5em;
	background:url(../images/cube.gif) no-repeat 0px 3px;
	}
#headlines p.more {
	padding-left: 250px;
	background:none;
	}
#clearFooter {
	clear:both;
	}
