@charset "utf-8";
/* CSS Document */
body{
	
	background-color:#fff;
	width:100%;
	font-family:"Calibri";
	font-size:12px;
	
	
}
#pagewrapper
{
	
	
	width:1000px;
	position:relative;
	margin: 0 auto;
}
#pagewrapper-etcheader
{	
	
	width:1000px;
	position:relative;
	margin: 0 auto;
	z-index:90;
}
#header
{
	height:155px;
	width:857px;
	float:right;
	background:url(images-etc/banner.png);
	
	}
#header-lib
{
	height:155px;
	width:857px;
	float:right;
	background:url(images-etc/lib-header.png);
	}
#logo
{
	background:url(images-etc/logo_holder.png);
	height:155px;
	width:143px;
	float:left;
	}
#left_1
{
	background:url(images-etc/left.png);
	height:43px;
	width:20px;
	float:left;
}
#right_1
{
	background:url(images-etc/righ1.png);
	height:43px;
	width:18px;
	float:left;

}
#right
{
	background:url(images-etc/right.jpg);
	height:43px;
	width:18px;
	float:left;

}
#menubar
{
	background:url(images-etc/menubar_bg.jpg) repeat-x;
	height:43px;
	width:962px;
	float:left;
	
}
#separator
{
	background:url(images-etc/top-separator.jpg);
	clear:both;
	height:15px;	
	width:1000px;
}
#sidebar
{
	background:url(images-etc/sidebar-bg.jpg) repeat-y #FFFFFF;
	height:387px;
	margin-right:8px;
	padding-left:10px;
	width:163px;
	float:left;
	clear:both;
}
#centerpanel
{
	background:url(images-etc/center-bg.jpg);
	height:387px;
	padding-left: 10px;
	padding-right: 10px;
	width:386px;
	float:left;
	text-align:center;

}
#rightpanel
{
	background:url(images-etc/right-bg.jpg);
	height:387px;
	padding-left: 20px;
	padding-right: 10px;
	width:383px;
	float:right;
	overflow:auto;


}
.clearer {
clear:both;
}
#bottom-sep
{
	background:url(images-etc/bottom-sep.jpg);
	height:13px;
	width:1000px;
}
#index-left
{
	background:#FFFFFF url(images-etc/index-left.png); 
	height:422px;
	width:276px;
	float:left;
}
#index-center
{
	background:#FFFFFF;
	height:275px;
	width:447px;
}
#index-center2
{
	background:#FFFFFF url(images-etc/index-center.png);
	height:147px;
	width:447px;
}
#index-right
{
	background:#FFFFFF url(images-etc/index-right.png);
	height:422px;
	width:277px;
	float:right;
}
#index-wrapper
{
	float:left;
	width:447px;
	height:422px
}


body a {
text-decoration:none;
color:#00529B;
}
/*for Library page */
#sidebar-lib
{
	height:408px;
	width:240px;
	float:left;
}
#lib-wrapper
{
	
	width:1000px;
	height:425px;
	background-color:#e5e5e5;
}
.lib-separator
{
	background-color:#e5e5e5;
	height:7px;
	width:1000px;
}
.center-lib
{
	background-color:#d8e4ff;
	float:left;
	margin-left:9px;
	padding-left:80px;
	width:671px;
	height:408px;
	overflow-y:auto;
	overflow-x:hidden;
	
	
}
.center-lib p
{
	
	
	overflow-y:auto;
	overflow-x:hidden;
	padding-bottom:7px;
	
	
}
/*about us*/
.aboutwraper
{
	width:1000px;
	height:421px;
	position:relative;
	margin: 0 auto;
}
#leftpanel-about
{
	background: #d7e7f6;
	float:left;
	width:741px;
	height:421px;
}
#right-about
{
	height:421px;
	width:259px;
	float:right;
}
#middle-content
{
	background:#F4f4f4;
	margin: 0 auto;
	height:361px;
	width: 630px;
	text-align:justify;
	margin-top:30px;
	padding-left: 10px;
	padding-right:10px;
	overflow:auto;
	line-height:1.1;
	
	
	}
	
#middle-content p
{
	
	text-align:justify;
	
	padding-left: 10px;
	padding-right:10px;
	overflow:auto;
	line-height:20px;
	
	
	}
	.floatimgleft {
float:left;
margin-top:10px;
margin-right:10px;
margin-bottom:10px;
}

/*added for SERVICES-internet */
#separator1
{
	background:url(images-etc/top-separator1.jpg);
	clear:both;
	height:15px;	
	width:1000px;
}
#bottom-sep1
{
	background:url(images-etc/bottom-sep1.jpg);
	height:13px;
	width:1000px;
}
#right-panel
{
	background: #d8e4ff;
	float:left;
	height:387px;
	padding-left:20px;
	padding-right:20px;
	width:481px;
	
}

#right-panel-img
{
	background: url(images-etc/services-outside.png);
	float:right;
	height:387px;
	width:298px;
}

/*added for etc news */
.newsdetails
{
	overflow:hidden;
	text-align:justify;
	padding: 10px 10px;
	margin-bottom:20px;
	border:thin #CCC solid;
	width: 585px;
	background: #dbe2e9;
}

#newsimage
{
height: 141px;
width: 180px;
float:left;
margin-left: 10px;
}
/*for vertical menu */
ul#menu, ul#menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 158px;
}

ul#menu a {
  display: block;
  text-decoration: none;	
}

ul#menu li {
  margin-top: 1px;
}

ul#menu li a {
  background: #333;
  color: #fff;	
  padding: 0.5em;
}

ul#menu li a:hover {
  background: #000;
}

ul#menu li ul li a {
  background: #ccc;
  color: #000;
  padding-left: 20px;
}

ul#menu li ul li a:hover {
  background: #aaa;
  border-left: 5px #000 solid;
  padding-left: 15px;
}

.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }