/* 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 within these from top to bottom on pages ----- */

/* STYLES FOR ALL PAGES */
/* main container that is centred */
#uber {width: 950px; margin: auto auto;}

#banner {width:950px; height:215px; position: relative;}
#bannerbuttons {position:absolute; top:5px; right:14px; width:189px; height:30px; overflow:hidden; background: url(/images/bkgnd_bannerbuttons.gif) top left no-repeat;}
#linkhome {position:absolute; font:11px Arial,Helvetica,sans-serif; color: #FFF; text-align:center; top:6px; left:748px; width:56px; height:20px; padding-top:8px;}
#linkcontact {position:absolute; font:11px Arial,Helvetica,sans-serif; color: #FFF; text-align:center; top:6px; left:804px; width:64px; height:20px; padding-top:8px;}
#linklanguage {position:absolute; font:11px Arial,Helvetica,sans-serif; color: #FFF; text-align:center; top:6px; left:868px; width:67px; height:20px; padding-top:8px;}
#nav {width:950px; height:34px; overflow:hidden; background-color: #003873; margin:0; padding:0;}

#columns {float:left; width:950px; margin:0; padding:0; background: url(/images/bkgnd_columns.gif) top left repeat-y;}
#left {float:left; width:214px; margin:0; padding:13px 0px 13px 0px;}
#search {width:181px; overflow:hidden; margin-left:20px;}
/* old one before list #calendar {width:168px; height:134px; overflow:hidden; margin-left:20px;} */
#calendar {width:188px; margin-left:0px; padding:0; font:12px/15px Arial,Helvetica,sans-serif; color: #FFF;}
#calendar a:link, #calendar a:visited {font:12px/15px Arial,Helvetica,sans-serif; color: #FFF; text-decoration:none;}
#calendar a:hover, #calendar a:active {font:12px/15px Arial,Helvetica,sans-serif; color: #FFF; text-decoration:underline;}
/* need to add a table to handle any number of news entries */
#calendar table {width:168px; margin-left:20px; margin-bottom:0;border:0;}
#calendar td {width: 150px; padding:7px 9px 7px 9px; border-bottom: 1px solid #A5C636; font:12px/15px Arial,Helvetica,sans-serif; color: #FFF; background-color: #88A926;}
#calendar td.nobkgnd {padding:0; margin:0; background-color:none;}

#leftbar {height:4px; width:214px; overflow:hidden; background:url(/images/left_bar.gif) top left no-repeat; margin: 12px 0px 10px 0px;}
#centre {float:left; width:523px; margin:0; padding:26px 0px 30px 28px; overflow:hidden;}
#right {float:left; width:160px; margin:0; padding:26px 0px 30px 25px;}

#footer {position:relative; width:950xp; height:48px; border-top:15px solid #A3C636; margin:0; padding:0;}
#footeriso {position: absolute; top:0; left: 0; width:37px; height:48px;}
#footeresol {position: absolute; top:0; right:0; width:202px; height:48px;}
#footerw3c {position: absolute; top:0; left:417px; width:103px; height:48px; background: url(/en/images/footer_w3c.jpg) top left no-repeat;}
#footerw3cfr {position: absolute; top:0; left:517px; width:103px; height:48px; background: url(/en/images/footer_w3c.jpg) top left no-repeat;}
#footertext {position: absolute; top:15px; left:38px; font:11px Arial,Helvetica,sans-serif; color: #333;}

/* STYLES HOME PAGE ONLY */
#right .buttons {margin-bottom:4px; border:0; height:88px; width:160px;}

/* STYLES FOR CONTENT PAGES ONLY */
#breadcrumb {width:498px; margin-bottom:8px; font:12px/17px Arial,Helvetica,sans-serif; color:#003873;}
#breadcrumb a {color:#003873; text-decoration:none; padding: 0px 7px;}
#breadcrumb a:hover {color:#003873; text-decoration:underline; padding: 0px 7px;}

