/* Global Elements */
/*CSS 2.0 created by TUN 
  Senior Softwaredeveloper
  MIS Department , JSIF
  (this css file is resctried to edit.) 
*/

body {
	font: 70% Arial;
	margin: 0px;
	color: #333;
	text-align: center;
	/*background-image: url(images/pagebg.gif);*/
	background-repeat: repeat-x;
}
a {
	color: #666;
}
a:hover {
	text-decoration: none;
}
/* Container */
#container {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
/* Header */
#topheader {
	background-image: url(images/topback.gif);
	height: 40px;
}
#logo {
	background-image: url(images/logo.gif);
	background-repeat: no-repeat;
	width: 300px;
	font-size: 150%;
	font-family: Trebuchet MS;
	font-weight: bold;
	color: #5A747D;
	float: left;
	padding-left: 67px;
	padding-top: 12px;
	padding-bottom: 12px;
}
#logo .dark {
	color: #294048;
}
/* Navigation */
#nav {
	float: right;
	margin-top: 5px;
	margin-right: 5px;
}
#nav a {
	background-image: url(images/navbg.gif);
	width: 90px;
	font: 105% Verdana;
	font-weight: bold;
	color: black;
	text-decoration: none;
	padding-top: 14px;
	padding-bottom: 12px;
	display: block;
	text-align: center;
	float: left;
	clear: none;
}
#nav a:hover {
	color: white;
}
/* Sub header */
#subheader {
	background-color: white;
	height:143px;
	width:1000px;
}
#subcontainer {
	background-color: white;
	background-image: url(images/banner2_new.jpg);
	float: left;
	/*padding-left: 30px;
	padding-right: 30px;*/
	height:143px;
	width:1000px;
	/*padding-bottom: 20px;*/
	/*border-bottom: 2px solid white;*/
}
#subcontainer1 {
	background-color: white;
	background-image: url(images/banner_icbsp.jpg);
	float: left;
	/*padding-left: 30px;
	padding-right: 30px;*/
	height:143px;
	width:1000px;
	/*padding-bottom: 20px;*/
	/*border-bottom: 2px solid white;*/
}

/* Headlines */
#headlines {
	width: 211px;
	float: left;
}
#headlines h1 {
	color: black;
	font-size: 140%;
	font-weight: normal;
	font-family: Trebuchet MS;
	margin: 0px; 
	margin-bottom: 4px;
}
#headlines a {
	display: block;
	background-image: url(images/headlineslink.gif);
	color: #718188;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 24px;
	margin-bottom: 1px;
	text-decoration: none;
}
#headlines a:hover {
	color: #8C9BA2;
}
/* Latest topics */
#latesttopics {
	width: 200px;
	float: right;
}
#latesttopics h1 {
	color: black;
	font-size: 140%;
	font-weight: normal;
	font-family: Trebuchet MS;
	margin: 0px; 
	text-align: right;
	margin-bottom: 3px;
}
#latesttopics a {
	display: block;
	background-image: url(images/headlineslink.gif);
	color: #718188;
	padding-top: 0px;
	padding-bottom: 4px;
	padding-left: 24px;
	margin-bottom: 1px;
	text-decoration: none;
}
#latesttopics a:hover {
	color: black;
}
/* Banner ad */
#banner {
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	text-align: left;
	margin-top: 10px;
	float: left;
	color: #FAD000;
	text-align: left;
}
#banner img {
	border: 2px solid white;
}
/* Bottom */
#bottom {
	width: 1000px;
	padding-left: 1px;/*if you put more padding value bottom line scroll bar will be up(that not good) comment by TUN*/
}
/* Login bar */
#register {
	background-color: #E6E9EA;
	float: left;
	width: 100%;
	margin-top: 3px;
}
#register p {
	border: 1px solid #D2D6D7;
	padding: 3px;
	padding-left: 7px;
	margin: 0px;
	color: #54789B;
}
/* Left column */
#left {
	float: left;
	width: 210px;
	margin-top: 5px;
	margin-right: 5px;
}
#left h1 {
	font-size: 140%;
}
#left .sub a {
	background-image: url(images/pagelink.gif);
	display: block;
	padding-left: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 1px;
	color: white;
}
/* Middle column */
#middle {
	float: left;
	width: 500px;
	margin-top: 5px;
	font-size: 105%;
}
#middle h1 {
	font-size: 140%;
}
#middle p {
	padding-left: 5px;
	margin: 0px;
	/*color: #5B7246;*/
}
#middle .subscribe {
	background-image: url(images/subscribe.gif);
	width: 194px;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 4px;
	font-size: 95%;
	display: block;
	text-decoration: none;
	margin-top: 3px;
	margin-left: auto;
	margin-right: auto;
}
.small {
	font-size: 95%;
}
.comment {
	text-align: right;
	font-size: 95%;
	color: #2E464F;
	margin-top: 2px;
}

