/*--------------------------------------*/
	/*     yec page.css
	/*     tues 31 may 2005
	/*--------------------------------------*/	

	

	/*-------------------------------------*/
	/* body templates
	/*-------------------------------------*/
	
	body {
		font: normal 12px/1.4em Verdana, Arial, Helvetica, Sans-serif;
		color: #333;
		text-align: center;
		margin: 0;
		padding: 0;
		background: #fff;
		}
		
	body#homepage {
		color: #333;
		text-align: center;
		margin: 0;
		padding: 0;
		background: #fff url("/layout/common/background-gradient-home.png") repeat-y 50% 50%;
		background: #fff;
		}
	
	
	/*-------------------------------------*/
	/* general text
	/*-------------------------------------*/
		
	h1 {
		color: #333;
		font-weight: normal;
		font-size: 1.2em;	
	}
		
	h2 {
		color: #333;
		font-weight: normal;
		font-size: 1.1em;	
	}
		
	h3 {
		color: #333;
		font-weight: normal;
		font-size: 1em;	
	}
			
	h4 {
		color: #1751a8;
		font-weight: bold;
		padding-bottom: 5px;
		border-bottom: 1px solid #1751a8;
		margin: 0;
		font-size: 1em;
	}
	
	h5 {
		color: #333;
		font-weight: normal;
		font-style: italic;
		margin-bottom: 5px;
		font-size: 0.9em;	
	}
		
	p {
		color: #333;
		font-weight: normal;
		line-height: 16px;
	}		
		
	a{
		outline: none;
	}
	
	a:link, a:visited {
		color: #db9700;
		text-decoration: underline;
		font-weight: normal;
	}
		
	a:hover, a:active {
		color: #686030;
		text-decoration: underline;
		font-weight: normal;
	}
		
		
	em {
		color: #1751a8;	
	}
		
		
	/*-------------------------------------*/
	/* general page elements
	/*-------------------------------------*/
	
	a.pdf,
	li.pdf {
		background: transparent url(/layout/common/pdflogo.gif) no-repeat 0 0;
		padding-left: 25px !important;
		padding-bottom: 5px !important;
	}
	span.size {
		padding: 0 3px;
		color: #858585;
		font-size: .9em;
	}
	
	#textbody p {
		margin-top: 7px;
	}
	
	#textbody h1 {
		font-size: 12px;
		color: #333;
		font-weight: bold;
		margin: 15px 0 10px;
	}
		
	#textbody h1.heading {
		font-size: 18px;
		color: #0076AB;
		font-weight: bold;
		margin: 0 0 40px 0;
		line-height: 20px;
	}
		
	#textbody h2 {
		font-size: 12px;
		color: #333;
		font-weight: bold;
		font-style: italic;
	}
			
	#textbody dt {
		font-weight: normal;
		margin-bottom: 15px;
	}
		
	#textbody dd {
		margin: 0 0 15px 15px;
		padding-left: 0px;
		font-weight: normal;
	}
		
	
	h3 a:link, h3 a:visited {
		display: block;
		text-decoration: none;
		font-weight: bold;
		color: #979170;
	}
		
	h3 a:hover, h3 a:active {
		color: #686030;
	}		

	
	div.inset p {
		color: #1751a8;
	}
		
	.nobulletheading {
		font-style: italic;
		color: #333;
	}
		
	
	/*-------------------------------------*/
	/* homepage elements
	/*-------------------------------------*/
		
	#texthome p {
		color: #fff;
		}
		
	#newshome h1 {
		font: normal 14px/16px;
		color: #686030;
		padding: 2px 5px 3px 5px;
		}
		
	#newshome h2#top {
		font-size: 11px;
		color: #fff;
		margin-top: 9px;
		_margin-top: 10px;
		margin-left: 10px;
		padding: 5px;
		background-color: #db9700;
		width: 100px;
		text-align: center;
		}
		
	#newshome h2 {
		font-size: 11px;
		color: #fff;
		margin-top: 20px;
		margin-left: 10px;
		padding: 2px 5px 3px 5px;
		background-color: #db9700;
		width: 170px;
		text-align: center;
		}
		
	#newshome h3 {
		font-size: 11px;
		font-weight: normal;
		color: #333;
		margin-bottom: -7px;
		padding-left: 25px;
		width: 440px;
		}
		
	#newshome p {
		margin-top: 7px;
		width: 440px;
		color: #686030;
		padding-left: 25px;
		}
		
	



	table.list {
		width: 500px;
		border: 0;
		}
	
	table.list td {
		padding: 0 15px 6px 0;
		margin: 0;
		vertical-align: top;
		}

		table.list td p:first-child {
			margin-top: 0 !important;
			}
	
	table.list_item {
		width: 400px;
		border: 0;
		}
	table.list_item td {
		padding: 0 15px 6px 0;
		margin: 0;
		vertical-align: top;
		}

		table.list_item td p:first-child {
			margin-top: 0 !important;
			}
	
	
	
	
	#wrap {
		width: 990px;
		position: relative;
		margin: 0 auto 50px;
		padding: 0 0 0 10px;
		text-align: left;
		background: transparent url("/layout/common/background-gradient.png") repeat-y 0 0;
		}
	#content-wrap,
	#footer-wrap {
		width: 768px;
		background: #fff;
		margin: 0;
		padding: 0;
		border-left: 1px solid #d6d6d6;
		border-right: 1px solid #d6d6d6;
	}
		#footer-wrap { padding-top: 75px; }
		#homepage #footer-wrap { background: #fff; padding-top: 0; }
		

		
		
		
	#shadow-bottom {
		background: transparent url("/layout/common/background-gradient-footer.png") no-repeat 0 0;
		height: 15px;
		margin: -4px 0 0 -10px;
	}
	
	
	div.clearbox { clear: both; }
	
	#logo {
		position: absolute;
		left: 30px;
		top:  0;
		text-align: center;
		padding: 0;
		margin: 0;
		z-index: 910;
	}

		
	#footer {
		text-align: left;
		margin: 0;
		padding: 11px 0;
		width: 768px;
		background: #f2f2ed;
		border-bottom: 1px solid #d6d6d6;
		clear: both;
		}
			
	#footer p {
		color: #686030;
		font-size: 10px;
		}
		
		
	#footer ul, #footer p {
		padding: 0 0 5px 25px;
		margin: 0;
		}
		
	#footer li {
		margin: 0;
		padding: 0;
		list-style: none;
		display: inline;
		}
		
	img {
		display: block;
		margin: 0;
		border: 0;
		}
		
	.imgright {
		float: right;
		margin-left: 15px;
		margin-top: 4px;
		margin-bottom: 4px;
		}
		
	.imgleft {
		float: left;
		margin-right: 15px;
		margin-top: 4px;
		margin-bottom: 4px;
		}
		
	


	/*-------------------------------------*/
	/* headers
	/*-------------------------------------*/

	
	#head_home,
	#head_about-us,
	#head_energy-in-yukon,
	#head_customer-centre,
	#head_in-your-community,
	#head_health-safety,
	#head_news,
	#head_information,
	#head_search {
		width: 768px;
		height: 150px;
		z-index: 100;
		background-position: 0 0;
		background-repeat: no-repeat;
		background-color: #fff;
		}

	#head_home			{ background-image: url("/layout/headers/homepage.jpg");
						  background-position: 0 32px;
						  height: 182px;
						}
	#head_about-us, #head_search	{ background-image: url("/layout/headers/about_us.jpg"); }
	#head_energy-in-yukon			{ background-image: url("/layout/headers/energy.jpg"); }
	#head_customer-centre			{ background-image: url("/layout/headers/customer_centre.jpg"); }
	#head_in-your-community			{ background-image: url("/layout/headers/community.jpg"); }
	#head_health-safety				{ background-image: url("/layout/headers/health_safety.jpg"); }
	#head_news						{ background-image: url("/layout/headers/news.jpg"); }
	#head_information				{ background-image: url("/layout/headers/info.jpg"); height: 101px; background-position: 0 100%; margin-bottom: 20px; }
	
	#head_search { height: 182px;  background-position: 0 32px;}
	
	body.fr #head_about-us,
	body.fr #head_energy-in-yukon,
	body.fr #head_customer-centre,
	body.fr #head_in-your-community,
	body.fr #head_health-safety,
	body.fr #head_news,
	body.fr #head_information { height: 180px; background-position: 0 100%; }





	/*-------------------------------------*/
	/* main navigation
	/*-------------------------------------*/
	
	#nav {
		position: relative;
		padding: 0 0 0 100px;
		margin: 0;
		background: transparent url("/layout/common/background-nav-white.png") repeat-y 0 0;
		z-index: 900;
	}
	
	#nav1 {
		margin: 0;
		padding: 0 10px 0 10px;
		background-image: url("/layout/common/nav-bar1.png");
	}
		#nav.home #nav1,
		#nav.info #nav1,
		body.fr #nav #nav1 {
			background-position: 0 100%;
			padding-bottom: 10px;
		}
		
	#nav2 {
		margin: 0;
		padding: 0 0 10px 10px;
		background: transparent url("/layout/common/nav-bar2.png") no-repeat bottom left;
		}
	
	/* ie needs a real kick in the teeth to avoid funny layouts (layered background shadow).. a following element with "layout" (some height or width) will do it */
	div.ie_kick_in_the_head,
	div.ie_kick_in_the_head2 {
		display: none;
		*display: block;
		height: 1px;
		}
	div.ie_kick_in_the_head { position: absolute; }
	
		
		#nav1 div {
			background: #DA9700;
			background: none;
			}
		#nav1 div.clearbox { background: none; }
		#nav1 ul, #nav2 ul {
			margin: 0;
			padding: 0;
			}
	
		#nav2 ul { margin: 0 0 0 5px; }	
			
			#nav1 li, #nav2 li {
				margin: 0;
				padding: 0;
				list-style: none;
				float: left;
				}
			
			#nav2 li {
				padding: 8px 9px;
				}
			
			#nav1 li.clear, #nav2 li.clear {
				float: none;
				clear: left;
				}
		
			/*-------------------------------------*/
			/* main navigation
			/*-------------------------------------*/
			
			#nav1 a:link, #nav1 a:visited,
			div.pane ul.top a {
				display: block;
				margin: 0;
				padding: 8px 11px 9px;
				font-size: 1.1em;
				line-height: 1em;
				font-weight: normal;
				color: #fff;
				border-left: 1px solid #fff;
				border-right: 1px solid #DA9700;
				text-decoration: none;
				*height: 100%;
				_height: auto;
				}
		
			#nav1 #nav-primary li.first a:link, #nav1 #nav-primary li.first a:visited {
				border-left: 1px solid #DA9700;
				border-left: none;
				}
			
			#nav1 #nav-primary li.first a:hover, #nav1 #nav-primary li.first a:active,
			#nav1 a:hover, #nav1 a:active,
			#nav1 a.hover,
			div.pane ul.top a {
				color: #686030;
				background: #fff;
				border-color: #fff;
				}
			div.pane ul.top a {
				border-color: #d6d6d6;				
				border-bottom: 1px solid #fff;
				}


			#nav1 #nav-primary li.selected.first a,
			#nav1 #nav-primary li.parent-selected.first a {
				border-color: #fff;
				border-color: #fff;
				}
			#nav1 li.selected a:link, #nav1 li.selected a:visited,
			#nav1 li.parent-selected a:link, #nav1 li.parent-selected a:visited {
				color: #db9700;
				background: #fff;
				border-left: 1px solid #DA9700;
				border-right: 1px solid #fff;
				}
			#nav1 li.selected a:hover, #nav1 li.selected a:active {
				color: #686030;
				}			
			
				
			#nav2 a:link, #nav2 a:visited {
				font-size: 1em;
				font-weight: normal;
				line-height: 1em;
				text-decoration: none;
			}
			
			#nav2 li.selected a,
			#nav2 li.parent-selected a {
				color: #0076AB;
				font-weight: bold;
			}		
			
			
			#lang {
				float: right;
				margin: 0 1px 0 0;
			}
				#nav1 #lang a:link,
				#nav1 #lang a:visited {				
					font-size: 9px;
					background: transparent url("/layout/common/language.png") no-repeat 10px 5px;
					text-indent: -9999px;
					border: 0;
					padding: 7px 12px 8px;
					width: 50px;
				}
				#nav1 #lang a:hover,
				#nav1 #lang a:active {					
					color: #686030;
					background-color: #fff;
				}
				div.pane.lang ul.top a {
					padding: 7px 12px 8px;
					text-indent: -9999px;
					width: 50px;
					background-image: url("/layout/common/language.png");
					background-repeat: no-repeat;
					background-position: 9px 5px;
				}
		
		
	div.pane {
		position: absolute;
		width: 196px;
		z-index: 1000;
		}
		div.pane.lang { width: 90px; }
	div.pane ul.menu {
		margin: 0;
		padding: 6px 8px 0;
		background: url("/layout/common/nav_pane_shadow.png") repeat-y;
		}
		div.pane.lang ul.menu { background-image: url("/layout/common/nav_pane_shadow_lang.png"); }
	div.pane ul.top {
		margin: 0;
		padding: 0 0 0 8px;
		min-width: 188px;
		position: absolute;
		background: url("/layout/common/nav_pane_top_shadow.png") no-repeat 0 100%;
		_background: none;
		}
		div.pane.lang ul.top {
			min-width: 74px;
			background-image: url("/layout/common/nav_pane_top_shadow_lang.png");
		}
		div.pane ul.top li {
			list-style: none;
			margin: 0;
			padding: 0;
			}

	div.pane div.bottom {
		height: 18px;
		background: url("/layout/common/nav_pane_bot_shadow.png") no-repeat;
		}
		div.pane.lang div.bottom { background-image: url("/layout/common/nav_pane_bot_shadow_lang.png"); }
	div.pane ul.menu li {
		margin: 0 6px;
		padding: 0;
		list-style: none;
		border-top: 1px solid #eee;
		}
	div.pane ul.menu li:first-child {
		border-top: none;
		}
	div.pane ul.menu a {
		display: block;
		padding: 5px 6px;
		font-size: 1em;
		line-height: 1.1em;
		text-decoration: none;
		}



	#breadcrumb {
		margin: 12px 0 20px 8px;
		color: #7bc3d6;
		font-size: .95em;
	}
		#breadcrumb a:link,
		#breadcrumb a:visited,
		#breadcrumb span.last {
			color: #7bc3d6;
			text-decoration: none;
			padding: 0 4px;
		}
		#breadcrumb a:hover,
		#breadcrumb a:active {
			color: #686030;
		}

	
	#subnav {
	 	float: left;
		margin: 1px 22px 0 0;
		padding: 0 10px 0 12px;
		width: 190px;
		z-index: 10;
		}
			
		#subnav ul {
			margin: 0;
			padding: 0;
			_clear: right;
			}
		#subnav li {
			padding: 0;
			margin: 0 0 10px;
			list-style: none;
			line-height: 13px;
			}
		
		#subnav a { text-decoration: none; }
			
		#subnav li.selected a,
		#subnav li.parent-selected a {
			font-weight: bold;
			color: #0076AB;
			text-decoration: none;
		}
		
			
		
		#subnav li ul {
			margin: 10px 0 20px 15px;
		}
		
			#subnav li li a:link,
			#subnav li li a:visited {
				color: #DB9700;
				font-weight: normal;
			}
			#subnav li li a:hover,
			#subnav li li a:active {
				color: #686030;
			}
			#subnav li li.selected a {
				color: #0076AB;
			}
	
	




	/*-------------------------------------*/
	/* your needs power what we do
	/*-------------------------------------*/
	
	#ynpwwd {
		position: absolute;
		top: 2.25em;
		left: 135px;
		color: #7BC3D6;
		font-size: 2em;
		z-index: 800;
		text-indent: -9999px;
		width: 360px;
		height: 26px;
		background: transparent url("/layout/common/ynpwwd.png") no-repeat 0 0;
	}
	#ynpwwd.light {
		opacity: .3;
	}
	
	
	
	
	

	/*-------------------------------------*/
	/* Sidebar
	/*-------------------------------------*/
	
	#sidebar {
		float: right;
		width: 220px;
		_width: 217px;
		margin: -10px 0 0;
		padding: 0 0 19px;
		background: transparent url("/layout/common/sidebar-bottom-shadow.png") no-repeat 0 100%;
	}
		#sidebar ul {
			margin: 0;
			padding: 0 11px 0 0;
			background: #f2f2ed url("/layout/common/sidebar-back-shadow.png") repeat-y 0 0;
		}
		
		#sidebar li {
			list-style: none;
			padding: 0;
			margin: 0;
		}

			#sidebar li p {
				font-size: 0.95em;
			}

		
			#sidebar a:link,
			#sidebar a:visited {
				text-decoration: none;
			}
		
		
			#sidebar li.search {
				padding: 20px 10px 10px 10px;
				background: transparent url("/layout/common/sidebar-top-shadow.gif") repeat-x 0 0;
				border-bottom: 1px solid #d6d6d6;
			}
		

			#sidebar li.social {
				margin-bottom: 10px;
				border-bottom: 1px solid #d6d6d6;
			}
				#sidebar li.social a:link,
				#sidebar li.social a:visited {
					text-indent: -9999px;
					display: block;
					float: left;
					width: 20px;
					height: 35px;
					padding: 10px 8px;
					background-position: 50% 50%;
					background-repeat: no-repeat;
					background-color: transparent;
				}
					#sidebar li.social a.blog { background-image: url("/layout/sidebar/blog.png"); width: 61px; padding-left: 15px; }
					#sidebar li.social a.rss { background-image: url("/layout/sidebar/rss.png"); }
					#sidebar li.social a.facebook { background-image: url("/layout/sidebar/facebook.png"); }
					#sidebar li.social a.twitter { background-image: url("/layout/sidebar/twitter.png"); }

				#sidebar li.social a:hover,
				#sidebar li.social a:active {
					background-color: #fbfbf6;
				}
		
		
		
		
			#sidebar li.icon h3 {
				font-size: 1.1em;
				line-height: 1.1em;
				margin: 0;
				background-color: transparent;
				background-repeat: no-repeat;
				background-position: 10px 10px;
				background-size: 40px 40px;
			}
				#sidebar li.icon h3 a:link,
				#sidebar li.icon h3 a:visited {
					font-weight: normal;
					color: #333;
					padding: 15px 10px 10px 60px;
					display: block;
					min-height: 35px;
				}
				#sidebar li.icon:hover h3 {
					background-color: rgba(0,0,0,0.05);
				}


				#sidebar li.icon.sidebar-consumption h3	{ background-image: url("/layout/sidebar/icon-consumption.png"); }
		
				#sidebar li.icon.power-outage h3		{ background-image: url("/layout/sidebar/icon-power-outage.png"); }
		
				#sidebar li.icon.southern-lakes h3		{ background-image: url("/layout/sidebar/icon-southern-lakes.png"); }
		
				#sidebar li.icon.resource-plan h3		{ background-image: url("/layout/sidebar/icon-resource-plan.png"); }
		
				#sidebar li.icon.solar h3				{ background-image: url("/layout/sidebar/icon-solar.png"); }
		
				/*
				#sidebar li.icon.fish-cam h3			{ background-image: url("/layout/sidebar/"); }
		
				#sidebar li.icon.swan-cam h3			{ background-image: url("/layout/sidebar/"); }
		
				#sidebar li.icon.lng-tour h3			{ background-image: url("/layout/sidebar/"); }
				*/


				#sidebar li.icon.sidebar-consumption p		{ margin-left: 25px; margin-right: 10px; }
				#sidebar li.icon.sidebar-consumption iframe	{ margin-left: 25px; }



	/*-------------------------------------*/
	/* content stuff
	/*-------------------------------------*/
	
	#texthome {
		margin: 0 0 0 202px;
		width: 475px;
		}
	
	#newshome {
		/*margin: 25px 0 0 190px;
		width: 484px;*/
		margin: 25px 0 0 0;
		width: 768px;
		/*background: url("/layout/common/bg_newsbox.gif") no-repeat;*/
		background: #f2f2ed;
		padding-top: 1px;
		}
	
	
		
	#textbody {
		width: 510px;
		float:left;
		}
	
	.lwralpha {
		list-style-type: lower-alpha;
		}
		
	.lwralpha li {
		margin: 0;
		padding: 0;
		}
		
	.nobullet {
		margin-left: 0;
		padding-left: 0;
		list-style: none;
		}
		
	.nobullet li {
		margin: 0;
		padding: 0 0 6px;
		}
		
	#contact {
		list-style: none;
		}

	
	
		
	/*-------------------------------------*/
	/* new homepage design - May 31, 2005
	/*-------------------------------------*/
		
		#home_content {
			width: 768px;
			background: #FFF url('/layout/homepage/bg_content.gif') repeat-y 0 0;
			}
			
			
		#bgtop {
			width: 767px;
			height: 32px;
			background: #f2f2ed url('/layout/homepage/bg_top.gif') no-repeat 0 0;
			}
			
		#bgbottom {
			clear: both;
			width: 768px;
			height: 32px;
			background: #fff url('/layout/homepage/bg_bottom.gif') no-repeat 0 0;
			margin: 0;
			padding: 0 0 20px;
			}
		
		
		#home_text {
			margin: 0 24px 0 25px;
			padding: 30px 30px 10px 5px;
			background: #fff;
			color: #333;
		}
		
		.fr #home_text {
			padding-top: 15px;
			border-top: 1px solid #D6D6D6;
		}
			
		#home_content #home_text p {
			font-size: 14px;
			line-height: 18px;
			font-weight: normal;
			color: #333;
			}


			
				/*-------homepage left and right columns-------*/
			
				#home_left,
				#home_right {
					width: 359px;
					margin: 0 0 0 25px;
					_margin-left: 12px;
					font-size: 12px;
					line-height: 16px;
					font-weight: normal;
					float: left;
					}
					#home_right {
						margin: 0 0 0 1px;
						}
					
				#lang_left,
				#lang_right {
					width: 200px;
					margin: 35px 0 100px 120px;
					_margin-left: 60px;
					float: left;
					}
					#lang_right { margin-left: 15px; }
				
				
				#home_content h2 {
					font-weight: normal;
					color: #FFF;
					padding: 6px 10px;
					margin: 0;
					background: #0076AB;
					}
					#home_right h2,
					#lang_right h2 { background: #DB9700; }
					
					#home_content h2 a{
						color: #fff;
						text-decoration: none;
					}
					#home_content h2 a:hover{
						text-decoration: underline;
					}
					
					#lang_left h2,
					#lang_right h2 {
						text-align: center;
						padding: 0;
						}

						#lang_left h2 a:link, #lang_left h2 a:visited,
						#lang_right h2 a:link, #lang_right h2 a:visited {
							display: block;
							padding: 6px;
							text-decoration: none;
							color: #fff;
							}
						#lang_left h2 a:hover, #lang_left h2 a:active   { background: #203757; }
						#lang_right h2 a:hover, #lang_right h2 a:active { background: #B37B00; }
					
				#home_content h3 {
					font-weight: normal;
					color: #686030;
					padding: 4px 10px;
					margin: 0;
					background: #f2f2ed;
					border-top: 1px solid #d6d6d6;
				}
					
				#home_content h4 {
					font-weight: bold;
					color: #686030;
					padding: 10px 10px 0 15px;
					background: #FFF;
					border-top: 1px solid #d6d6d6;
					border-bottom: none;
				}
					
				#home_content h5 {
					font-size: 12px;
					line-height: 16px;
					font-weight: italic;
					color: #686030;
					margin: 10px 0 -10px 16px;
				}

				#home_content h6 {
					font-size: 10px;
					line-height: 16px;
					font-weight: normal;
					color: #d6d6d6;
					margin: 14px 16px;
				}
				
				
				#home_content p {
					font-size: 12px;
					line-height: 16px;
					font-weight: normal;
					color: #686030;
					margin: 10px 22px 10px 15px;
					padding: 0;
				}			
						
				#home_content p.border-top{
					border-top: 1px solid #d6d6d6;
					margin: 20px 0;
					padding: 15px;
				}
				
				
				#home_content ul {
					margin: 15px 0;
					padding: 0 15px;
				}
					
				#home_content li {
					color: #686030;
					margin: 8px 0 0 0;
					padding: 0;
					list-style: none;
				}


			.outage_home p,
			.outage_home h4,
			.outage_home h5,
			.outage_home .inset{
				display:none;
			}
			.outage_home .power_outage{
				display:block;
			}
			#home_right .outage_home h2{
				background: none;
				color: #686030;
				font-weight: bold;
				font-size: 100%;
				margin-bottom: 1em;
			}
				
						/*-------special list styles-------*/
					
						.listline {
							margin: 0  0 15px 0;
							padding: 0 15px;
							}
							
						.listline li {
							display: inline;
							}
							
						#contact {
							margin: 20px 0;
							padding: 0 15px;
							}
							
						#contact li {
							margin: 0;
							padding: 0;
							list-style: none;
							}
							
						#contact .leader {
							font-size: 12px;
							font-weight: bold;
							color: #0076AB;
							padding: 15px 0 0 0;
							}


	
				
	
	
	
		
	/*-------------------------------------*/
	/* inset boxes in general pages
	/*-------------------------------------*/
		
	div.right {
		float: right;
		margin: 0 0 15px 15px;
	}
		
	div.left {
		float: left;
		margin: 0 15px 15px 0;
	}
		
	div.inset {
		background: #fff;
		border: 1px solid #1751a8;
		padding: 10px;
		width: 230px;
	}
		div.inset ul {
			padding: 0;
			margin: 10px 0 0 0;
		}
		div.inset img {
			border: none;
			background: #fff;
		}
		div.inset img a:hover {
			border: 1px solid #1751a8;
		}
	
	
	a.dynamic-related-link{
		height: 22px;
		padding: 3px 10px 0 10px;
		background: transparent url(/layout/common/bg-related-blue.png) repeat-x 0 0;
		color: #fff;
		border: none;
		text-decoration: none;
		float: right;
		font-weight: bold;
		margin: 0 0 0 10px;
	}
	
	
	#dynamic-related h4{
		height: 22px;
		padding: 3px 10px 0 10px;
		background: transparent url(/layout/common/bg-related-blue.png) repeat-x 0 0;
		color: #fff;
		border: none;
		margin-top: 15px;
	}
		
	#dynamic-content{
		border: 1px solid #0076AB;
		margin: 45px 0 0 -8px;
		width: 476px;
		padding: 10px 20px		
	}
		#dynamic-content h5{
			color: #858585;
		}
	
	
	/*-------------------------------------*/
	/* annual reports
	/*-------------------------------------*/
	
	ul.reports {
		margin: 0 0 4px 0;
		padding: 0;
		line-height: 12px;
		}
		
	ul.reports li {
		list-style: none;
		margin: 0;
		padding: 8px 0;
		}
				
	ul.reports p {
		margin: 0;
		padding: 0;
		}






	/*-------------------------------------*/
	/* cam page
	/*-------------------------------------*/

	#cam_container {
		position: relative;
		width: 400px;
		height: 300px;
		overflow: hidden;
		}
		
	#cam_container_old {
		position: relative;
		width: 318px;
		height: 238px;
		overflow: hidden;
		border: 3px #1751A8 solid;
		}

	
	#cam {
		position: absolute;
		width: 640px;
		height: 480px;
		overflow: visible;
		}
	
	#cam_nav {
		float: right;
		width: 150px;
		}
	
	input.button_cam {
		background: #fff;
		border: 1px #DFA72B solid;
		margin: 5px;
		color: #DFA72B;
		font-weight: bold;
		font-size: 10px;
		padding: 3px;
		}
		
		#load_button { position:absolute; width: 318px; top: 100px; text-align: center; }
			#load_button input.button_cam { margin: 0; }
			
			
			
	
	/*-------------------------------------*/
	/* Project Page
	/*-------------------------------------*/
	
	
	.slideshow {
		clear: both;
		width:551px;
		margin: 30px 0 30px -23px;
	}
		
	.slideshow_home {
		margin: 0;
	}
	

	.slideshow .top{
		background: transparent url(/layout/projects/slideshow-top.png) no-repeat 0 0;
		height:35px;
		width:551px;
	}
	.slideshow .bottom{
		background: transparent url(/layout/projects/slideshow-bottom.png) no-repeat 0 0;
		height:35px;
		width:551px;
	}
	
	.slideshow .content{
		list-style-type: none;
		margin:0;
		padding: 0;
		background: transparent url(/layout/projects/slideshow-content.png) repeat-y -4px 0;
		width:551px;
		font-weight: bold;
	}
	
	.slideshow_home .content{
		background: none;
		border-right: 1px solid #ededed;
		width:515px;
	}
	
		.slideshow .content .video_project{
			float:left;
			width:260px;
			margin: 0;
		}
		
			.slideshow .content .video_project a.thumbvideo{
				background: transparent url(/layout/projects/play.png) no-repeat 50% 50%;
				display:block;
				height: 190px;
				width: 260px;
				position: absolute;
				text-indent: -9999px;
				z-index: 1000;
			}			
	
			.slideshow .content .video_project .fb-slide{
				margin: 5px;
			}
			
		
		.slideshow .content .video_txt{
			float:left;
			width:215px;
			margin-left: 15px;
		}
			#home_content .slideshow .content .video_txt ul,
			.slideshow .content .video_txt ul{
				margin: 15px 0;
				padding: 0 10px 0 0;
				color: #a1a1a1;
				list-style-type: none;
			}
				#home_content .slideshow .content .video_txt ul li,
				.slideshow .content .video_txt ul li{
					background: transparent url(/layout/projects/check.png) no-repeat 5px 4px;
					padding-left: 25px;
					margin: 5px 0;
				}
				#home_content .slideshow .content .video_txt ul li.active,
				.slideshow .content .video_txt ul li.active{
					background: transparent url(/layout/projects/check_active.png) no-repeat 2px 3px;
					padding-left: 25px;
					color: #000;
					margin: 5px 0;
				}
			
			.slideshow .content .video_txt a.more{
				display:block;
				font-size: 0.9em;
				margin: 10px 0 0 0;
				font-style: italic;
			}
		
		
		#home_text a.more_answer{
			display:block;
			width:122px;
			height: 49px;
			position:absolute;
			margin: 50px 0 0 535px;
			background: transparent url(/layout/homepage/bg_more.png) no-repeat 0 0;
			padding: 30px 25px 30px 25px;
			color: #007db1;
			font-weight: bold;
			line-height: 1.8em;
			text-decoration: none;
		}

	
		ul.project-videos{
			list-style-type: none;
			margin: 30px 0;
			padding:0 40px 0 0;
			width: 280px;
			border-right: 1px solid #e6e5dc;
			float:left;
		}
		
			ul.project-videos li{
				margin: 15px 0;
			}
		
			ul.project-videos li a.thumbvideo{
					background: transparent url(/layout/projects/play_small.png) no-repeat 50% 50%;
					display:block;
					height: 45px;
					width: 60px;
					position: absolute;
					text-indent: -9999px;
					z-index: 1000;
				}			
				
			ul.project-videos li IMG{
				float: left;
			}
			
			ul.project-videos li p{
				padding-top: 5px;
				margin: 0 0 0 70px;
				font-size: 0.95em;
				font-weight: bold;
			}
	

		.project-right{
			float:left;
		}

			.project-right IMG{
				margin: 20px 0 0 0;
			}
			
			
			
			
			
			
	#home_saving{
		background: #fff url(/layout/projects/saving_banner.jpg) no-repeat 0 20px;
		width: 692px;
		height: 226px;
		margin: 0 0 0 38px;
		padding: 20px 0;
	}
		#home_saving a{
			position: absolute;
			width: 692px;
			height: 226px;
			display:block;
			text-indent: -9999px;
		}
		
		#home_saving h2{
			background: transparent url(/layout/projects/saving_title.png) no-repeat 0 0;
			width: 338px;
			height: 80px;
			margin: 40px 0 0 40px;
			text-indent: -9999px;
		}
		
		#home_saving p{
			background: transparent url(/layout/projects/saving_p.png) no-repeat 0 0;
			width: 328px;
			height: 40px;
			margin: 10px 0 0 40px;
			text-indent: -9999px;
		}
		
		
	#saving_content h1{
		color: #0076AB;
	}
	#saving_content h2{
		font-style: normal;
	}
	
	
	#saving_content{
		background: transparent url(/layout/projects/saving_image.jpg) no-repeat 0 -50px;
		padding-top: 244px;
		margin-top: -20px;
	}
	
	#saving_content .saving_right_sidebar{
		float:right;
		width: 192px;
		margin: 0 0 10px 20px;
	}
	
		#saving_content .saving_right_sidebar .blue{
			background: transparent url(/layout/projects/bg-blue.png) no-repeat bottom left;
			min-height: 251px;
			width: 161px;
			padding: 15px;	
			margin-left: 1px;
		}
			#saving_content .saving_right_sidebar .blue p{
				color: #fff;
				padding: 0;
				margin: 0 0 10px 0;
				font-size: 1.1em;
			}
			
		#saving_content .saving_right_sidebar .reminder{
			background: transparent url(/layout/projects/saving_reminder.png) no-repeat 0 0;
			width: 192px;
			height: 156px;
			margin: 10px 0;
		}
			#saving_content .saving_right_sidebar .reminder a{
				text-indent: -9999px;
				display: block;
				width: 192px;
				height: 156px;
			}



