/* ==========================================
	template.CSS 
This template is used to control PSB layout   
   ========================================== */


/* ==================================
	body Format
   ================================== */
body {
	background: #3c7faf;
	background-image: url(../img/bg2.png);
	background-repeat: repeat-x;
}
/* ==================================
	container Styles				
   ================================== */
#container {
	width: 1000px;
	background-color: #fff;
}
/* ==================================
	header_logo Styles				
   ================================== */
#header {
	position: relative;
	min-height: 78px;
	background-color: #a7d3f6;
	display: none;
}
/******** Place to change the header image ***********/
#header_logo {
	margin: 0;
	height: 123px;
	background-image: url(../img/banner.png);
	background-position: right;
	background-repeat: repeat-y;
}
/************************************************/

/* ==================================
	header_menu Styles		
   ================================== */
#menu {
	background: #a7d3f6;
	border: 1px solid transparent;
	border-left: 0px;
	border-right: 0px;
	height: 25px;
	padding: 1em;
	text-align: right;
	vertical-align:middle;
	display: none;
}
/* ==================================
	footer Styles
   ================================== */
#footer {
	border:1px solid transparent;
	background: #3c7faf;	
	line-height: 1em;
	text-align: right;
	color: #fff;
	list-style: none;
	clear: both;
	height: 10px;
	display: none;
	}
#footer ul{
	margin: 0;
	padding: 1em 3px;	
	font-size: 1em;
	line-height: 1em;
	text-align: right;
	color: #fff;
	list-style: none;
	clear: both;
	}
#footer li {
	display: inline;
	}	
#footer li#copyright {
	float: left;
	}
#footer a:link, #footer a:visited {
	color: #a7d3f6;
	}
#footer a:hover {
	text-decoration: underline;
	}
#footer a:active {
	text-decoration: none;
	color: #fff;
	}
	
/* ==================================
	Columns Layout				
   ================================== */
#content {
	margin: 1px 0px;
	clear: both;
	border-top: 1px solid #b4c4d3;
}
/* ==================================
	Left Column
   ================================== */  
   
#content_left {
	width: 19%;
	float:left;
	display: none;
}
#content_left_toc {
	width: 100%;
	float:left;
}
/* ==================================
 	   Center Column
   ================================== */ 
#content_center {
	margin-left:1px;
	width: 78%;
	float: right;/*	border-left: 1px solid #999;*/
	}
/* ==================================
	Right Column--bread crumbs
   ================================== */ 
  
#content_center_breadcrumbs {
	border-bottom: 1px dotted #999;
	color:#585858;
	padding: 10px 10px;
	margin: 0 0 0 0;
}
#content_center_breadcrumbs a, #content_center_breadcrumbs a:link, #content_center_breadcrumbs a:visited, #content_center_breadcrumbs a:active {
	color: #585858;
	text-decoration: none;
}
#content_center_breadcrumbs a:hover {
	text-decoration: underline;
	color: #f00;
}
/* ==================================
 	   document content
   ================================== */ 
#content_center_container {
}
#content_center_single {
	padding-bottom:2em;
}
/* ==================================
   FR related to switch  pages, 
   keep it unchanged
   ================================== */ 

div.FRcontainer {
	position:relative;
	top:0px;
	left:0px;
}
div.FRvisible {
	position:absolute;
	top:0px;
	left:0px;
	z-index:0
}
div.FRinvisible {
	position:absolute;
	top:0px;
	left:0px;
	z-index:-1
}
.gridBackgroundColor {
	background-color:#DDDDDD
}