/* structure.css are the styles for the DIVs in a website and should not contain
any typographic or content-related styles for a site. The styles within are strictly
used to create the layout/structure of the website and, as such, this style sheet 
will (almost) never need to be altered by the client or back-end programmers. */

/* ----- comment styles well for better reference later! ----- */
/* ----- try to lay this out in the following sections and from top to bottom on pages ----- */


/* Main Wrapper*/
#Uber {
	width:950px;
	margin: auto auto;
}
/*Header Style */
#Header {
	position:relative;
	width:950px;
	height:214px;
	background:url(/en/images/ed_banner.jpg) no-repeat;
}
#Headerfr {
	position:relative;
	width:950px;
	height:214px;
	background:url(/fr/images/ed_banner_fr.jpg) no-repeat;
}
#Headerblank {
	position:relative;
	width:950px;
	height:214px;
	background:url(/en/images/ed_bannertwo.jpg) no-repeat;
}
#Headerblankfr {
	position:relative;
	width:950px;
	height:214px;
	background:url(/fr/images/ed_bannertwo_fr.jpg) no-repeat;
}
#topnav {
	position:absolute;
	color:#5a5503;
	right: 28px;
	top: 13px;
}

#Headerfr #topnav a {
	font-weight:bold;
}
/* search box  */
#Headerfr #searchBox {
	position:absolute;
	right: 28px;
	top: 36px;
}
#Headerblankfr #topnav a {
	font-weight:bold;
}
/* search box  */
#Headerblankfr #searchBox {
	position:absolute;
	right: 28px;
	top: 36px;
}

#Header #topnav a {
	font-weight:bold;
}
/* search box  */
#Header #searchBox {
	position:absolute;
	right: 28px;
	top: 36px;
}
#Headerblank #topnav a {
	font-weight:bold;
}
/* search box  */
#Headerblank #searchBox {
	position:absolute;
	right: 28px;
	top: 36px;
}
#headerbanner {
	position:absolute;
	color:#5a5503;
	left: 356px;
	top: 34px;
	text-align: right;
	width:300px;
}
#searchBox select {
	font-size:11px;
	width: 165px;
	vertical-align:middle;
	margin-right:5px;
}
#searchBox .inputBox {
	font-size:11px;
	width: 93px;
	padding:1px;
	vertical-align:middle;
	margin-right:5px;
}
#searchBox .submitButton {
	padding-top:0px;
	vertical-align:middle
}



#Interior {
	background:url(/images/bg_InteriorBG.gif) repeat-y;
	width:950px;
	float:left;
}

#Interior #TitleHeading {
	float:left;
	width:950px;
	background-color:#837b16;
	color: #ffffff;
}
#Interior #TitleHeading h1 {
	float:left;
	padding: 8px 0px 8px 16px;
	font-size:12px;
	text-transform:uppercase;
	width:720px;
	color: #ffffff;
}
#Interior #TitleHeading a {
	color: #e7e5c2;
}
#Interior #TitleHeading #ContentActions {
	float:right;
	width:190px;
	text-align:right;
	margin-top:6px;
	padding-right: 15px;
}
#ContentActions a img {
	border: none;
}
#Interior #InteriorLeftContent {
	float:left;
	width:151px;
	padding-top:19px;
}
#quote {
	padding-left:10px;
	padding-right:10px;
	background-color: #e7e5c2;
}
#quote a {
	font-weight: bold;
}
/* breadcrumb and Email, Printing,  */
#Breadcrumb {
	position: relative;
	width:935px;
	height: 24px;
	padding:13px 0px 0px 15px;
	background-color:#AAC54B;
	font:11px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color: #0C4500;
}
#Breadcrumb #Buttons {
	position: absolute;
	top: 8px;
	right: 13px;
}
#Breadcrumb #Buttons a {
	padding-left: 10px;
}

#InteriorRightContent {
	float:left;
	padding-bottom:13px;
}

#mainbody {
	width:543px;
	padding-right:25px;
	float:left;
	padding-left:25px;
	padding-top:19px;
}
#mainbodyinterior {
	width:720px;
	padding-right:25px;
	float:left;
	padding-left:25px;
	padding-top:19px;
}
#rightcolumn {
	width:165px;
	float:left;
	padding-top:19px;
}
#rightcolumnnav li {
	line-height: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	list-style-type: none;
	font-weight: bold;
}
#rightcolumnnav ul {
	margin: 0px;
	padding: 0px;
}
#InteriorLeftnav ul {
	font-size: 12px;
	padding-bottom: 10px;
	margin-bottom: 0px;
}
#InteriorLeftnav li {
	line-height: 20px;
	list-style-image: url(/en/images/bullet.gif);
	font-weight: bold;
	color: #4d4d4d;
}
#InteriorLeftnavbottomline {
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #c6c393;
	margin-bottom: 5px;
}
#InteriorLeftnavtitle {
	font-weight: bold;
	background-image: url(/en/images/arrowdown.gif);
	background-repeat: no-repeat;
	padding-top: 8px;
	padding-bottom: 8px;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #c6c393;
	border-bottom-color: #c6c393;
	background-color: #e7e5c2;
	color: #5a5503;
	padding-left: 25px;
	font-size: 12px;
}
/* FOOTER  */
#contentFooter {
	clear:both;
	width:950px;
	height: 40px;
	float:left;
	padding-top: 28px;
	background:url(/images/ftr_BottomPiece_Content.gif) no-repeat;
}
#contentFooter p {
	float:left; /*width:400px;*/
	padding-top:8px;
}
#contentFooter a {
	font-weight:bold;
}
#contentFooter #Iso {
	float:left;
	padding-right:10px;
}
#contentFooter #W3C {
	float:left;
	padding-right: 10px;
	padding-left: 15px;
}
#contentFooter #eSolutions {
	float:left;
}
/*Navigation*/
#nav {
	width:950px;
	height:35px;
	background-color:#5a5503;
	z-index:10000;
}
/*English*/

