﻿/**
 * Owner: Yamelyn Oropesa
 * Summary : FusepointInternet CSS for the site.
 * ________________________________________
 *
 * TABLE OF CONTENT :
 *   TYPOGRAPHY
 *      LINKS
 *		INPUT
 *   STRUCTURE
 *   HEADER LAYOUT 
 *	 TOP MENU
 *   GENERAL CONTENT
 *   SPLIT PAGE LAYOUT
 *		LEFT SECTION LAYOUT
 *			LEFT MENU
 *		CONTENT AREA LAYOUT
 *			PAGE LAYOUT
 *   		WEB PARTS
 *			GET QUOTE FORM
 *		RIGHT SECTION LAYOUT
 *	 FUll PAGE LAYOUT
 *   FOOTER LAYOUT
 *	 SPECIAL CASES
 */ 
 
 @import url('core.css');

/**  TYPOGRAPHY
 * _______________________________________________________________*/

	body { 
		margin:0; 
		padding:0; 
		text-align:left; 
		background-color:#FFF; 
	}

	/**
	 *  Pour ne pas avoir de bordure sur les images-liens.
	 */
	a img { 
		border: 0 !important; 
		text-decoration: none !important;
	}
	
	div, td, p {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	}
	
	h1 {color:#052a43;font: bold 14px Verdana; margin-bottom:10px;}
	h2 {color:#052a43;font: bold 12px Verdana; margin-bottom:10px;}
	h3 {font-size:130%}
	h4 {font-size:110%}
	h5 {text-transform:uppercase;font-size:100%}
	h6 {font-style:italic;font-size:100%}
	

	/**  LINKS
 	 * _______________________________________________________________*/
	
		a:active {color: #477ab1; text-decoration:none;}
	
		a:visited {color: #477ab1; text-decoration:none;}
	
		a:link {color: #477ab1; text-decoration:none;}
	
		a:hover {text-decoration:underline;}

	/**  INPUT
 	 * _______________________________________________________________*/
		
		.fieldWidth20{ width:200px; }
		.fieldWidth30{ width:300px; }
		.fieldWidthDescription{width:365px; height:115px; overflow:auto;}

/**  STRUCTURE
 * _______________________________________________________________*/

	div#totalContent { width:98%; padding: 10px 10px 0px 10px; position:absolute; top:0; }
	div#contactUsBadge { 
		z-index: 99999; 
		float: right; 
		position: absolute; 
		right: 4px; 
		top: -20px;
		width: 136px;
		height: 140px;
		background: url("images/newBadge.png") no-repeat;
	}
	
	/* Web Part properties windows */
	#MSOTlPn_MainTD { padding-top: 209px; position: absolute; float: right; }
	
	

/**  HEADER LAYOUT
 * _______________________________________________________________*/

 	td#headerZone table td { vertical-align:middle; }	
 	
 	td#headerZone table td img { margin-bottom:10px; }		

 	div#swicthLanguageSearch { float:right; color:#999; padding:0; margin:0; text-align:left; background:url("images/img_searchSectionBorder.gif") top right no-repeat; }  
  	
  	div#swicthLanguageSearchContent { 
  		text-align:right; 
  		padding:5px 0 16px 15px; 
  		margin:0; 
  	}  	
 
  	div#swicthLanguageSearchContent table td { font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; }
  	  	
  	.searchField { width:130px; margin:0 10px; border:solid 1px #DEDBDE; }
  	
  	#siteActionsMennu {
		float: right; 
		right: 600px; 
		position: absolute;
		z-index:99;
		height:10px;
		display:inline;
		text-align:right;
	}
  	
  	#homeLeftSectionTop {
		padding: 20px;
		vertical-align: top;
	}
		 
	 /*** Override the ms styles from the core.css ***/
	#searchBarNav {
		position: absolute;
		top: 11px;
		right: 445px;
		color: #485b6e;
	}	 
	
	#SRSB {
		padding-right: 10px;	
	}
	
	#searchBarNav a { color: #485b6e !important; } 
	
	/*** Search Styles ***/
	.ms-sbtable-ex { margin-top:0; }
	.ms-sblink, .ms-sbscopes { display:none; }
	
	
	.ms-sbcell { 
		padding: 0px !important;
		border: none;
		background: url('images/searchBoxInput.png') no-repeat left top;
		width: 434px;
		height: 44px;
		margin: 0px !important;
		position: absolute; 
		top: 0px; 
		right: 50px;
	}
	
	.ms-sbcell input {
		height: 20px;
		width: 258px !important;
		font-size: 14px;
		border: 0px;
		padding: 0px;
		font-size: 14px !important;
		z-index: 9999;
		position: relative;
		top: 8px;
		right: 2px;
	}
	
	.ms-sbgo { 
		padding: 0px;
		border: none;
		width: 41px;
		height: 44px;
		margin: 0px;
		position: absolute; 
		top: 0px; 
		right: 9px;
	}
	
	.ms-sbLastcell { display: none; }

	div#horizontalMenuAlign	{
		float:left;
		margin:0;
		padding:0;
	}
	
	div#contactPhone{
		position:absolute;
		top:82px;
		top:84px\9; /* Hack for IE8 */
		right:140px;
		color:#fff;
		font-size:14px;			
	}

	/** Site Actions Menu **/
	table.ms-siteaction {
	width:100%;
}

	
	.ms-siteactionsmenu a:link{ font-size: 11px!important; font-weight:bold!important; font-family: Verdana, Arial, Helvetica, sans-serif;}
	.ms-siteactionsmenu a:visited{ font-size: 11px!important; font-weight:bold!important; font-family: Verdana, Arial, Helvetica, sans-serif;}
	.ms-siteactionsmenu a:hover{ font-size: 11px!important; font-weight:bold!important; font-family: Verdana, Arial, Helvetica, sans-serif;}
	.ms-siteactionsmenu a:active{ font-size: 11px!important; font-weight:bold!important; font-family: Verdana, Arial, Helvetica, sans-serif;}
	
	.ms-siteactionsmenu div div{
	background:url("images/header/siteActions_repeater.jpg") left repeat-x;
	}
	.ms-siteactionsmenu div div div.ms-siteactionsmenuhover{
	background:url("images/header/siteActions_corner.jpg") top right no-repeat;
	border:none;		
	}
	.ms-siteactionsmenu div div div{
	background:url("images/header/siteActions_corner.jpg") top right no-repeat;
	border:none;	
	}
	.ms-siteactionsmenu div div div a:link{ color:#CA631A; font:Verdana 11px bold; }
	.ms-siteactionsmenu div div div a:visited{ color:#CA631A; font:Verdana 11px bold; }
	.ms-siteactionsmenu div div div a:hover{ color:#03587C; font:Verdana 11px bold; }
	.ms-siteactionsmenu div div div a:active{ color:#CA631A; font:Verdana 11px bold; }
	
	.ms-actionbar{
	background-color:#FFFFFF;
	border:1px solid #6f9dd9;
	padding-top:1px
	}
	.ms-actionsep{
	height:8px;
	border-right:1px solid #6f9dd9;
	}
	
	td.headerUsefulLinks { 
		background:url("images/topNavBG.gif") top left repeat-x; 
		background-color: #052a43;
	}		
	
	td.headerUsefulLinks table td { text-align:center; }
	
	.horizontalMenuRightCornerBg { background:url("images/img_searchSectionBorder.gif") top right no-repeat; } 

	div#searchSiteMap {
		float: right;
		padding: 0px;
		margin-right: 95px;
		border: none !important;
		position: absolute;
		top: 0px;
		right: 20px;
	}
	
	div#searchSiteMap td {
		border: 0px !important;
	}	
	
	div#searchSiteMap a:link { font:normal 11px Verdana; }
	div#searchSiteMap a:visited { font:normal 11px Verdana; }
	div#searchSiteMap a:hover { font:normal 11px Verdana; }
	div#searchSiteMap a:active { font:normal 11px Verdana; }


/**  TOP MENU
 * _______________________________________________________________*/

 	/*** Override the ms styles from the core.css ***/					
	
	table.ms-topnav{	
		background: none;
		border: none !important;
	 	padding:0 12px;
	 	height: 34px;
	 	background: url("images/topNavBGseparator.gif") top left no-repeat; 		
	}
	
	#zz1_TopNavigationMenun1 table.zz1_TopNavigationMenu_4 {
		background: url("images/topNavBGcorner.jpg") top left no-repeat; 
		background-color: #052a43;
	}
	
	#zz1_TopNavigationMenun1 table.ms-topNavHover {
		background: url("images/topNavBGcorner_hover.jpg") top left no-repeat !important; 
	}
	
	#zz1_TopNavigationMenun1 table.ms-topnavselected {
		background: url("images/topNavBGcorner_hover.jpg") top left no-repeat !important;
	}

	.ms-topnav a{	
		background: none;
	 	color: #ffffff !important; 
	 	font-size: 14px !important; 
	 	font-family: Helvetica;	
	 	text-decoration: none;
	 }
	
	table.ms-topnavselected {
		background: url("images/topNavBG_hover.gif") top left repeat-x !important; 
	}
	
	.ms-topnavselected a{
		color:#ffffff;
		font-weight:normal;	
		text-decoration: none;
	}
	
	table.ms-topNavHover{	
		background: url("images/topNavBG_hover.gif") top left repeat-x !important; 
	}
	
	.ms-topNavHover a{
		color: #ffffff; 
		text-decoration: none;
	}	
	
	table.ms-topnavselected{
		background:none;
	}
	
	.ms-topnavselected a{
		color: #ffffff;	
		text-decoration: none;
	}
	
	.ms-topNavHover a{
		color: #ffffff;
		text-decoration: none;	
	}
	
	/** Hides home tab **/
	td#zz1_TopNavigationMenun0
	{
	 display:none;
	}



