@charset "UTF-8";


/*Language Toggle*/

.frenchtoggle a
	{
		background-image:url(images/nav/french_toggle.gif);
		width:74px;
		height:22px;
		display:block;
		position:absolute;
		bottom:10px;
		right:120px;
	}
	
.englishtoggle a
	{
		background-image:url(images/nav/english_toggle.gif);
		width:74px;
		height:22px;
		display:block;
		position:absolute;
		bottom:10px;
		right:100px;
	}
	
.membertitle a
	{
		background-image:url(images/memberlogin_roll.gif);
		display:block;
		position:absolute;
		bottom:10px;
		right:0px;
		width:112px;
		height:22px;
	}
	
.membertitlefr a
	{
		background-image:url(images/lesmembres_roll.gif);
		display:block;
		position:absolute;
		bottom:10px;
		right:0px;
		width:112px;
		height:22px;
	}		
	
.frenchtoggle a:hover, .englishtoggle a:hover, .membertitle a:hover, .membertitlefr a:hover
	{
		background-position:0 22px;
	}


/*List Attributes*/	

	ul#nav
		{
			margin:0px;
			padding:0px;
		}

	

	#nav li ul, #nav li ul {
		margin: 0;
		padding: 0;
	}

	#nav a {
		text-decoration: none;
		
	}
	
	#nav li { /*float the main list items*/
		margin: 0;
		float: left;
		display: block;
		
		}

	#nav li ul {
		display: none;
	}

	#nav li.off ul, #nav li.on ul  { /*put the subnav below*/
		position: absolute;
		top: 56px;
		left: 0;
		padding-top: 20px;
		background: #b9cce8;
		height:28px;
		width:770px;
		padding-left:30px;
	}
	
	#nav li.off ul#newssub
	{
		position: absolute;
		top: 56px;
		left: 0;
		padding-top: 20px;
		background: #b9cce8;
		height:28px;
		width:637px;
		padding-left:163px;
	}
	
	#nav li.on ul#newssub
	{
		position: absolute;
		top: 56px;
		left: 0;
		padding-top: 20px;
		height:28px;
		width:637px;
		padding-left:163px;
	}
	
	#nav li.off ul#researchsub
	{
		position: absolute;
		top: 56px;
		left: 0;
		padding-top: 20px;
		background: #b9cce8;
		height:28px;
		width:582px;
		padding-left:218px;
	}
	
	#nav li.on ul#researchsub
	{
		position: absolute;
		top: 56px;
		left: 0;
		padding-top: 20px;
		height:28px;
		width:582px;
		padding-left:218px;
	}
	
	#nav li.on ul#toolssub
	{
		position:absolute;
		top:56px;
		left:234px;
		height:28px;
		width:78px;
		
	}
	
	#nav li.off ul#toolssub
	{
		position:absolute;
		top:56px;
		left:234px;
		height:28px;
		width:78px;
		
		
	}
	
	#nav li.on ul#fundingsub
	{
		position:absolute;
		top:56px;
		left:478px;
		height:28px;
		width:99px;
		
	}
	
	#nav li.off ul#fundingsub
	{
		position:absolute;
		top:56px;
		left:478px;
		height:28px;
		width:99px;
		background:#b9cce8;
	
	}
	
	#nav li.on ul#commercsub
	{
		position:absolute;
		top:56px;
		padding-top: 20px;
		left:0px;
		height:28px;
		width:289px;
		padding-left:510px;
		
	}
	
	#nav li.off ul#commercsub
	{
		position:absolute;
		top:56px;
		padding-top: 20px;
		left:0px;
		height:28px;
		width:289px;
		padding-left:510px;
		background:#b9cce8;
	
	}
	
	

#nav li.on ul {
		background: #212e6e;
	}

	#nav li.on:hover ul, #nav li.over ul { /*for ie*/
		background: #b9cce8;
	}

	#nav li a {
		color: #224d6f;
		font-weight: bold;
		display: block;
		
		padding: 0;
	}

	#nav li.on a {
		color: #f90;
	}

	#nav li.on ul a, #nav li.off ul a {
		border: 0;
		float: left; /*ie doesn't inherit the float*/
		color: #f90;
		width: auto;
		margin-right: 15px;
	}

	#nav li.on:hover ul a, #nav li.over ul li a { /*for ie - the specificity is necessary*/
		background: #b9cce8;
	}

	#nav li.on ul {
		display: block;
	}

	#nav li.off:hover ul, #nav li.over ul {
		display: block;
		z-index: 6000;
	}

	#nav li.off a:hover, #nav li.on a:hover { 
		color: #ffffff;
	}

	

	#liabout a, #linews a, #litools a, #liresearch a, #lifunding a, #licommerc a {
		display: block;
		position: relative;
		height:56px;
		background:url(images/nav/mainnav_map.gif) no-repeat; /*contains all hover states*/
		
	}
	