/*-------------------------------------*/
/* Project Page NEW
/*-------------------------------------*/

ul.fare-menu li ul {
	display:none;
}
ul.fare-menu li.parent-selected ul {
	display:block;
}


.col-fare{
	width: 23%;
	float:left;
	margin-right: 2%; 
}	
	
	#textbody .col-fare h2{
		font-weight: normal;
		font-style: normal;
		color: #0076AB;
		font-size: 110%;
	}
		#textbody .col-fare h2 strong{
			font-weight: bold;
		}
	
	
	#textbody .col-fare h2{
		padding-top: 96px;
	}
	
	#textbody .col-fare.flexible h2{
		background: transparent url(/layout/projects/fare-flexible.png) no-repeat 0 0;
	}
	#textbody .col-fare.affordable h2{
		background: transparent url(/layout/projects/fare-affordable.png) no-repeat 0 0;
	}
	#textbody .col-fare.reliable h2{
		background: transparent url(/layout/projects/fare-reliable.png) no-repeat 0 0;
	}
	#textbody .col-fare.responsible h2{
		background: transparent url(/layout/projects/fare-responsible.png) no-repeat 0 0;
	}

	.col-fare ul{
		font-size: 95%;
		padding-left: 10px;
	}	
	
	
	#textbody h2.fare-title{
		font-style: normal;
		color: #0076AB;
		margin-bottom: 0;
	}
	#textbody p.fare-desc{
		margin-top: 0;
	}
		#textbody p.fare-desc em{
			color: #0076AB;		
		}
	

	.fare-unit{
		padding-left: 55px;
		padding-top: 5px;
		clear: both;
	}
	.fare-unit.flexible{
		background: transparent url(/layout/projects/fare-flexible-thumb.png) no-repeat 0 0;
	}
	.fare-unit.affordable{
		background: transparent url(/layout/projects/fare-affordable-thumb.png) no-repeat 0 0;
	}
	.fare-unit.reliable{
		background: transparent url(/layout/projects/fare-reliable-thumb.png) no-repeat 0 0;
	}
	.fare-unit.responsible{
		background: transparent url(/layout/projects/fare-responsible-thumb.png) no-repeat 0 0;
	}
	
	#textbody .fare-unit h2{
		margin-bottom: 0;
	}	
	#textbody .fare-unit p{
		margin-top: 3px;
	}	

	
	div.inset.glance {
		border: none;
		width: 160px;
	}
		div.inset.glance h4 {
			border: none;
			color: #DB9700;
			font-size: 120%;
			padding-bottom: 0;
		}
		
		div.inset.glance ul,
		div.inset.glance ul li {
			list-style-type: none;
		}
		div.inset.glance ul li {
			border-bottom: 1px solid #7BC3D6;
		}
			div.inset.glance ul li a:link,
			div.inset.glance ul li a:visited {
				display: block;
				padding: 3px 0;
				color: #0076AB;
				text-decoration: none;
			}
			div.inset.glance ul li a:hover,
			div.inset.glance ul li a:active {
				background: #eee;
				padding-left: 3px;
			}
			div.inset.glance ul li.selected a {
				font-weight: bold;
			}

			div.inset.glance ul li.highlight a{
				height: 22px;
				padding: 3px 10px 0 10px;
				background: transparent url(/layout/common/bg-related-blue.png) repeat-x 0 0;
				color: #fff;
				border: none;
				text-decoration: none;
				font-weight: bold;
			}
			
		div.inset.glance a.dynamic-related-link {
			margin: 0;
			display: block;
			float: none;
		}
		
			
	