/**  GENERAL CONTENT
 * _______________________________________________________________*/


/**  SPLIT PAGE LAYOUT
 * _______________________________________________________________*/
	
	#homeLeftSection {
		width: 716px;
		height: 396px;
		overflow: hidden;
	}
	
	#homeRightSection {
		width: 214px !important;
		height: 314px;
		overflow: hidden;
		position: relative;
		right: 50px;
		top: -13px;
	}
	

	/**  LEFT SECTION LAYOUT
	 * _______________________________________________________________*/
	
	
		/**  LEFT MENU
		 * _______________________________________________________________*/
			
			table#leftMenuZone{			
				width: 216px;
			}			
			
			.leftMenuItems {
				background-color: #052a43;
				border-top: solid 1px #2b5470;
				padding: 11px 0 0 0;
			}
			
			.leftMenuItems a {
				font-family: Helvetica, sans-serif;
				color: #ffffff;
				text-decoration: none;
			}
						
			#leftMenuHeading { 
				color: #ffffff; 
				background-color: #103853; 
				font: bold 14px Helvetica, sans-serif; 
				text-transform: uppercase;
				padding-left: 14px;
				width: 216px;
				height: 27px;
			}	
			
			#leftMenuBGbottom {
				background: url("images/LeftMenu/leftMenuBGbottom.jpg") top left no-repeat;
				width: 216px;
				height: 26px;
			}
	
			#contactUsNumber { 
				background: url("images/LeftMenu/callUs.png") top left no-repeat;	 
				width: 216px;
				height: 47px;
			}
			
			#contactUsNumberFR { 
				background: url("images/LeftMenu/callUsFR.png") top left no-repeat;	 
				width: 216px;
				height: 47px;
			}

			#contactUsSpacer {
				height: 10px;
			}
			
			.ms-navSubMenu1 { width: 100%; }
		
			.ms-navheader td {
				padding: 3px 0px 3px 14px;
			}
			
			.ms-navSubMenu2 td table {
				padding-left: 14px;
			}
			
			.ms-navitem td {
				_position: relative;
				_left: 14px;
			}
			
			
			.ms-navitem {
				/*padding-left: 14px;*/
				*margin-left: 14px;
				/*width: 202px !important;*/
			}
			

			.ms-navitem a {
				padding: 0px;
				margin-left: 0px !important;
			}
						
			.ms-navHeaderHover {
				background-color: #386887;
			}
						
			.ms-selectednavheader {
				/* background-color: #386887; */
			}
			
			.ms-selectednavheader a {
				/* background-color: #386887; */
				color: #ff6600 !important;
			}

			table.ms-navitem td, span.ms-navitem {
				background-image: url("images/LeftMenu/bullet.png");
				background-position: center left;
				background-repeat: no-repeat;
				padding: 3px 6px 4px 10px !important;
			}

			.ms-navheader a:hover { font-size: 12px !important; color:#ffffff; text-decoration:none; }
			.ms-navheader a:visited { font-size: 12px !important; color:#ffffff; text-decoration: none; }
			.ms-navheader a:active { font-size: 12px !important; color:#ffffff; text-decoration:none; }
			.ms-navheader a { font-size: 12px !important; color:#ffffff; text-decoration:none; }	
							
			.ms-navitem a:hover { font-size: 11px !important; color:#ffffff; text-decoration:none; }
			.ms-navitem a:visited { font-size: 11px !important; color:#ffffff; text-decoration: none; }
			.ms-navitem a:active { font-size: 11px !important; color:#ffffff; text-decoration:none; }
			.ms-navitem a { font-size: 11px !important; color:#ffffff; text-decoration:none; }	
			
						
			.ms-quicklaunch table.ms-selectednav{
				border:none;
				margin:2px;
				margin-bottom:0;
			}
			.ms-quicklaunch table.ms-selectednav td{			
				border:none;
				padding:0px 4px 1px 12px;
				margin:0px;
			}
			table.ms-selectednav td a.ms-selectednav{
				background: none;
				color: #ff6600;
				text-decoration: none;
				font-weight: bold;
			}
			table.ms-selectednav,.ms-GRSortFilter{
				border:none;
			} 	
			
			table.ms-selectednav{
				background-color: #052a43;
			}
						
			table.ms-selectednav td{
				background-color: #052a43;
			}	
						



	/**  CONTENT AREA LAYOUT
	 * _______________________________________________________________*/
 
 
		td#mainContentZone{
			width:100%;
			vertical-align:top;
			overflow: hidden;
			height: 396px;
			/* padding-left: 15px; */
		}
		
		#WebPartWPQ2 p { margin: 0px !important; }
		
		#pageLayoutMainContent {
			padding-bottom: 10px;
			border-bottom: dotted 1px #d6d6d6;
		}
		
		#fp-breadcrumb{
			padding-bottom: 10px;
			border-bottom: dotted 1px #d6d6d6;
		}
		
		/**  PAGE LAYOUT
		 * _______________________________________________________________*/
			
			.ms-pagebreadcrumb{
			/* padding: 4px 3px 9px 0; */
			background-color: #ffffff;
			}
			.ms-pagebreadcrumb a{
			font-size:8pt;			
			color:#666666;
			text-decoration:none;			
			}				
			.ms-pagebreadcrumb{
			font-size:8pt;			
			color:#666666;
			text-decoration:none;			
			}				
			.ms-pagebreadcrumb a{
			background-color:#FFF;
			}
			
			#fp-breadcrumb a:link{font: bold 10px Verdana;color:#052a43;margin:0 10px;}
			#fp-breadcrumb a:visited{font: bold 10px Verdana;color:#052a43;margin:0 10px;}
			#fp-breadcrumb a:hover{font: bold 10px Verdana;color:#052a43;margin:0 10px;text-decoration:underline;}
			#fp-breadcrumb a:active{font: bold 10px Verdana;color:#052a43;margin:0 10px;}

			
			.ms-sitemapdirectional{
				margin-left:10px;
			}

			span.ms-sitemapdirectional{color:#FF6600;font: bold 10px Verdana;}
			
 			/*** Headings in page content ***/
 			
			div.ms-WPBody { color:#444343; font:normal 11px Verdana; }
 
 			.ms-WPBody h1 { color:#052a43;font: bold 14px Verdana; margin-bottom:10px; }
 			.ms-WPBody h2 { color:#052a43;font: bold 12px Verdana; margin-bottom:10px; }
 			
 			.ms-WPBody h1 a:hover { color:#052a43;font: bold 14px Verdana !important; margin-bottom:10px; cursor: pointer; }
 			
			.ms-WPBody a:link{color:#052a43;font: normal 11px Verdana;}			
			.ms-WPBody a:visited{color:#052a43;font: normal 11px Verdana;}
			.ms-WPBody a:hover{color:#052a43;font: normal 11px Verdana;text-decoration:underline;}
			.ms-WPBody a:active{color:#052a43;font: normal 11px Verdana;}
 			
			 /**  WEB PARTS
			 * _______________________________________________________________*/
	
	 	 		/** Quick Links **/
	 	 		tr.ms-WPHeader {
				border:none;				
				background:url("images/img_webpartTitleLine.gif") right bottom no-repeat;				
				}
				
				.ms-WPHeader td{
				border:none;
				}
				
				.ms-WPTitle
				{
				display:none;					
				}
				.ms-WPTitle A:visited
				{
				color:#03587C;
				text-decoration:none;
				cursor:pointer;
				}
				.ms-WPTitle A:link
				{
				color:#03587C;
				text-decoration:none;
				cursor:pointer;
				}
				.ms-WPTitle A:hover
				{
				color:#03587C;
				text-decoration:none;
				cursor:pointer;
				}
				
				.ms-WPBody { padding-left: 0px !important; }
				.ms-summarycustombody { padding-left: 0px !important; }
				
				.ms-WPBorder { border:none; }
				
				.ms-vb img{
				display:none;
				}
				
				.ms-vb { color:#444343;font:12px Verdana;}
				
				.ms-vb a { font:12px Verdana; color:#03587C; padding:10px; }
				
				/** To adjust the webpart menu arrow **/
				.ms-HoverCellActiveDark{margin:1px;}				
				
				a.ms-addnew:Hover{ color:#477AB1; font:12px Verdana;}
	 	 
	 	 
	 			a.ms-addnew{ color:#477AB1; font:12px Verdana;}
	 			
	 			
				/**  GET QUOTE FORM
			 * _______________________________________________________________*/
			 
			 	.ms-standardheader{
					font-size: 11px;
					color:#525252;
				}
				
				#contactForm .ms-standardheader{
					margin-bottom: 0;
				}
				
				td.formField{
					padding:0 7px 19px 0;
				}
				
				div#personalSection{
					background: url("images/bg_Form_section1.gif") no-repeat top left; 
					padding:10px 10px 0;
					height:190px;					
				}			
			
				div#interestSection{
					background: url("images/bg_Form_section3.gif") no-repeat top left; 	
					height:200px;
					padding:8px 10px 0;
					margin-bottom:30px;
				}
				
				div#observationsSection{
					background: url("images/bg_Form_section3.gif") no-repeat top left;
					height:200px; 	
					padding:12px 10px 0 10px;
					margin:0 0 5px 0;	
				}
 
			 /**  RIGHT SECTION LAYOUT					 	 
			 * _______________________________________________________________*/
			 
			 td#rightSectionZone { 
			 	width: 250px; 
			 	text-align: center; 
			 	vertical-align: top; 
			 	border-left: dotted 1px #d6d6d6;
			 }
			 
			 .hostingRightSectionContent {
				padding:5px 10px;
				margin:10px 15px;
				text-align:left;
				background-color: #f3f3f3;
				color: #052a43;
				border:solid 1px #CCC;
			}
			 
 /**  FUll PAGE LAYOUT 
 * _______________________________________________________________*/
 
 	/*** site map webpart ***/
 	
 	.toc-layout-main{
		width:100%;
		height:100%;
	}
	
	.toc-layout-main #column{
		padding-left:20px;
	}
 	
 	.headertitle a {
 		font-size: 12px!important;
 		font-weight:bold!important;
	}
			 
 
 
 /**  FOOTER LAYOUT
 * _______________________________________________________________*/

	#footerZone { padding-top: 10px; }
	
	#footerZone table td { vertical-align: top; }
	
	.tableFooterSite {
		padding-top: 10px;	
	}
		
	td#footerCopyright{
		text-align: left;
		color: #415a6a;
		vertical-align: top !important;
	}
	
	td#footerCopyright a:link { color:#415a6a; } 
	td#footerCopyright a:visited { color:#415a6a; } 
	td#footerCopyright a:hover { color:#415a6a; } 
	td#footerCopyright a:active { color:#415a6a; } 	

	td#footerSharepointLogo { width: 132px; height: 26px; vertical-align: top !important; padding-right: 20px; }
	
	td#footerMicrosoftSignature{ text-align:center; vertical-align: top; padding-right: 20px; width: 116px; height: 58px; }
	
	td#footerProfit100 { text-align: center; vertical-align: top; width: 34px; height: 52px; }
	   
 /**  SPECIAL CASES
 * _______________________________________________________________*/

	.noborder { border:none!important; }
	
	#errorMessage {
		display: none;			
	}
	
	.errorField {
		background-color:#ffeff9;		
	}
	.noErrorField{
		background-color:#fff;		
	}

	
	
	.ms-formvalidation{
		color:#ff0000;
		font-family:verdana;
		font-size:8pt;				
	}


/* POPUP DIV */
                               
	.customerNote 
	{
		padding: 10px; 
		margin-top: 30px; 
		color: #415A6A; 
		background-color: #f3f3f3;
		border:solid 1px #CCC;	
	}
	
	.customerNoteLink
	{	
		cursor: pointer; 
		color: #FF6600; 
		text-decoration: underline;
		background: url("images/PopupDiv/comment_bubble_icon.png") no-repeat top right; 
		padding-right:16px;
	}
	
	div#popupDiv, div#popupDiv1
	{
		position: absolute;
		width: 400px;    
		z-index: 1005;
		display: none;  
		color:#186688;
		font: normal 11px Verdana;
		text-decoration: none;
		text-align: left;
	}
	#popupBody
	{
		background: url("images/PopupDiv/bg_popupDiv_top.png") no-repeat top;
		padding: 10px 10px 5px;
		margin:0;
		color: #415A6A;
	}
	#popupDivBottomBorder, #popupDivBottomBorder1
	{
		width: 400px;  
		height:37px;  
		background-position: bottom;  
		background-repeat: no-repeat;
		margin:0;
	}	
	
	
 /**  DYNAMIC TABS
 * _______________________________________________________________*/

		.tabContentBox {
			width: 800px;
		}
		
		.tab-content {
			border: 1px solid #afbac2;
			background: white; /*#FFF3B3;*/
			padding: 10px 10px 10px 15px;
			z-index: 99999;
		}
		
		.tab-header {
			position: relative;
			height: 3em;
			width: 50em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
			margin-bottom: 0px;
			padding-bottom: 0px;
		}
		
		.tab-header ul.tab-list {
			margin: 0;
			padding: 0;
			position: absolute;
			bottom: -1px;
			width: 70em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
		}
		
		.tab-header ul.tab-list li  {
			display: inline;
			list-style: none;
			margin: 0;						
		}
		
		.tab-header ul.tab-list a,.tab-header ul.tab-list span,.tab-header ul.tab-list a.tab-active {
			width: 8em;
			display: block;
			float: left;
			padding: 10px 0 6px 0;
			margin: 0px 2px 0 0;
			text-align: center;
			font-family: Helvetica, Arial, sans-serif;
			font-size: 12px;
			font-weight:bold;
			text-decoration: none;
			width: 155px;
		}
		
		.tab-header ul.tab-list span,.tab-header ul.tab-list a.tab-active,.tab-header ul.tab-list a.tab-active:hover {
			border-bottom: none;
			color: #052A43;
			padding-right: 0;
			margin-top: 0;			
			width: 155px;
			background: url(images/dynamicTabGreySelected.png) top left no-repeat!important;
		}
		
		/* a link in a background tab */
		.tab-header ul.tab-list a {
			border-bottom: none;
			color: #415A6A;
			background: url(images/dynamicTabGrey.png) top left no-repeat;	
		}
		
		/* hover on a background tab */
		.tab-header ul.tab-list a:hover {
			margin-top: 0;
			color: #415A6A;
			background: url(images/dynamicTabGrey.png) no-repeat;
		}
		
		.tab  /* the heading that became the li */
		{
			display: none;
		}
		
		.tab-item {
			z-index: 0;
		}
		
		.tabTitle {
			position: relative;
			bottom: 10px;
		}
		
		
		 /**  LIGHTBOX
 		* _______________________________________________________________*/

		#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
		#lightbox img{ width: auto; height: auto;}
		#lightbox a img{ border: none; }
		
		#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
		#imageContainer{ padding: 10px; }
		
		#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
		#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
		#imageContainer>#hoverNav{ left: 0;}
		#hoverNav a{ outline: none;}
		
		#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
		#prevLink { left: 0; float: left;}
		#nextLink { right: 0; float: right;}
		#prevLink:hover, #prevLink:visited:hover { background: url(images/lightbox/prevlabel.gif) left 15% no-repeat; }
		#nextLink:hover, #nextLink:visited:hover { background: url(images/lightbox/nextlabel.gif) right 15% no-repeat; }
		
		#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }
		
		#imageData{	padding:0 10px; color: #666; }
		#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
		#imageData #caption{ font-weight: bold;	}
		#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
		#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	
		
		#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
		
		
		/**  SOUS-MENUS
 		* _______________________________________________________________*/
		#subMemu {
			display: block;
			width: 600px;
			margin-left: 25px;
		}
		
		#subMemu a {
			text-decoration: none !important;	
		}
		
		.subMenuContent { 
			display: block;
			list-style: none;
			text-align: left;
			text-decoration: none;
			margin: 0px;
			padding: 5px 3px 5px 5px;
			background-image: none !important;
			background-color: #ffffff !important;
			border-top: dotted 1px #d6d6d6;			
		}
		
		.subMenuContent:hover {
			background-image: url(images/subMenuBtnGo.png) !important;
			background-position: right center !important;
			background-repeat: no-repeat !important;
			background-color: #f2f2f2 !important;
		}
		
		.subMenuContent p {
			vertical-align: middle;
		}
		
		.subMenuTopBorder {
			border-top: dotted 1px #d6d6d6;
		}
		
		.subMenuLast {
			border-bottom: dotted 1px #d6d6d6;	
		}
		
		.subMenuContent strong {
			color: #052a43;
			font: bold 12px Verdana; 
			margin-bottom: 10px;
		}
		
		
		/**  SITEMAP
 		* _______________________________________________________________*/
		#sitemapBannerWrapper {
			 background: url(images/sitemapMainContentBanner.jpg) top left no-repeat;
			 width: 100%;
			 height: 462px;
			 overflow: hidden;
			 z-index: 9;
		}
		
		#sitemapSection {
			width: 451px;
			height: 402px;
			color: #ffffff;
			margin-top: 20px;
			margin-left: 20px;
		}
		
		#sitemapContainerTitle {
			height: 23px;
			width: 100%;
			background-color: #103853;
			border-bottom: solid 3px #2b5470;
			text-transform: uppercase;
			font: bold 15px Helvetica, sans-serif;
			vertical-align: middle;
			padding-top: 6px;
		}
		
		#sitemapContainerContent {
			background: url(images/sitemapContentBG.png) top left repeat-y;
			padding: 10px 0px 10px 0px;
			width: 100%;
			height: 372px;
		}
		
		#sitemapContainerContent table {
			
		}
		
		#sitemapSection a {
			color: #ffffff !important;
		}
		
		.toc-layout-main td {
			width: 230px !important;
		}
		
		.level-bullet {
			background-image: url("images/sitemapBullet.png") !important;
			background-position: center left;
			background-repeat: no-repeat;
			padding: 3px 6px 4px 10px !important;
		}
				

		/**  HOMEPAGE
 		* _______________________________________________________________*/
		#bannerWrapper {
			 width: 100%;
			 height: 328px;
			 overflow: hidden;
			 z-index: 9;
			 background: url(images/homeMainContentBanner.jpg) top left no-repeat !important;
		}
		
		#homeBannerText {
			position: relative;
			left: 250px;
			top: 0px;
			width: 420px;
			color: #003b60;
			font: normal 11px Arial, sans serif;
		}
		
		#homeBannerText p {
			padding-bottom: 5px;
		}
		
		#homeBannerText p.p1 {
			font: normal 16px Arial, sans serif;
		}
		
		#homeBannerText p.p1 span.title  {
			font-size: 30px;
		}
		
		#homeBannerText p.p3 {
			margin-left: 30px;
		}
		
		#homeBannerText p.p4 {
			margin-left: 60px;
		}

		#flashBannerContainer #WebPartWPQ3 {
			overflow: hidden !important;
		}
		
		#homeRightSection {
			position: absolute;
			right: 50px;
			top: 117px;
			width: 214px;
			height: 314px;
			float: right;
			z-index: 999;
		}
		
		#homeRightSection img {
			border: solid 1px #b1b1b1;
		}
		
		#homeNeedsBanner {
			background: url(images/homeNeedsBanner.jpg) top left no-repeat;
			 width: 100%;
			 height: 134px;
			 overflow: hidden;
			 font-family: Verdana;
			 padding-top: 12px; 
			 height: 120px;
		}
		
		#homeNeedsBanner .needBox {
			float: left;
			width: 220px;
			height: 111px !important;
			padding: 5px 15px 0px 15px;
			background: url(images/homeNeedsBoxSeparator.png) top right no-repeat;
			cursor: pointer;
			z-index: 99999;
			text-decoration: none !important;
		}
		
		.active {
			filter: alpha(opacity=100) !important;
			filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100) !important;
			-moz-opacity: 1.0 !important; 
			opacity: 1.0 !important;
		}
		
		.inactive {
			filter: alpha(opacity=60) !important;
			filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60) !important;
			-moz-opacity: 0.6 !important; 
			opacity: 0.6 !important;
		}

		
		#homeNeedsBanner .title {
			font-size: 12px;
			font-weight: bold;
			color: #ffffff;
			display: block;
		}
		
		#homeNeedsBanner .desc {
			font-size: 12px;
			color: #ffffff;
		}
		
		
		/**  OFFICES
 		* _______________________________________________________________*/

		#locationsInfo {
			vertical-align: top;
			height: 200px;
		}
		
		a.map {
			color: #ff6600 !important;
			padding-left: 2px;
			text-decoration: underline !important;
		}
		
		.officeDescFirst a, .officeDesc a {
			text-decoration: none !important;
			color: #444343;
		}
		
		.officeDescFirst a:hover, .officeDesc a:hover {
			text-decoration: none !important;
			color: #444343 !important;
		}
		
		.officeDesc, .officeContact {
			padding-left: 30px;	
		}
		
		.officeDescFirst, .officeDesc {
			vertical-align: top;
			height: 90px;
		}
		
		.officeContactFirst, .officeContact {
			vertical-align: top;
		}
		
		tr.ms-WPHeader {
			position: absolute;
			right: 10px;
		}

		