@charset "utf-8";
/* CSS Document */

/*Color Information 
#000000 black
#0000ee royal blue
#006699 greenish deep blue
#0099ff clear blue (cyan type)
#014336 deep green (almost black)
#336600 dirt green (deep)
#3b8865 combat green (deep pastal)
#8dbca2 light pastal green
#bbddbb A shade lighter pastal green
#cce6cc Still lighter pastal green
#660000 redish burgundy
#996600 coffee orange
#a35876 redish purple
#cc0099 magenta mixed red
#cccccc gray (50%?)
#e0dfe3 gray (25%?)
#ffffff white*/

/*----------------start styles for #resources---------------------*/

#resources {
	float:left;
	width:560px;
	background-image: url(/ranjesuweb/ranjesuweb_pics/sunburstSJ2.png);
	background-repeat: no-repeat;
	background-position: right top;
}
#resources ol {
	/*margin-left: 15px;*/
	margin: 0 0 10px 60px;/*font-size: 90%;*/
	/*line-height: 1.4em;*/
}
#resources ol li {
	margin-top: 5px;
}
#resources.postupdate, p.posted, p.updated {
	float:left;
	width: 220px;
	line-height: .5em;
	font-size: 75%;
	color:#666
}
#resources h1 {
	margin: 5px 0 2px 15px;
	/*	padding-bottom: 2px;*/
	font-size: 160%;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#600;
	line-height: 1.2em;
	border-bottom: 1px solid #09F;
}
#resources h2 {
	margin: 0 0 2px 15px;
	/*	padding-bottom: 2px;*/
	font-size: 140%;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#600;
	border-bottom: 1px solid #09F;
}
#resources h2.inArticle {  /*---------With suitable padding for display in articles --------*/
	margin: 0 0 13px 15px;
	font-size: 140%;
	font-weight: bold;
	color:#600;
	border-bottom: 1px solid #09F;
}
#resources h3 {
	font-size: 120%;
	color:#600;
	margin-top: 5px;
	margin-right: 0;
	margin-left: 15px;
}
#resources h4 { /*---------for regular use--------*/
	font-size: 103%;
	color:#600;
	margin: 10px 0 5px 15px;
}
#resources h4.contArticle { /*---------for article headlines in successive pages--------*/
	font-size: 100%;
	color:#600;
	margin: 5px 0 3px 15px;
	border-bottom: 1px solid #09F;
}
#resources h5 {
	font-size: 94%;
	font-weight: bold;
	line-height: 1.2em;
	margin: 10px 0 2px 15px;
}
#resources p {
	margin-left: 15px;
	margin-right: 7px;
	line-height: 1.4em;
	color:#000000;
}
#resources p.paraIndent {
	margin-left: 40px;
}
#resources p.posted, #resources p.updated {
/*	margin-top: 2px;*/
	}
#resources p.category { /*--------style for story-category, on top of every article/story------- */
	margin: 10px 0 3px 15px;
	font-size: 115%;
	font-weight: bold;
	color:#C09;
	text-transform: lowercase;
}
#resources p.category b {
	color:#858585;
}
#resources p.author {
	line-height:1em;
	margin:.5em 0 .5em 15px;
	font-size: 85%;
	font-variant: small-caps;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: .1em;
	clear:both;
}
#resources p.author b { /*-------This is for "By" in article-author's byline-------*/
	font-variant: normal;
	font-weight: normal;
}
#resources p.intro {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 99%;
	color: #960;
}
#resources .boxcontainer {
	margin: 0 0 8px 15px;
	border-width: 1px 0 1px 0;
	border-style: solid;
	border-color: #99FF99;
}
#resources .boxcontainer p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 95%;
	line-height: 1.5em;
	font-weight: bold;
	color: #912D23; /*#396;*/
	margin: 5px 10px 5px 0;
	padding-left: 20px;
}
/*-----Please note: for Left/Right img, global style in the "layout_basic" stylesheet applies---*/

#resources p.clear {
	clear:both;
}
/*------------Style for div class "pageNavs", inside #resources ----------------*/