/***************************
	Homepage Slideshow
***************************/

#home-slideshow{
	width:694px;
	height:240px;
	margin: 0 auto;
	background: #fff;
}

.fr #home-slideshow {
	padding-bottom: 30px;
	background: #fff;
}

#home-slideshow .pagination{
	display: none;
}

#home-slideshow .slides_container {
	width:694px;
	height:226px;
}
		
	#home-slideshow .slides_container div {
		width:694px;
		height:226px;
		display:block;
	}



/*-----------------------------------------------*/
/*     TIPS & TOOLS CSS
/*     Jan 22, 2013
/*-----------------------------------------------*/	
	
	
#tips-tools label {
	background: transparent url("/images/tips/iam.png") no-repeat 0 0;
	width: 138px;
	height: 65px;
	text-indent: -9999px;
	display: block;
	float: left;
	margin: 0 0 0 50px;
}

.fr #tips-tools label {
	background: transparent url("/images/tips/jesuis.png") no-repeat 0 0;
	width: 259px;
	height: 75px;
	margin-left: 0;
}

	
#tips-tools #select-iam {
	float: left;
	margin: 20px 0 0 10px;
	font-size: 1.3em;
}

.fr #tips-tools #select-iam {
	margin: 37px 0 0 15px;
}


#tips-tools .tips-slide {
	display:none;
}
#tips-tools #tips-slide-0 {
	display: block;
}