#navtab1 a {
	display: block;
	width: 99px;
	height: 35px;
	margin: 0;
	padding: 0;
	float: left;
	background: url(/en/images/ed_vision.gif) 0 0 no-repeat;
}
#navtab1 a:hover {
	background-position: 0px -35px;
	text-decoration: none;
}
#navtab1on, #navtab1on a, #navtab1on a:hover {
	display: block;
	width: 99px;
	height: 35px;
	margin: 0;
	padding: 0;
	float: left;
	background: url(/en/images/ed_vision.gif) 0px -34px no-repeat;
}
#navtab2 a {
	display: block;
	width: 130px;
	height: 35px;
	margin: 0;
	padding: 0;
	float: left;
	background: url(/en/images/ed_workshops.gif) 0 0 no-repeat;
}
#navtab2 a:hover {
	background-position: 0px -35px;
	text-decoration: none;
}
#navtab2on, #navtab2on a, #navtab2on a:hover {
	display: block;
	width: 130px;
	height: 35px;
	margin: 0;
	padding: 0;
	float: left;
	background: url(/en/images/ed_workshops.gif) 0px -34px no-repeat;
}
#navtab3 a {
	display: block;
	width: 128px;
	height: 35px;
	margin: 0;
	padding: 0;
	float: left;
	background: url(/en/images/ed_instructors.gif) 0 0 no-repeat;
}
#navtab3 a:hover {
	background-position: 0px -35px;
	text-decoration: none;
}
#navtab3on, #navtab3on a, #navtab3on a:hover {
	display: block;
	width: 128px;
	height: 35px;
	margin: 0;
	padding: 0;
	float: left;
	background: url(/en/images/ed_instructors.gif) 0px -34px no-repeat;
}
#navtab4 a {
	display: block;
	width: 182px;
	height: 35px;
	margin: 0;
	padding: 0;
	float: left;
	background: url(/en/images/ed_generalinformation.gif) 0 0 no-repeat;
}
#navtab4 a:hover {
	background-position: 0px -35px;
	text-decoration: none;
}
#navtab4on, #navtab4on a, #navtab4on a:hover {
	display: block;
	width: 182px;
	height: 35px;
	margin: 0;
	padding: 0;
	float: left;
	background: url(/en/images/ed_generalinformation.gif) 0px -34px no-repeat;
}
#navtab5 a {
	display: block;
	width: 138px;
	height: 35px;
	margin: 0;
	padding: 0;
	float: left;
	background: url(/en/images/ed_coolculture.gif) 0 0 no-repeat;
}
#navtab5 a:hover {
	background-position: 0px -35px;
	text-decoration: none;
}
#navtab5on, #navtab5on a, #navtab5on a:hover {
	display: block;
	width: 138px;
	height: 35px;
	margin: 0;
	padding: 0;
	float: left;
	background: url(/en/images/ed_coolculture.gif) 0px -34px no-repeat;
}
#navtab6 a {
	display: block;
	width: 134px;
	height: 35px;
	margin: 0;
	padding: 0;
	float: left;
	background: url(/en/images/ed_registration.gif) 0 0 no-repeat;
}
#navtab6 a:hover {
	background-position: 0px -35px;
	text-decoration: none;
}
#navtab6on, #navtab6on a, #navtab6on a:hover {
	display: block;
	width: 134px;
	height: 35px;
	margin: 0;
	padding: 0;
	float: left;
	background: url(/en/images/ed_registration.gif) 0px -34px no-repeat;
}
#navtab7 a {
	display: block;
	width: 139px;
	height: 35px;
	margin: 0;
	padding: 0;
	float: left;
	background: url(/en/images/ed_latestnews.gif) 0 0 no-repeat;
}
#navtab7 a:hover {
	background-position: 0px -35px;
	text-decoration: none;
}
#navtab7on, #navtab7on a, #navtab7on a:hover {
	display: block;
	width: 139px;
	height: 35px;
	margin: 0;
	padding: 0;
	float: left;
	background: url(/en/images/ed_latestnews.gif) 0px -34px no-repeat;
}
/*French*/