/* Middle Details column */
#middle2 {
	float: left;
	width: 715px;
	margin-top: 5px;
	font-size: 105%;
}
#middle2 h1 {
	font-size: 140%;
}
#middle2 p {
	padding-left: 5px;
	margin: 0px;
	/*color: #5B7246;*/
}
#middle2 .subscribe {
	background-image: url(images/subscribe.gif);
	width: 194px;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 4px;
	font-size: 95%;
	display: block;
	text-decoration: none;
	margin-top: 3px;
	margin-left: auto;
	margin-right: auto;
}
.small {
	font-size: 95%;
}
.comment {
	text-align: right;
	font-size: 95%;
	color: #2E464F;
	margin-top: 2px;
}

/*Middle 3 */

/* Middle Details column */
#middle3 {
	float: left;
	width: 730px;
	margin-top: 5px;
	font-size: 105%;
	text-align:justify;
}
#middle3 h1 {
	font-size: 140%;
}
#middle3 p {
	padding-left: 5px;
	margin: 0px;	
	/*color: #5B7246;*/
}
#middle3 .subscribe {
	background-image: url(images/subscribe.gif);
	width: 194px;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 4px;
	font-size: 95%;
	display: block;
	text-decoration: none;
	margin-top: 3px;
	margin-left: auto;
	margin-right: auto;
}
.small {
	font-size: 95%;
}
.comment {
	text-align: right;
	font-size: 95%;
	color: #2E464F;
	margin-top: 2px;
}


/*end of middle 3*/

#middle_AGM {
	float: left;
	width: 530px;
	margin-top: 5px;
	font-size: 105%;
}
#middle_AGM h1 {
	font-size: 140%;
}
#middle_AGM p {
	padding-left: 5px;
	margin: 0px;
	/*color: #5B7246;*/
}
#middle_AGM .subscribe {
	background-image: url(images/subscribe.gif);
	width: 194px;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 4px;
	font-size: 95%;
	display: block;
	text-decoration: none;
	margin-top: 3px;
	margin-left: auto;
	margin-right: auto;
}
.small {
	font-size: 95%;
}
.comment {
	text-align: right;
	font-size: 95%;
	color: #2E464F;
	margin-top: 2px;
}


/*AGM Middle*/

#middle_AGMx {
	float: left;
	width: 530px;
	margin-top: 5px;
	font-size: 105%;
}

.portlet
{
	background: #ffe;
	border-color: #fff #665 #665 #fff;
	border-style: solid;
	border-width: 1px;
	cursor: move;
	margin: 0 0 10px;
	width: 238px;
}

.portlet_topper
{
	background: #eed;
	padding: 5px 10px;
}

.portlet_topper a
{
	color: #443;
	font-weight: bold;
}

.portlet_content
{
	border-top: 1px solid #998;
	padding: 10px;
}

.portlet_content p
{
	line-height: 150%;
	text-align: justify;
}

.portlet_bottom
{
	background: #ccc;
	font-size: 1px;
	line-height: 1px;
	overflow: hidden;
	height: 5px;
}

.sort_placeholder
{
	background: #bba;
}


#middle_AGM h1 {
	font-size: 140%;
}
#middle_AGM p {
	padding-left: 5px;
	margin: 0px;
	/*color: #5B7246;*/
}
#middle_AGM .subscribe {
	background-image: url(images/subscribe.gif);
	width: 194px;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 4px;
	font-size: 95%;
	display: block;
	text-decoration: none;
	margin-top: 3px;
	margin-left: auto;
	margin-right: auto;
}
.small {
	font-size: 95%;
}
.comment {
	text-align: right;
	font-size: 95%;
	color: #2E464F;
	margin-top: 2px;
}


/*end of AGM Middle*/

/* AGM BOX */
div.agm_box {
	
 	float: left;

}

div.links06 a {
	background: url(images/agm_20061.gif) no-repeat;
	display: block;
	font: bold 0.8em Verdana,Tahoma,sans-serif;
	padding: 6px 0 8px 8px;
	text-decoration: none; color: #333;
}
div.links06 a:hover {
	background: url(images/agm_20062.gif) no-repeat;
}

