/* CSS style sheet for Inspecsol, by David Janik-Jones, http://www.esolutionsgroup.ca */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/ */
/* All web site content copyright 2005, Inspecsol */
/* Started: June 15, 2005 */

/* This design is not a template. You may not reproduce it elsewhere without the designer's or owner's written permission. 
However, feel free to study the CSS and use whatever techniques you learn from it elsewhere. Daddy says hi to Cal and Luke */

/* ----- BASIC ELEMENTS ----- */
body {
	background-color: #367BB3;
	margin: 0;
	padding: 0;
}
p {
	font: 11px/15px Verdana, Arial, Helvetica, sans-serif;
	color: #1A2A1D;
	margin: 0;
	padding-bottom: 15px;
}
a:link, a:visited {
	font-weight: normal;
	text-decoration: underline;
	color: #1A2A1D;
}
a:hover, a:active {
	text-decoration: none;
	color: #3C5A38;
}
li {
	list-style-type: none;
	list-style-image: url(/en/images/bullet.gif);
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	margin: 0;
	padding: 0px 6px 6px 0px;
}
/* ----- COMMON DIVS ON ALL PAGES ----- */
#container {
	width: 780px;
	margin: auto auto;
	background-color: #FFF;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
}
#footer {
	position: relative;
	height: 34px;
	width: 764px;
	background-color: #1F6CAA;
	font: 11px/15px Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	padding: 20px 0px 0px 16px;
}
#footerlogo {
	position: absolute;
	top: 0;
	right: 0;
	height: 54px;
	width: 244px;
}
/* ----- DIVS SPECIFIC TO HOME PAGE ----- */
#homebanner {
	position: relative;
	width: 757px;
	height: 300px;
	background: url(/en/images/banner_home.jpg) top left no-repeat;
	font: 11px/15px Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	text-transform: uppercase;
	text-align: right;
	padding: 35px 23px 0px 0px;
}
#homebannerfr {
	position: relative;
	width: 757px;
	height: 300px;
	background: url(/en/images/banner_homeFR.jpg) top left no-repeat;
	font: 11px/15px Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	text-transform: uppercase;
	text-align: right;
	padding: 35px 23px 0px 0px;
}
/* navigation for the home page */
#homenav {
	position: relative;
	overflow: hidden;
	width: 780px;
	height: 147px;
	margin-bottom: 12px;
}
#homenavtab1 a {
	display: block;
	width: 156px;
	height: 146px;
	margin: 0;
	padding: 0;
	float: left;
	background: url(/en/images/navhome1.jpg) 0 0 no-repeat;
	text-decoration: none;
}
	#homenavtab1 a:hover {
		background-position: 0px -146px;
	}
#homenavtab2 a {
	display: block;
	width: 156px;
	height: 146px;
	margin: 0;
	padding: 0;
	float: left;
	background: url(/en/images/navhome2.jpg) 0 0 no-repeat;
	text-decoration: none;
}
	#homenavtab2 a:hover {
		background-position: 0px -146px;
	}
#homenavtab3 a {
	display: block;
	width: 156px;
	height: 146px;
	margin: 0;
	padding: 0;
	float: left;
	background: url(/en/images/navhome3.jpg) 0 0 no-repeat;
	text-decoration: none;
}
	#homenavtab3 a:hover {
		background-position: 0px -146px;
	}
#homenavtab4 a {
	display: block;
	width: 156px;
	height: 146px;
	margin: 0;
	padding: 0;
	float: left;
	background: url(/en/images/navhome4.jpg) 0 0 no-repeat;
	text-decoration: none;
}
	#homenavtab4 a:hover {
		background-position: 0px -146px;
	}
#homenavtab5 a {
	display: block;
	width: 156px;
	height: 146px;
	margin: 0;
	padding: 0;
	float: left;
	background: url(/en/images/navhome5.jpg) 0 0 no-repeat;
	text-decoration: none;
}
	#homenavtab5 a:hover {
		background-position: 0px -146px;
	}