#navtab1fr a {
	display: block;
	width: 94px;
	height: 35px;
	margin: 0;
	padding: 0;
	float: left;
	background: url(/fr/images/ed_vision_fr.gif) 0 0 no-repeat;
}
#navtab1fr a:hover {
	background-position: 0px -35px;
	text-decoration: none;
}
#navtab1onfr, #navtab1onfr a, #navtab1onfr a:hover {
	display: block;
	width: 94px;
	height: 35px;
	margin: 0;
	padding: 0;
	float: left;
	background: url(/fr/images/ed_vision_fr.gif) 0px -34px no-repeat;
}
#navtab2fr a {
	display: block;
	width: 103px;
	height: 35px;
	margin: 0;
	padding: 0;
	float: left;
	background: url(/fr/images/ed_workshops_fr.gif) 0 0 no-repeat;
}
#navtab2fr a:hover {
	background-position: 0px -35px;
	text-decoration: none;
}
#navtab2onfr, #navtab2onfr a, #navtab2onfr a:hover {
	display: block;
	width: 103px;
	height: 35px;
	margin: 0;
	padding: 0;
	float: left;
	background: url(/fr/images/ed_workshops_fr.gif) 0px -34px no-repeat;
}
#navtab3fr a {
	display: block;
	width: 127px;
	height: 35px;
	margin: 0;
	padding: 0;
	float: left;
	background: url(/fr/images/ed_instructors_fr.gif) 0 0 no-repeat;
}
#navtab3fr a:hover {
	background-position: 0px -35px;
	text-decoration: none;
}
#navtab3onfr, #navtab3onfr a, #navtab3onfr a:hover {
	display: block;
	width: 127px;
	height: 35px;
	margin: 0;
	padding: 0;
	float: left;
	background: url(/fr/images/ed_instructors_fr.gif) 0px -34px no-repeat;
}
#navtab4fr a {
	display: block;
	width: 213px;
	height: 35px;
	margin: 0;
	padding: 0;
	float: left;
	background: url(/fr/images/ed_generalinformation_fr.gif) 0 0 no-repeat;
}
#navtab4fr a:hover {
	background-position: 0px -35px;
	text-decoration: none;
}
#navtab4onfr, #navtab4onfr a, #navtab4onfr a:hover {
	display: block;
	width: 213px;
	height: 35px;
	margin: 0;
	padding: 0;
	float: left;
	background: url(/fr/images/ed_generalinformation_fr.gif) 0px -34px no-repeat;
}
#navtab5fr a {
	display: block;
	width: 153px;
	height: 35px;
	margin: 0;
	padding: 0;
	float: left;
	background: url(/fr/images/ed_coolculture_fr.gif) 0 0 no-repeat;
}
#navtab5fr a:hover {
	background-position: 0px -35px;
	text-decoration: none;
}
#navtab5onfr, #navtab5onfr a, #navtab5onfr a:hover {
	display: block;
	width: 153px;
	height: 35px;
	margin: 0;
	padding: 0;
	float: left;
	background: url(/fr/images/ed_coolculture_fr.gif) 0px -34px no-repeat;
}
#navtab6fr a {
	display: block;
	width: 120px;
	height: 35px;
	margin: 0;
	padding: 0;
	float: left;
	background: url(/fr/images/ed_registration_fr.gif) 0 0 no-repeat;
}
#navtab6fr a:hover {
	background-position: 0px -35px;
	text-decoration: none;
}
#navtab6onfr, #navtab6onfr a, #navtab6onfr a:hover {
	display: block;
	width: 120px;
	height: 35px;
	margin: 0;
	padding: 0;
	float: left;
	background: url(/fr/images/ed_registration_fr.gif) 0px -34px no-repeat;
}
#navtab7fr a {
	display: block;
	width: 140px;
	height: 35px;
	margin: 0;
	padding: 0;
	float: left;
	background: url(/fr/images/ed_latestnews_fr.gif) 0 0 no-repeat;
}
#navtab7fr a:hover {
	background-position: 0px -35px;
	text-decoration: none;
}
#navtab7onfr, #navtab7onfr a, #navtab7onfr a:hover {
	display: block;
	width: 140px;
	height: 35px;
	margin: 0;
	padding: 0;
	float: left;
	background: url(/fr/images/ed_latestnews_fr.gif) 0px -34px no-repeat;
}

/* Site Map */
#mainfloater {width: 700px; border-bottom:1px solid #aac54b; margin-bottom: 16px; font: 12px/14px Arial, Helvetica, sans-serif; color: #000;}

#mainfloater a {color:#003366;text-decoration:none;}
#mainfloater a:link, #mainfloater a:visited {text-decoration:none;}
#mainfloater a:hover, #mainfloater a:active {text-decoration:underline; color:#003366;}

#mainholder {width: 700px; float:left;}
#sitemapleft {width:296px; float:left; padding:0px 5px 16px 0px;}
#sitemapcentre {width:296px; float:left; padding:0px 5px 16px 0px;}
#sitemapright {width:296px; float:left; padding-bottom:16px;}
#clear {clear: left; margin: 0; padding: 0; height: 0; overflow: hidden;}