#centrecontent {float:left; width:498px; margin:0; padding:26px 25px 30px 28px; overflow:hidden;}
#rightcontent {float:left; width:185px; background: url(/images/bkgnd_rightcontent.gif) top left repeat-y; color:#003873;}
#righttop {width:185px; height:54px;}
#rightbottom {width:185px; height:51px;}
#rightcontent a {font:12px/16px Arial,Helvetica,sans-serif; text-decoration: none; color:#003873; display:block; width:117px; margin-left:20px; padding-bottom:8px; border-bottom:1px solid #abba7b; margin-bottom:9px;}
#rightcontent a:hover {font:12px/16px Arial,Helvetica,sans-serif; text-decoration: underline; color:#003873;}

/* TYPOGRAPHY AND LINKS in specific divs that differ from the base.css styles */
#search input {width:110px; padding:2px; margin-right:3px; border:1px solid #d8d9db;}
#linkhome a, #linkcontact a, #linklanguage a {color:#FFF; text-decoration:none;}
#linkhome a:hover, #linkcontact a:hover, #linklanguage a:hover {color:#a3c636; text-decoration:none;}
#subhead {width:100%; margin-bottom:12px; font:17px/19px Arial,Helvetica,sans-serif; color: #333;}
#footertext a {font:11px Arial,Helvetica,sans-serif; color: #003366; text-decoration: none; font-weight: bold; padding:0px 5px;}
#footertext a:hover {color: #003366; text-decoration: underline; font-weight: bold; padding:0px 5px;}


/* CSS NAVIGATION STYLES FOR TOP NAV MENU using DaveyJJ's method of moving background images */
#navtab1 a {
		display: block; width: 153px; height: 34px; margin: 0; padding: 0; float: left;
		background: url(/en/images/menu1.gif) 0 0 no-repeat;
}
#navtab1 a:hover {background-position: 0px -34px; text-decoration: none;}
#navtab1on, #navtab1on a, #navtab1on a:hover {
		display: block; width: 153px; height: 34px; margin: 0; padding: 0; float: left;
		background: url(/en/images/menu1.gif) 0px -34px no-repeat;
}
#navtab2 a {
		display: block; width: 162px; height: 34px; margin: 0; padding: 0; float: left;
		background: url(/en/images/menu2.gif) 0 0 no-repeat;
}
#navtab2 a:hover {background-position: 0px -34px;text-decoration: none;}
#navtab2on, #navtab2on a, #navtab2on a:hover {
		display: block; width: 162px; height: 34px; margin: 0; padding: 0; float: left;
		background: url(/en/images/menu2.gif) 0px -34px no-repeat;
}
#navtab3 a {
		display: block; width: 142px; height: 34px; margin: 0; padding: 0; float: left;
		background: url(/en/images/menu3.gif) 0 0 no-repeat;
}
#navtab3 a:hover {background-position: 0px -34px;text-decoration: none;}
#navtab3on, #navtab3on a, #navtab3on a:hover {
		display: block; width: 142px; height: 34px; margin: 0; padding: 0; float: left;
		background: url(/en/images/menu3.gif) 0px -34px no-repeat;
}
#navtab4 a {
		display: block; width: 160px; height: 34px; margin: 0; padding: 0; float: left;
		background: url(/en/images/menu4.gif) 0 0 no-repeat;
}
#navtab4 a:hover {background-position: 0px -34px; text-decoration: none;}
#navtab4on, #navtab4on a, #navtab4on a:hover {
		display: block; width: 160px; height: 34px; margin: 0; padding: 0; float: left;
		background: url(/en/images/menu4.gif) 0px -34px no-repeat;
}
#navtab5 a {
		display: block; width: 142px; height: 34px; margin: 0; padding: 0; float: left;
		background: url(/en/images/menu5.gif) 0 0 no-repeat;
}
#navtab5 a:hover {background-position: 0px -34px;text-decoration: none;}
#navtab5on, #navtab5on a, #navtab5on a:hover {
		display: block; width: 142px; height: 34px; margin: 0; padding: 0; float: left;
		background: url(/en/images/menu5.gif) 0px -34px no-repeat;
}
#navtab6 a {
		display: block; width: 191px; height: 34px; margin: 0; padding: 0; float: left;
		background: url(/en/images/menu6.gif) 0 0 no-repeat;
}
#navtab6 a:hover {background-position: 0px -34px;text-decoration: none;}
#navtab6on, #navtab6on a, #navtab6on a:hover {
		display: block; width: 191px; height: 34px; margin: 0; padding: 0; float: left;
		background: url(/en/images/menu6.gif) 0px -34px no-repeat;
}