#resources.pageNavs, ul {
	margin:0 20px 0 0;
	padding:10px 0 20px 1px;
	position:relative;
	list-style: none;
}
#resources.pageNavs, ul li {
	float:right;
}
#resources.pageNavs, ul a {
	padding: 0 0.2em;
	font-size: 10px;
	color:#014336;
	line-height: 1em;
	text-decoration:none;
	display:block;
}
#resources.pageNavs, ul a:hover a:focus {
	color:#FF9900;
}
/*-----------Style set 1 for census table ----------------------------*/
/*#resources table .census{
	float: left;
	padding: 0;
	margin: 5px 10px 0 0;
	}
#resources table .census, th, td {
	border: 1px solid #666;
	border-collapse: collapse;
	}
#resources table .census {	
	border: none;
	}
#resources table .census, th {
	padding: .7em;
	background: #009966;
	font-size: 87%;
	text-transform: uppercase;
	text-align: left;
	color:#FFFFFF;
	}
#resources table .census, tbody tr {
	background: #fedaeb;
	}
#resources table .census td {
	padding: 0 10px;
	}*/
	
/*-------------Style set from tutorial for table ---------------*/

caption {
	margin-left: 15px;
	padding: 10px 0;
	text-align: left;
	/*text-transform: uppercase;*/
	font-size: 110%;
	font-weight: bold;
	color:#990000;
}
table, th, td {
	border: 1px solid #666;
	border-collapse: collapse;
}
table {
	margin: 0 10px 2px 16px;
	border: none;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	float:left;
}
tfoot td {
	font-size: 95%;
	font-weight: bold;
	color:#993300;
}
th {
	padding: 3px 10px;
	background: #5D5D5D;
	font-size: 87%;
	text-transform: uppercase;
	text-align: left;
	color: #fff;
}
td {
	padding: 2px 10px;
	font-size: 91%;
}
/*--------------Style for Javascript Scroller -----------------*/	
#resources #scroller {
	width: 450px;
	/*width: 440px;*/
	height: 40px;
	margin: 2px 0 0 0;
	/*padding:0 0 0 7px;*/
	font-size: 100%;
}
#resources #scroller th {
	margin-top: 5px;
}
/* -----------------start div sidebar styles -------------------*/	

#sidebar {
	float:right;
	width: 185px;
	/*	width:190px;*/
	margin-right: 15px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}
#sidebar #dateSearch {
	padding: 0 0 8px 0;
}
#sidebar #dateSearch p.date {
	text-align: right;/*	margin-top: 10px 0 0 0;*/
	}
#sidebar form {
	background: #bdb;
	margin: 0;
	padding: 0.3em;
}
#sidebar form .text {
	width: 8em;
}
/*------------Box items ----------*/
#sidebar #content {
	margin-bottom: 0;
	padding-bottom: 0;
}
#sidebar #content .newsflash, .sideitem {
	margin: 2px 0 13px 0px;
	background-color: #CCE6CC;
	padding: 0 0 5px 0;
}
#sidebar #content h3 {
	margin: 0;
	background: #3b8865;
	color: #fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 105%;
	font-weight: bold;
	padding: 2px 5px 3px 10px;
}
#sidebar #content p {
	padding: 5px 5px 0 10px;
	margin-bottom: 7px;
}
#sidebar #content p.top {
	padding-bottom: 0;
	margin-bottom: 0;
}
#sidebar #content p.bottom {
	padding-left: 10px;
	margin: 0;
}
#sidebar #content .newsflash p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.4em;
}
#sidebar #content img.left {
	position: relative;
	width: 123px;
	height: 100px;
	padding: 3px 4px 4px 0;
}
#sidebar #content img.float {
	float:left;
	padding: 3px 4px 4px 0;
}
#sidebar #content img.block {
	display:block;
	padding: 4px 4px 10px;
	margin-left: 10px;
}
#clear {
	clear:both;
}
/*----------------start div latest and div popular styles-------------------*/

#headlines {
	margin: 0 13px 0 15px;
}
#headlines .latest {
	float: left;
	width: 385px;
	margin: 0 0 3px 15px;
	margin: 5px 0 15px;
}
#headlines .popular {
	float: right;
	width: 345px;
	margin: 5px 0 15px;
}
#headlines .latest h3, .popular h3 {
	font-size: 140%;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	margin: 0 0 6px 0;
}
#headlines .latest p, .popular p {
	font-size: 92%;
	text-align: left;
	line-height: 1.2em;
	padding-left: 1.3em;
	margin-bottom:.5em;
	background-image: url(/ranjesuweb/ranjesuweb_pics/cube.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
}
#headlines p.more {
	padding-left: 250px;
	background:none;
}