#tips-tools p.big {
	color: #999999;
	font-size: 1.45em;
	font-weight: normal;
	font-family: Arial;
	line-height: 1.3em;
	margin: 5px 50px 20px 55px;
}
.fr #tips-tools p.big {
	margin-right: 20px;
	margin-left: 0;
}

	#tips-tools p.big a:link,
	#tips-tools p.big a:visited {
		text-decoration: none;
		font-weight: bold;
		color: #00a254;
	}

	#tips-tools p.big a:hover,
	#tips-tools p.big a:active {
		color: #db9700;
	}

#tips-tools .hidden-content {
	display: none;
}


/***************************
	LNG Pages
***************************/

#textbody h2.lng-p2{
	color: #0076AB;
	font-weight: bold;
	font-style: normal;
	margin-top: 25px;
}

#textbody p.lng-p1{
	color: #00334b;
	font-size: 1.5em;
	line-height: 1.3em;
	margin: 30px 0;
}

#textbody p.lng-p2{
	color: #0076AB;
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.3em;
}

#textbody p.img-lng{
	margin-top: -20px;
}

#textbody a#lng-open{
	display:block;
	float: right;
	width: 170px;
	height: 23px;
	background: transparent url(/images/lng/blue-lng-button.png) no-repeat top left;
	color: #fff;
	padding: 20px 10px;
	margin: 0 0 10px 20px;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
}

