/* homepage specific styles */

	#canvas #navigation {
		float:left;
		width:186px;
		}
	body.homepage #navigation ul {
		margin-top:26px; 
		padding-left:0px;
		}
	body.homepage #navigation ul li {
		background:#0c2074 url(../../images/icons/smallarrowwhite.png) no-repeat 7px 7px;		
		height:2.4em;
		font-size:x-small;		
		padding-left:20px;
		margin-bottom:3px;
		}
	body.homepage #navigation ul li a {
		color:#fff;
		background:#0c2074;		
		line-height:2.1em;
		text-decoration:none;
		font-weight:bold;
		font-size:110%;
		}
	body.homepage #navigation ul li a:hover {
		text-decoration:underline;
		}	
	
		
/* =========================================================================
 *	carrousel
 */
 
 	/* carrousel wrapper */
	
   	div#carrousel {
		margin-left:auto;
		margin-right:auto;
		text-align:left;
		width:1012px;
		height:193px;
		position:relative;
		z-index:100;
		background-color:#E8F5FD;		
		}
	
	/* styles for html and flash carrousel containers inside carrousel wrapper	*/
	
	div#carrousel div#carrouselcontent,
	div#carrousel div#carrouselcontent div.htmlcarrousel	{
		width:1012px;
		height:193px;		
	}
	
	div#carrousel div#carrouselcontent div.htmlcarrousel	{
		float:left;
	}
	
	/* bottomnavigation styles */
	
	#carrousel div.bottomnavigation {
		position:absolute;	
		bottom:0px;
		left:35px;
		height:42px;
		width:942px;
		background-color:#E8F5FD;
		z-index:101;
		font-weight:bold;
	}
	
	/* HTML variant styles */
	
	#carrousel #carrouselcontent div.htmlcarrousel div.carrouselitem {
		float:left;
		padding-left:276px;
		padding-top:20px;
	}
	#carrousel #carrouselcontent div.htmlcarrousel div.carrouselitem div {
		width:500px;			}
	#carrousel #carrouselcontent div.htmlcarrousel div.carrousellinks {
		float:left;	
		padding-top:20px;
		padding-left:20px;
	}
	#carrousel #carrouselcontent div.htmlcarrousel div.carrousellinks div {
		float:left;	
		width:200px;		
	}
	
	#carrousel #carrouselcontent div.htmlcarrousel div.carrouselitem h1 {
		font-size:30px;
		color:#0c2074;
		}	
	#carrousel #carrouselcontent div.htmlcarrousel div.carrouselitem p {
		width:370px;
		margin-top:10px;
		margin-bottom:0px;
		font-size:11px;
		}
	#carrousel #carrouselcontent div.htmlcarrousel div.carrouselitem a {
		font-size: 11px;
		color:#0c2047;
		font-weight:bold;
	}

	#carrousel #carrouselcontent div.htmlcarrousel div.carrousellinks ul {
		}
	#carrousel #carrouselcontent div.htmlcarrousel div.carrousellinks ul li {
		padding-left:14px;
		background:url(../../images/icons/carrouselarrowblue.png) no-repeat left 9px;
		margin-bottom:7px;
		}
	#carrousel #carrouselcontent div.htmlcarrousel div.carrousellinks ul li.selected {
		padding-left:14px;
		background:url(../../images/icons/carrouselarrowwhite.png) no-repeat left 9px;		
		}
	#carrousel #carrouselcontent div.htmlcarrousel div.carrousellinks ul li a {
		font-size:11px;
		font-weight:normal;
		color:#0c2074;
		text-decoration:none;
		font-weight:bold;
		}
	#carrousel #carrouselcontent div.htmlcarrousel div.carrousellinks ul li.selected a {
		color:white;
	}
			
	#carrousel #carrouselcontent div.htmlcarrousel div.carrousellinks ul li a:hover {
		text-decoration:underline;
		}
		
		
/* =========================================================================
 *	column definitions
 */
 	/* carrousel columns */
	#carrousel .col1_3 { width:196px;float:left; }
	#carrousel .col2_3 { width:560px;float:left; }
	#carrousel .col1_4 { width:189px;float:left; }	
	#carrousel .col2_4 { width:378px;float:left; }		
	#carrousel .coltree { width:186px;float:left; }

	#carrousel .col1_3 .innerwrapper,
	#carrousel .col2_3 .innerwrapper,
	#carrousel .col1_4 .innerwrapper,
	#carrousel .col2_4 .innerwrapper,	
	#carrousel .coltree .innerwrapper  {
		padding-top:18px;
		padding-left:15px;
		color:#0c2074;
		font-size:medium;	
		font-size:95%;			
		}	
	body.homepage #content .col1_3 .innerwrapper,
	body.homepage #content .col2_3 .innerwrapper,
	body.homepage #content .col1_4 .innerwrapper,
	body.homepage #content .col2_4 .innerwrapper,	
	body.homepage #content .coltree .innerwrapper {
		padding-top:21px;
		padding-left:15px;
		color:#0c2074;
		}
		
	div#carrouselcontent div#carrouseltitle
	{
	position:relative;
	width:450px;
	margin-top:20px;
	margin-left:140px;
	float:left;
	font-size:100%;
	font-weight:bold;
	color:#0C2074;
	}
	
	div#carrouselcontent div#carrouselmenu
	{margin-top:20px;
	margin-right:15px;
	float:right;
	font-size:75%;
	font-weight:bold;
	}

	div#carrouselcontent div#carrouselmenu #carrousellist
	{
	margin-bottom:5px;
	}
	
	div#carrouselcontent li.carrousellistItem
	{
	margin-bottom:12px;
	}
	
	div#carrouselcontent div#carrouselmenu a:hover
	{
	color:#ffffff;
	text-decoration:none;
	}