/* CSS Document */

/*

		This is the main CSS file for the PSI Internet Top Bar with Horizontal and
		Left Hand Side (LHS) navigation.

*/


/* Page Structure (layout)
---------------------------------------------*/
body{
font-family:Slate,Arial,Helvetica,sans-serif;
color:#484848;
BACKGROUND-COLOR: #ebebeb;
FONT-SIZE: 12px
}

a, a:active, a:visited, a:link, a:hover { color:#2C9199; 
text-decoration:none;
}
a:hover { text-decoration:underline;
 }

#pagesuperwrapper {
	position : absolute; 
	margin-left : -415px;	
	width:830px;
	left : 50%;
}


#pagewrapper {
	width:779px;
	background-color : #FFF;
	padding : 0 25px;
	float:left;
	
}



#topbar, #lhs_nav, #content, #footer {
	overflow:hidden;
	display:inline-block;
}
#topbar, #footer {
	width:100%;
}
#topbar {
	margin:0 0 4px 0;
	
}

#lhs_nav {
	float:left;
	margin: 0 6px 10px 0;
	width:170px; 
	
}
#lhs_nav #lhs_nav{margin:0;}
#content {
	 float:left;
	 margin:0 0 10px 0;
	padding-bottom: 19px;  
	width:768px; 
	/*border : solid 1px;
	border-color : #E5E5E5;*/
	padding-left : 5px;
	padding-right : 0px;
	padding-bottom : 19px;
	color:#484848
	
}
#content #textZone{min-width: 365px;_width: 365px; padding:0 ; display: block;}
#content_index {
	float:left;
	padding-bottom: 19px;  
	width:779px; 
	padding-bottom : 19px;
	font-size:1.2em;
	color:#484848
}
#content_index  h1 span {FONT-SIZE: 13px; LINE-HEIGHT: 19px;}

#footer {

	
	padding-bottom:10px;
	padding-top: 5px;
	background-color : #EBEBEB;	
}

/* Topbar - top
---------------------------------------------*/

#title_logo {
	border-bottom: 5px solid #2C9199;
	margin:15px 0 3px 0;
	}
#title_logo h1 a { /* PSI Logo */
	background:transparent url(/images/psilogo-web_en.png) left top no-repeat;
	float:left;
	height:0;
	margin:0;
	overflow:hidden;
	padding:42px 0 0 0; /* 32px is height of PSI logo image */
	text-indent:-9000px;
	width:128px;
	}
#title_logo h1 a:hover { text-decoration: none; }
#title_logo h2 { /* Business Descriptor */
	float:right;
	font-size:1.83em;
	font-weight:normal;
	padding-top:12px;
	text-transform:uppercase;
	}
	

/* Topbar - top   same as basecamp*/
#title_logo_fr,
#title_logo_en {

margin:15px 0 0 0;
display:block; 
float:right;
width:479px;
}
#topbar .home{


	}
#title_logo_fr h1 a,
#title_logo_en h1 a  { /* PSI Logo */
	display:block;
	float:left;
	height:90px;
	margin:0;
	text-indent:-9000px;
	width:203px;
float:right;
	}
#title_logo_fr h1 a { /* PSI Logo */
       background:url(/images/psilogo-web_fr.png) right top no-repeat;
	}
#title_logo_en h1 a { /* PSI Logo */
	background:url(/images/psilogo-web_en.png) right top no-repeat;
	}

#title_logo_fr h1 a:hover,
#title_logo_en h1 a:hover { text-decoration: none; }

#title_logo_en h2,
#title_logo_fr h2 { /* Business Descriptor */
	float:right;
	font-size:1.83em;
	font-weight:normal;
	padding-top:50px;
	text-transform:uppercase;
	}
#topbar_bottom{float:left; height:25px; margin-top:22px; width: 300px;}


#topbar_bottom a{ text-decoration:none;}
#topbar_bottom a:hover{ text-decoration:underline;}

/* Topbar - bottom
---------------------------------------------*/

#topbar_bottom .selected { color:#2C9199; font-size: 0.92em;}



/* Left Hand Side (LHS) navigation
---------------------------------------------*/

ul#lhs_menu {
	margin:30px 0 0 0; padding:0; 	}
	
#lhs_menu ul{margin:0 0 2px; padding:2px 0;}
#lhs_menu ul ul{margin:0 ; padding:0;}
#lhs_menu li{margin-left:0px; 	padding:2px 0 ;}

#lhs_menu li.selected,
#lhs_menu li.selected_nosub {font-weight:bold;}

#lhs_menu li.selected li {	
       	padding-left: 10px;
	margin-left:5px;
	background:transparent url(/images/bullet2LHS.gif) 0px 6px no-repeat;
	font-weight:normal;}

#lhs_menu li.selected li.selected,
#lhs_menu li.selected li.selected_nosub {font-weight:bold;}

#lhs_menu a, 
#lhs_menu span {
	color:#666;
	text-decoration:none; 
	display:block;
	margin-left:0;
     }
#lhs_menu li a:hover {text-decoration:underline; }
	

	
/* Horizontal navigation
---------------------------------------------*/

#horiz_nav_div {
	background-color: #565656;
	height:24px
	}


#horiz_nav {
	background-color: #565656;
	margin-bottom: 10px;
	}

#horiz_nav ul {
	border-color: 3px solid #000;
margin:0; padding:0;
	}

#horiz_nav li {
	float: left;
	position: relative;
	}

#horiz_nav li a {
	border-right: 1px solid #FFF;
	color: #FFF;
	display: block;
	font-size: 1em;
	font-weight: bold;       
	/*padding:5px 7px 4px 8px;*/
	padding:5px 5px 4px 6px;
	text-decoration: none;
	}

#horiz_nav li a:hover { background-color: #2C9199; }
#horiz_nav li a.selected { background-color: #2C9199; }


/* Level 2 */

#horiz_nav ul {
	background-color: #FFF;
	border: 1px solid #565656;
	display: none;
	position: absolute;
	top: 26px;
	z-index: 99;
	}

#horiz_nav li.over ul { display: block; }

#horiz_nav ul li {
	display: inline;
	float: none;
	margin-bottom: 0;
	white-space: nowrap; /* Prevent wrapping of text inside the items */
	}

#horiz_nav ul li a {
	background: #FFF url(/images/horiz_nav_separator.gif) bottom left repeat-x;
	border: none;
	color: #666;
	display: block;
	font-weight: normal;
	padding: 3px 5px 4px 5px;
	}

#horiz_nav ul li.last a {
	background-color: #FFF;
	background-image: none;
	padding-bottom: 3px;
	}

#horiz_nav ul li a:hover {
	background-color: #2C9199;
	color: #FFF;
	}

#horiz_nav ul li a.selected {
	background-color: #2C9199;

	}

/* Footer
---------------------------------------------*/

#footer_links li { float:left; }
#footer_links li a {
	background:transparent url(/images/blue_piper.gif) right 3px no-repeat;
	color:#39C;
	font-size:0.92em;
	height:0.92em;
	margin-right:7px;
	padding-right:7px;
	}
#footer_links li.last a {
	background:none;
	padding-right:0;
	}
#footer_links li.last { margin-right:49px; }
#copyright {
	color: #666;
	
	font-size:0.92em;
	padding-top: 1px;
	text-align: left;
	padding-left: 25px;

}
#copyright a {
	color : #666;
	text-decoration : none;
}

#copyright a:hover {
	text-decoration : underline;
}