.lng-highlight{
	float:right;
	width: 192px;
	margin: 0 0 10px 20px;
}
	.lng-highlight .blue{
		background: transparent url(/images/lng/blue-lng.png) no-repeat top left;
		height: 170px;
		width: 161px;
		padding: 15px;	
		margin-left: 1px;
	}
		.lng-highlight .blue p{
			color: #fff;
			padding: 0;
			margin: 0 0 10px 0;
			font-size: 1.2em;
			line-height: 1.5em;
		}
		.lng-highlight .blue p em{
			color: #fff;
		}

ol.lng,
ul.lng{
	color: #0098c5;
}




/***************************
	BLOG
***************************/

#textbody.blog{
	width: auto;
	float:none;
	padding: 40px;
}

	#textbody.blog .post{
		margin-bottom: 50px;
	}

	#textbody.blog h1.heading{
		margin-bottom: 20px;
	}
	
	

	/*--------------------------
		Ask Janet
	--------------------------*/
	
	#textbody h1.askjanet{
		background: transparent url(/layout/blog/askjanet_2013.png) no-repeat 0 0;
		width: 398px;
		height: 135px;
		display:block;
		margin: -60px 0 0 300px;
		position: absolute;
		text-indent: -9999px;
	}
	
	.ask_janet_icon {
		width: 71px;
		height: 70px;
		background: transparent url(/layout/tiles/janet_icon.png) no-repeat 0 0;
		float: left;
		margin: -10px 15px 0 0;
	}
	
	.ask_janet_form	{
		margin-bottom: 50px;
	}
	
	.ask_janet_form	label {
		float: none;
		clear: none;
		width: 120px;
		text-align: left;
		padding-left: 10px;
		font-weight: bold;
	}

	.ask_janet_form textarea {
		margin-top:10px;
		width:571px;
	}
	
	.ask_janet_form .details{
		margin-top: 70px;
	}
		.ask_janet_form	.details p{
			color: #685F2F;
		}
		.ask_janet_form	.details p.thankyou{
			color: #0076AB;
		}
	
	