div.links05 a {
	background: url(images/agm_20051.gif) no-repeat;
	display: block;
	font: bold 0.8em Verdana,Tahoma,sans-serif;
	padding: 6px 0 8px 8px;
	text-decoration: none; color: #333;
}
div.links05 a:hover {
	background: url(images/agm_20052.gif) no-repeat;
}

div.links04 a {
	background: url(images/agm_20041.gif) no-repeat;
	display: block;
	font: bold 0.8em Verdana,Tahoma,sans-serif;
	padding: 6px 0 8px 8px;
	text-decoration: none; color: #333;
}
div.links04 a:hover {
	background: url(images/agm_20042.gif) no-repeat;
}




/*related AGM information*/

div#related_information{
	border:1px solid #FE6D34;
	width:190px;
	padding:5px 5px 5px 5px;
	
}
div#related_information div#heading{
	background:#FE6D34;
	color:white;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	padding:2px 2px 2px 2px;
}
div#links{
	background:#79889B;
	color:white;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	
	/*line-height:1.5em;*/
}
div#links ul{
	list-style:none;
 	margin:0px -0px 0px 0px;
 	padding: 0 0px 0;
}
div#links li{
	margin:0;
  	padding: .2em .0em .0em 0px;
}
div#links li a{
	padding:5px 5px 5px 5px;
	background:#79889B;
	color:white;
	display:block;
	width:180px;
}
div#links li a:hover{
	padding:5px 5px 5px 5px;
	background:#F9f9f9;
	color:black;
/*	display:block;*/
width:180px;
}
/*end of Related AGM information*/


/*AGM report information*/

div#AGM_rpt{

	border:1px solid #dddddd;
	width:450px;
	padding:5px 5px 5px 5px;
	
}
div#AGM_rpt div#heading{

	background:#CCCCCC;
	color:black;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	padding:2px 2px 2px 2px;
}
div#rpt_links{
	background:#FFFFFF;
	color:black;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	
	/*line-height:1.5em;*/
}
div#rpt_links ul{
	list-style:none;
 	margin:0px -0px 0px 0px;
 	padding: 0 0px 0;
}
div#rpt_links li{
	margin:0;
  	padding: .2em .0em .0em 0px;
}
div#rpt_links li a{
	padding:5px 5px 5px 5px;
	background:#EFEFEF;
	
	display:block;
	width:440px;
}
div#rpt_links li a:hover{
	padding:5px 5px 5px 5px;
	background:#F9f9f9;
	
/*	display:block;*/
width:440px;
}
/*AGM report information*/



/* Bottom boxes */
#leftbox {
	width: 200px;
	float: left;
	font-size: 95%;
	color: #5B7246;
}
#leftbox img {
	float: left;
	margin-right: 1px;
}
#leftbox h1 {
	color: #333;
}
#leftbox .lol {
	display: block;
	margin-bottom: 1px;
	background-color: #E6E9EA;
	color: #5B7246;
	float: left;
	width: 105px;
}
#leftbox .p2 {
	padding: 5px;
}


#leftbox2 {
	width: 450px;
	float: left;
	font-size: 95%;
	color: #5B7246;
}
#leftbox2 img {
	float: left;
	margin-right: 1px;
}
#leftbox2 h1 {
	color: #333;
}
#leftbox2 .lol {
	display: block;
	margin-bottom: 1px;
	background-color: #E6E9EA;
	color: #5B7246;
	float: left;
	width: 450px;
}
#leftbox2 .p2 {
	padding: 5px;
}


#rightbox {
	float: right;
	width: 200px;
	font-size: 95%;
}
#rightbox a {
	background-image: url(images/folder.gif);
	background-repeat: no-repeat;
	padding-left: 30px;
	padding-top: 4px;
	padding-bottom: 4px;
	display: block;
	margin-bottom: 2px;
	text-decoration: none;
}
/* Right column */
#right {
	float: right;
	width: 225px;
	margin-top: 5px;
	margin-right: 5px;
}
#right h1 {
	font-size: 140%;
	text-align: right;
}
#right .sub a {
	background-image: url(images/pagelink.gif);
	display: block;
	padding-left: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 1px;
	color: #5B7246;
}
#right .sub2 a {
	background-image: url(images/userlink.gif);
	display: block;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 1px;
	color: #5B7246;
	width:200px;
}
/* footer */
#footer {
	float: left;
	width: 100%;
	background-color: #294048;
	text-align: left;
	color: #fff;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-top: 6px;
}
#footer .left {
	float: left;
	padding-left: 30px;
}
#footer .right {
	float: right;
	padding-right: 30px;
}
#footer .middle {
	float: centre;
	style: text-align: center;
	padding-right: 50px;
	color: #FFF;
}
#footer a {
	color: #fff;
}