/* IGBP CSS */

@import "leftmenu.css";
@import "topmenu.css";
@import "esspnav.css";
@import "sidebar.css";
@import "content.css";
@import "docrepo.css";
@import "internal.css";


body{
	margin: 0 0 0 50px;	
	background-color: #F4F4F4;
	background-image: url(../img/body_bg.gif);	
}

body.mceContentBody{
	background: #fff;
	text-align: left;
	margin:10px;	
}

#pagewrapper{
	background-color: #FFFFFF;
	width:800px;
	/*border-right:1px solid #CCCCCC;*/
	border-bottom:1px solid #CCCCCC;
	margin-bottom:20px;
	padding-bottom:1px;
	margin-bottom: 20px;
}

#topimage{
	/*height:134px;*/
	/*background-image: url(../img/top2.jpg);*/
	/*background-repeat: no-repeat;*/
}

#topnavcontainer{}

#pagebody{
	/*background-color: #66FFFF;
	background-color: #fff;*/
	background: #fff url(../img/cont_top.gif) repeat-x;
	padding-bottom:50px;
}
#leftmenu-container{
	/*background-color: #646D7E;*/
	width:160px;
	float:left;	
}

#contentcontainer{	
		
  	width: 490px;	
  	float: left;   
}

#sidebarcontainer{	
  /*background-color: #CCFF99;*/
	width:150px;
	float:right;	
}

#googlebox{
 /* height:40px;*/
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 5px;
  background-color: #E9E9E2;
  background-image:none;
  /*background-image: url(../img/nav_tail.gif);
	background-repeat: repeat-x; */ 
	border-bottom:1px solid #ccc;
	border-right:2px solid #fff;
	border-left:2px solid #fff;	
}

#crumbnav{
	padding-bottom:3px;
	padding-left:10px;
	background-color: #eee;
	margin-top:2px;
	margin-bottom:2px;	
	font-family: Arial, Helvetica, sans-serif;	
	font-size:1em;
}

#crumbnav a, #crumbnav a:link, #crumbnav a:visited{
	text-decoration: none;
	color: #4F713E;
	/*color: #339933;*/
}
#crumbnav a:hover{	
	text-decoration: none;
	color: #669933;	
}

#footer{
	color:#666666;
	background-color: #EEEEEE;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*font-size: 0.8em;	*/
	font-size: 10px;
	background-image: url(../img/footer_bg.gif);
	background-repeat: repeat-x; 
}
.clearing{
	clear:both;
}
.clear-both{
	clear:both;
	overflow: hidden;		
	font-size:0;
	height:0;
	line-height:0;
	visibility:hidden;
	width:1px;
}
.clear-right{
	clear:right;
	overflow: hidden;		
	font-size:0;
	height:0;
	line-height:0;
	visibility:hidden;
	width:1px;
}
.clear-left{
	clear:left;
	overflow: hidden;		
	font-size:0;
	height:0;
	line-height:0;
	visibility:hidden;
	width:1px;	
}
form{	
	margin:0;
	padding:0;
}

.space5{height: 5px;}
.space10{height: 10px;}
.space20{height: 20px;}

.contactbox{
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc; 
	margin-bottom:15px; 
	padding:5px;
	padding-bottom:10px;
	padding-left:20px; 
	background:#F9F9F7;
}

.contactlink{
	color: #555;
}
A.contactlink:link, A.contactlink:visited, A.contactlink:active{
	text-decoration: none;	
	color: #336699;
	/*color: #555;
	color: #006699;*/
}
A.contactlink:hover{
	text-decoration: underline;
	color: #669900;
}

ul.catlist{
	margin: 0;
	padding: 5px 0 5px 0;
	border: none;	
}
	ul.catlist li{
		margin: 0;
		padding: 3px 5px 3px 5px;
		display: inline;
		list-style-type: none;	
		font-weight: bold;	
		background: none;
	}
	ul.catlist li.selected{
		background: #eee;	
	}
	ul.catlist li a, ul.catlist li a:active,ul.catlist li a:visited{
		color:#666;
	}
	ul.catlist li a:hover{
		color:#669900;
	}
	ul.catlist li.selected a, ul.catlist li.selected a:active,ul.catlist li.selected a:visited{
		color:#111;
	}

/** PAGER **/
/* pager */
.pager{	
	padding: 3px 0px 3px 0px;
	border-top:1px dotted #00a650;
	border-bottom:1px dotted #00a650;
}

	.pager .button {
		float: right;
	}
	.pager .button a,.pager .button a:link,.pager .button a:visited,.pager .button a:active, .pager .disabled {
		display: block;
		width: 5em;
		color: #00a650;	
		background-color: #fff;
		padding: .2em 0;
		text-align: center;
		text-decoration: none;
		border: none;
		font-weight:bold;
	}
	.pager .button a:hover{
		background-color: #f8f8f8;
		color:#333;
		
	}
	.pager .disabled {
		
		color: #999;
	}
	.pager .numbers ul {
		float: right;
		list-style-type: none;	
		margin:0 10px 0 10px;
		padding:0;
		border:none;
	}
		.pager .numbers ul li{
			display: inline;
			text-align: center;
			background:none;
			margin: 0;
			padding:0;
							
		}
		.pager .numbers ul li a, .pager .numbers ul li a:link,.pager .numbers ul li a:visited,.pager .numbers ul li a:active{	
			float: left;
			width: 1em;	
			padding: 0.2em 0.4em;
			margin-right: 1px; 
			text-decoration: none;
			background-color: #fff;
			color: #111;
			border: none;	
		}
		.pager .numbers ul li a:hover{
			background-color: #f8f8f8;
		}
		.pager .numbers ul li.selected a{	
			font-weight: bold;
			background-color: #00a650;
			color: #fff;
			border: none;
		}