#sidebar li.nav_blog{
	padding: 10px;
}
	#sidebar li.nav_blog ul li{
		padding: 2px 0;	
	}

#sidebar li#nav_archives .month{
	margin-left: 15px;
}
#sidebar li#nav_archives .month_on{
	display: block;
}
#sidebar li#nav_archives .month_off{
	display: none;
}



.blog_pagination{
	width: 100%;
}
	.blog_pagination #next-page{
		float: right;
	}
	


div.comments {
	padding: 30px 0 0;
	}
	
	div.comments h3 { margin: 0 0 10px; color: #0076AB; font-size: 16px;}

	
	div.comment {
		margin: 0 0 35px;
		}
		div.comment.first { margin-top: 30px; }
		
		div.comment p {
			padding: 0 25px 0 0;
			}
		div.comment p.comment_head {
			padding: 0;
			margin: 0 0 5px;
			font-size: 11px;
			line-height: 10px;
			color: #db9700;
			background: url("/layout/tiles/comment_head_tile.gif") repeat-x 0 0.8em;
			}
			p.comment_head span {
				background: #fff;
				padding: 0 5px 0 0;
				}

	div.comment_form {
		margin: 60px 0 0;
		}
		
		div.comment_form fieldset{
			border: 1px solid #ccc;
			margin: 5px 0;
			padding: 10px;
		}
		
		div.comment_form .partleft {
			margin: 20px 0 0 0;
			float: left;
			width: 330px;
		}
			div.comment_form .partleft input{
				width: 200px;
			}
		
		
		div.comment_form .partright {
			margin: 20px 0 0 0;
			float: right;
			width: 340px;
		}
			div.comment_form .partright label {
				width: 300px;
				display: block;
				margin-bottom: 10px;
			}
			div.comment_form .partright img,
			div.comment_form .partright input{
				float: left;
			}
			div.comment_form .partright input{
				width:120px;
				margin: 5px 0 0 10px;
			}
		
		div.comment_form textarea {
			width: 685px;
			margin: 10px 0;
			}
							
		div.comment_form .notify {
			float: right;
		}
		

/** RECRUITMENT SECTION **/

	/* Slideshow */
	
	#recruitment-slideshow .pagination{
		display: none;
	}

	#recruitment-slideshow .slides_container {
		width:510px;
		height:220px;
	}
		
		#recruitment-slideshow .slides_container div {
			width:510px;
			height:220px;
			display:block;
		}
	
	

	/* IMAGE ROUNDED BORDER */
	
	img.rounded{
		border-top-right-radius: 20px;
		-webkit-border-top-right-radius: 20px;
		-moz-border-top-right-radius: 20px;
		border-bottom-left-radius: 20px;
		-webkit-border-bottom-left-radius: 20px;
		-moz-border-bottom-left-radius: 20px;
	}
	
	
	/* Photo CREDIT */
	
	#textbody p.photocredit{		
		text-align: right;
		margin-top: -10px;
		font-size: 95%;
	}
		#textbody p.photocredit em{
			color: #000;
		}
	
	
	
	/* Recreational activities */
	
	#textbody .recreational{
		float: left;
		width: 50%;
	}
		#textbody .recreational em{
			color: #000;
		}