/* Site Map */

/* French Menu */
#navtabfr1 a {
		display: block; width: 143px; height: 34px; margin: 0; padding: 0; float: left;
		background: url(/fr/images/menu1.gif) 0 0 no-repeat;
}
#navtabfr1 a:hover {background-position: 0px -34px; text-decoration: none;}
#navtabfr1on, #navtabfr1on a, #navtabfr1on a:hover {
		display: block; width: 143px; height: 34px; margin: 0; padding: 0; float: left;
		background: url(/fr/images/menu1.gif) 0px -34px no-repeat;
}
#navtabfr2 a {
		display: block; width: 150px; height: 34px; margin: 0; padding: 0; float: left;
		background: url(/fr/images/menu2.gif) 0 0 no-repeat;
}
#navtabfr2 a:hover {background-position: 0px -34px;text-decoration: none;}
#navtabfr2on, #navtabfr2on a, #navtabfr2on a:hover {
		display: block; width: 150px; height: 34px; margin: 0; padding: 0; float: left;
		background: url(/fr/images/menu2.gif) 0px -34px no-repeat;
}
#navtabfr3 a {
		display: block; width: 129px; height: 34px; margin: 0; padding: 0; float: left;
		background: url(/fr/images/menu3.gif) 0 0 no-repeat;
}
#navtabfr3 a:hover {background-position: 0px -34px;text-decoration: none;}
#navtabfr3on, #navtabfr3on a, #navtabfr3on a:hover {
		display: block; width: 129px; height: 34px; margin: 0; padding: 0; float: left;
		background: url(/fr/images/menu3.gif) 0px -34px no-repeat;
}
#navtabfr4 a {
		display: block; width: 150px; height: 34px; margin: 0; padding: 0; float: left;
		background: url(/fr/images/menu4.gif) 0 0 no-repeat;
}
#navtabfr4 a:hover {background-position: 0px -34px; text-decoration: none;}
#navtabfr4on, #navtabfr4on a, #navtabfr4on a:hover {
		display: block; width: 150px; height: 34px; margin: 0; padding: 0; float: left;
		background: url(/fr/images/menu4.gif) 0px -34px no-repeat;
}
#navtabfr5 a {
		display: block; width: 105px; height: 34px; margin: 0; padding: 0; float: left;
		background: url(/fr/images/menu5.gif) 0 0 no-repeat;
}
#navtabfr5 a:hover {background-position: 0px -34px;text-decoration: none;}
#navtab5fron, #navtabfr5on a, #navtabfr5on a:hover {
		display: block; width: 105px; height: 34px; margin: 0; padding: 0; float: left;
		background: url(/fr/images/menu5.gif) 0px -34px no-repeat;
}
#navtabfr6 a {
		display: block; width: 273px; height: 34px; margin: 0; padding: 0; float: left;
		background: url(/fr/images/menu6.gif) 0 0 no-repeat;
}
#navtabfr6 a:hover {background-position: 0px -34px;text-decoration: none;}
#navtab6fron, #navtabfr6on a, #navtabfr6on a:hover {
		display: block; width: 273px; height: 34px; margin: 0; padding: 0; float: left;
		background: url(/fr/images/menu6.gif) 0px -34px no-repeat;
}

/* Site Map */
#mainfloater {width: 900px; 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: 900px; 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;}

/* ----- end structure template ----- */