/* navigation IN FRENCH for the home page */
#homenav {
	position: relative;
	overflow: hidden;
	width: 780px;
	height: 147px;
	margin-bottom: 0px;
}
#homenavtab1fr a {
	display: block;
	width: 156px;
	height: 146px;
	margin: 0;
	padding: 0;
	float: left;
	background: url(/fr/images/navhome1_fr.jpg) 0 0 no-repeat;
	text-decoration: none;
}
#homenavtab1fr a:hover {
	background-position: 0px -146px;
}
#homenavtab2fr a {
	display: block;
	width: 156px;
	height: 146px;
	margin: 0;
	padding: 0;
	float: left;
	background: url(/fr/images/navhome2_fr.jpg) 0 0 no-repeat;
	text-decoration: none;
}
#homenavtab2fr a:hover {
	background-position: 0px -146px;
}
#homenavtab3fr a {
	display: block;
	width: 156px;
	height: 146px;
	margin: 0;
	padding: 0;
	float: left;
	background: url(/fr/images/navhome3_fr.jpg) 0 0 no-repeat;
	text-decoration: none;
}
#homenavtab3fr a:hover {
	background-position: 0px -146px;
}
#homenavtab4fr a {
	display: block;
	width: 156px;
	height: 146px;
	margin: 0;
	padding: 0;
	float: left;
	background: url(/fr/images/navhome4_fr.jpg) 0 0 no-repeat;
	text-decoration: none;
}
#homenavtab5fr a:hover {
	background-position: 0px -146px;
}
#homenavtab5fr a {
	display: block;
	width: 156px;
	height: 146px;
	margin: 0;
	padding: 0;
	float: left;
	background: url(/fr/images/navhome5_fr.jpg) 0 0 no-repeat;
	text-decoration: none;
}
#homenavtab4fr a:hover {
	background-position: 0px -146px;
}



/* home page content area */
#homecontent {
	width: 780px;
	background: url(/en/images/bkgnd_content_home.gif) top left repeat-y;
	padding:0px;
	margin-bottom:1px;
}
#righthome {
	float: right;
	width: 553px; /* 590-padding */
	font: 11px/15px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	padding: 12px 20px 12px 14px;
}
#lefthome {
	float: left;
	width: 157px;
	font: 11px/10px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	padding: 18px;
	background: url(/en/images/left-column-top.gif) top left no-repeat;
}
	#lefthome img{
		padding-bottom:10px;	
	}
	#lefthome a{
		font-size:11px;
		text-decoration:underline;
		color:#fff;
	}
	#lefthome a:hover{
		text-decoration:none;	
		color:#fff;
	}
	#lefthome p{
		color:#fff;
		font-size: 11px;
		padding-bottom:10px;
	}
	.date{
		font-weight:bold;
		color:#fff;
		padding:0px!important;
		margin:0px!important;
	}
	.leftcolumnheading{
		font: 12px Verdana, Arial, Helvetica, sans-serif !important;
		color: #fff;
		font-weight: bold !important;
		text-transform: uppercase;
	}
	#leftColumnTextBox{
		width:153px;
		padding:10px;
		/*background:#32507D;*/
	}
		#leftColumnTextBox a {
			color:#FFF;
			text-decoration:underline;
		}
		#leftColumnTextBox a:hover {
			color:#FFF;
			text-decoration:none;
		}
		#leftColumnTextBox p {
			color:#FFF;
			padding-bottom:8px;
		}