/*FRENCH*/
	
	#liaboutfr a, #linewsfr a, #litoolsfr a, #liresearchfr a, #lifundingfr a, #licommercfr a {
		display: block;
		position: relative;
		height:56px;
		background:url(images/nav/mainnav_map_fr.gif) no-repeat; /*contains all hover states*/
		
	}
	

/*first, put the initial states in place*/



#liabout a, #liaboutfr a {
	background-position: 0px 0px;
	width:128px;
	
}

#linews a, #linewsfr a {
	background-position: -128px 0;
	width:106px;
	
}

#litools a, #litoolsfr a {
	background-position: -232px 0;
	width:108px;
}

#liresearch a, #liresearchfr a {
	background-position: -339px 0;
	width:136px;
}

#lifunding a, #lifundingfr a {
	background-position: -473px 0;
	width:129px;
}

#licommerc a, #licommercfr a {
	background-position: -600px 0;
	width:192px;
}

/*active area - for this demo - the code could be based on a body class, and probably work better.*/

 #liabout.on a, #liaboutfr.on a {
 	background-position: -0px -56px;
	
 } 
 
 #linews.on a,  #linewsfr.on a {
 	background-position: -128px -56px;
	}
	
 #litools.on a,  #litoolsfr.on a {
 	background-position: -232px -56px;
	}
	
 #liresearch.on a,  #liresearchfr.on a {
 	background-position: -339px -56px;
	}
	
 #lifunding.on a,  #lifundingfr.on a {
 	background-position: -473px -56px;
	}
	
 #licommerc.on a,  #licommercfr.on a {
 	background-position: -600px -56px;
	}
	
	/*add selectors for the other li's and background-positions*/

/*hover states*/

#liabout a:hover, #liabout:hover a, #liabout.over a, #liaboutfr a:hover, #liaboutfr:hover a, #liaboutfr.over a {
	background-position: 0 -112px;
}

#linews a:hover, #linews:hover a, #linews.over a, #linewsfr a:hover, #linewsfr:hover a, #linewsfr.over a {
	background-position: -128px -112px;
}

#litools a:hover, #litools:hover a, #litools.over a, #litoolsfr a:hover, #litoolsfr:hover a, #litoolsfr.over a {
	background-position: -232px -112px;
}

#liresearch a:hover, #liresearch:hover a, #liresearch.over a, #liresearchfr a:hover, #liresearchfr:hover a, #liresearchfr.over a {
	background-position: -339px -112px;
}

#lifunding a:hover, #lifunding:hover a, #lifunding.over a, #lifundingfr a:hover, #lifundingfr:hover a, #lifundingfr.over a {
	background-position: -473px -112px;
}

#licommerc a:hover, #licommerc:hover a, #licommerc.over a, #licommercfr a:hover, #licommercfr:hover a, #licommercfr.over a {
	background-position: -600px -112px;
}

/*subnav formatting*/

#nav li.off ul a, #nav li.on ul a {
	display: block;
	background: #b9cce8;
	color: #6686bd;
	font-family: arial, verdana, sans-serif;
	font-size:11px;
	height:28px;
	font-weight:lighter;
}		

#nav li.on ul a {
	background: #212e6e;
}


	
/*About Us Nav*/	
	
	
.top
	{
		font-size:10px;
		font-family:Arial, Helvetica, sans-serif;
		color:#7a9ad3;
		margin-top:0px;
		padding-top:0px;
		position:absolute;
		bottom:10px;
		right:38px;
	}


/*Footer Nav*/

.french a
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:9px;
		color:#b9cce8;
		text-decoration:none;
		position:absolute;
		top:40px;
		left:120px;
	}

.privacy a
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:9px;
		color:#b9cce8;
		text-decoration:none;
		position:absolute;
		top:40px;
		left:181px;
	}
	
.privacyfr a
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:9px;
		color:#b9cce8;
		text-decoration:none;
		position:absolute;
		top:40px;
		left:181px;
	}
	
.legal a
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:9px;
		color:#b9cce8;
		text-decoration:none;
		position:absolute;
		top:40px;
		left:275px;
	}
	
.legalfr a
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:9px;
		color:#b9cce8;
		text-decoration:none;
		position:absolute;
		top:40px;
		left:255px;
	}
	

	
.privacy a:hover, .legal a:hover, .french a:hover, .privacyfr a:hover, .legalfr a:hover
	{
		color:#FFFFFF;
	}
	
.back
	{
	
	width:100px;
	
	height:50px;
	position:absolute;
	top:62px;
	left:228px;
	}
	
.back a
	{
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:20px;
		padding-left:21px;
		padding-bottom:20px;
		padding-top:69px;
		padding-right:21px;
		color:#ffffff;
		position:absolute;
		bottom:-1px;
		right:1px;
		
		background-color:#b9cce8;
		text-decoration:none;
	}
	
.back a:hover
	{
		
		background-color:#004ea2;
		color:#FFFFFF;
		
	}