/* ----- DIVS SPECIFIC TO INSIDE PAGES ----- */
#insidebanner {
	position: relative;
	width: 757px;
	height: 90px;
	margin-bottom: 1px;
	background: url(/en/images/banner_insideFR.jpg) top left no-repeat;
	font: 11px/15px Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	text-transform: uppercase;
	text-align: right;
	padding: 10px 23px 0px 0px;
}
#insidebannerlogo {
	position: absolute;
	top: 0;
	left: 0;
	height: 100px;
	width: 120px;
}
#insidenav {
	position: relative;
	overflow: hidden;
	width: 780px;
	height: 17px;
	margin-bottom: 1px;
}
/* navigation styles -- ENGLISH */
/*#navtab1 a {
	display: block;
	width: 193px;
	height: 18px;
	margin: 0;
	padding: 0;
	float: left;
	background: url(/en/images/nav1.gif) 0 0 no-repeat;
	text-decoration: none;
}
#navtab1 a:hover {
	background-position: 0px -18px;
}
#navtab1on, #navtab1on a, #navtab1on a:hover {
	display: block;
	width: 193px;
	height: 18px;
	margin: 0;
	padding: 0;
	float: left;
	background: url(/en/images/nav1.gif) 0px -18px no-repeat;
	text-decoration: none;
}
#navtab2 a {
	display: block;
	width: 200px;
	height: 18px;
	margin: 0;
	padding: 0;
	float: left;
	background: url(/en/images/nav2.gif) 0 0 no-repeat;
	text-decoration: none;
}
#navtab2 a:hover {
	background-position: 0px -18px;
}
#navtab2on, #navtab2on a, #navtab2on a:hover {
	display: block;
	width: 200px;
	height: 18px;
	margin: 0;
	padding: 0;
	float: left;
	background: url(/en/images/nav2.gif) 0px -18px no-repeat;
	text-decoration: none;
}
#navtab3 a {
	display: block;
	width: 196px;
	height: 18px;
	margin: 0;
	padding: 0;
	float: left;
	background: url(/en/images/nav3.gif) 0 0 no-repeat;
	text-decoration: none;
}
#navtab3 a:hover {
	background-position: 0px -18px;
}
#navtab3on, #navtab3on a, #navtab3on a:hover {
	display: block;
	width: 196px;
	height: 18px;
	margin: 0;
	padding: 0;
	float: left;
	background: url(/en/images/nav3.gif) 0px -18px no-repeat;
	text-decoration: none;
}
#navtab4 a {
	display: block;
	width: 191px;
	height: 18px;
	margin: 0;
	padding: 0;
	float: left;
	background: url(/en/images/nav4.gif) 0 0 no-repeat;
	text-decoration: none;
}
#navtab4 a:hover {
	background-position: 0px -18px;
}
#navtab4on, #navtab4on a, #navtab4on a:hover {
	display: block;
	width: 191px;
	height: 18px;
	margin: 0;
	padding: 0;
	float: left;
	background: url(/en/images/nav4.gif) 0px -18px no-repeat;
	text-decoration: none;
}
*/

/* navigation styles -- FRENCH */
#navtab1fr a {
	display: block;
	width: 156px;
	height: 17px;
	margin: 0;
	padding: 0;
	float: left;
	background: url(/fr/images/nav1_fr.gif) 0 0 no-repeat;
	text-decoration: none;
}
	#navtab1fr a:hover {
		background-position: 0px -17px;
	}
	#navtab1fron, #navtab1fron a, #navtab1fron a:hover {
		display: block;
		width: 156px;
		height: 17px;
		margin: 0;
		padding: 0;
		float: left;
		background: url(/fr/images/nav1_fr.gif) 0px -17px no-repeat;
		text-decoration: none;
	}
#navtab2fr a {
	display: block;
	width: 156px;
	height: 17px;
	margin: 0;
	padding: 0;
	float: left;
	background: url(/fr/images/nav2_fr.gif) 0 0 no-repeat;
	text-decoration: none;
}
	#navtab2fr a:hover {
		background-position: 0px -17px;
	}
	#navtab2fron, #navtab2fron a, #navtab2fron a:hover {
		display: block;
		width: 156px;
		height: 17px;
		margin: 0;
		padding: 0;
		float: left;
		background: url(/fr/images/nav2_fr.gif) 0px -17px no-repeat;
		text-decoration: none;
	}
#navtab3fr a {
	display: block;
	width: 156px;
	height: 17px;
	margin: 0;
	padding: 0;
	float: left;
	background: url(/fr/images/nav3_fr.gif) 0 0 no-repeat;
	text-decoration: none;
}
	#navtab3fr a:hover {
		background-position: 0px -17px;
	}
	#navtab3fron, #navtab3fron a, #navtab3fron a:hover {
		display: block;
		width: 156px;
		height: 17px;
		margin: 0;
		padding: 0;
		float: left;
		background: url(/fr/images/nav3_fr.gif) 0px -17px no-repeat;
		text-decoration: none;
	}
#navtab4fr a {
	display: block;
	width: 156px;
	height: 17px;
	margin: 0;
	padding: 0;
	float: left;
	background: url(/fr/images/nav4_fr.gif) 0 0 no-repeat;
	text-decoration: none;
}
	#navtab4fr a:hover {
		background-position: 0px -17px;
	}
	#navtab4fron, #navtab4fron a, #navtab4fron a:hover {
		display: block;
		width: 156px;
		height: 17px;
		margin: 0;
		padding: 0;
		float: left;
		background: url(/fr/images/nav4_fr.gif) 0px -17px no-repeat;
		text-decoration: none;
	}
	
#navtab5fr a {
	display: block;
	width: 156px;
	height: 17px;
	margin: 0;
	padding: 0;
	float: left;
	background: url(/fr/images/nav5_fr.gif) 0 0 no-repeat;
	text-decoration: none;
}
	#navtab5fr a:hover {
		background-position: 0px -17px;
	}
	#navtab5fron, #navtab5fron a, #navtab5fron a:hover {
		display: block;
		width: 156px;
		height: 17px;
		margin: 0;
		padding: 0;
		float: left;
		background: url(/fr/images/nav5_fr.gif) 0px -17px no-repeat;
		text-decoration: none;
	}
	
/* styles for content containers on inside pages */
#content {
	width: 780px;
	background: url(/en/images/bkgnd_content_home.gif) top left repeat-y;
	margin-bottom: 1px;
}
#leftmap {
	float: left;
	width: 173px;
	font: 11px/10px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	padding: 10px;
	overflow: hidden;
	background: url(/en/images/left-column-top.gif) top left no-repeat;
}
.mapimage {
	margin-top: 218px;
}
/* this style is only on the contact page to push the map down in line with the locations list*/
.Contactmap {
	margin-top: 818px;
}
#righttext {
	float: right;
	width: 553px; /* 590-padding */
	font: 11px/15px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	overflow:hidden;
	padding: 12px 20px 12px 14px;
}
.Banner {
	width: 560px;
	height: 164px;
	overflow: hidden;
	margin-bottom: 12px;
}
#pagetitle {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #367BB3;
	font-weight: bold;
	text-transform: uppercase;
	width: 558px;
	padding-bottom: 6px;
	margin-bottom: 18px;
	border-bottom: 1px solid #367BB3;
}
.subheading {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #367BB3;
	font-weight: bold;
	text-transform: uppercase;
	width: 558px;
	padding-bottom: 6px;
	margin-bottom: 18px;
	border-bottom: 1px solid #367BB3;
}
#leftbullets {
	float: left;
	width: 275px;
	font: 11px/15px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}
#rightbullets {
	float: right;
	width: 275px;
	font: 11px/15px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}
/* this style defines the CONTACT US page and the form/table that's included there */
.Contacttable {
	font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #1A2A1D;
	border-bottom: 1px solid #367BB3;
	padding: 3px 0px 3px 0px;
}
.Contactform {
	font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #1A2A1D;
}
/* ----- TYPOGRAPHY AND LINKS ----- */
.boldblue {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #367BB3;
	font-weight: bold;
}
#footer a:link, #footer a:visited, #insidebanner a:link, #insidebanner a:visited, #homebanner a:link, #homebanner a:visited, #homebannerfr a:link, #homebannerfr a:visited {
	font-weight: normal;
	text-decoration: none;
	color: #FFF;
}
#footer a:hover, #footer a:active, #insidebanner a:hover, #insidebanner a:active, #homebanner a:hover, #homebanner a:active, #homebannerfr a:hover, #homebannerfr a:active {
	font-weight: normal;
	text-decoration: underline;
	color: #FFF;
}
#languageswitch a:link, #languageswitch a:visited {
	font-weight: normal;
	text-decoration: none;
	color: #FF9900;
}
#languageswitch {
	font-weight: normal;
	text-decoration: none;
	color: #FF9900;
}
#languageswitch a:hover, #languageswitch a:active {
	font-weight: normal;
	text-decoration: underline;
	color: #FF9900;
}
/* ----- HACKS USED ----- */
/* clearing hack by Tony Aslett for CONTENT area divs */
.Clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.Clearfix {
	display: inline-table;
}
/* Hides from IE-mac \*/
* html .Clearfix {
	height: 1%;
}
.Clearfix {
	display: block;
}
/* End hide from IE-mac */

.none {
}
