
#container {
	width:950px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom: 0px;
	padding: 0px;
}

html { 
  height: 100%;
}

* { 
  margin: 0;
  padding: 0;
}

/* tell the browser to render HTML 5 elements as block */
article, aside, figure, footer, header, hgroup, nav, section { 
  display:block;
}

body { 
  font: normal 11pt arial, sans-serif;
  background: #FFFFFF;
  color: #444445;
}

p { 
font: normal 11pt arial, sans-serif;
  padding: 0 0 15px 0;
  line-height: 15pt;
}

body a:link {
color : #007b9d; 
text-decoration : none; 
} 

body a:hover {
color : #007b9d; 
text-decoration : none; 
} 

body a:active {
color : #007b9d; 
text-decoration : none; 
} 

body a:visited {
color : #007b9d; 
text-decoration : none; 
}

img { 
  border: 0;

}

h1, h2, h3, h4, h5, h6 { 
  color: #E96B30;
  letter-spacing: 0em;
  font: bold arial, sans-serif;
}

h1, h2, h3 { 
  font: normal 16pt arial, sans-serif;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  display: block;

}

h2 { 
  font-size: 14pt;
  padding: 0 0 5px 0;
  color: #E96B30;
}

h3 { 
  font-size: 12pt;
  padding: 0 0 0 0;
  color: #E96B30;
  
}

h4, h6 { 
  color: #E96B30;
  padding: 0 0 12px 0;
  font: normal 12pt arial, sans-serif;
}

h5  { 
  color: #666666;
  font: bold 10pt arial, sans-serif;
  letter-spacing: normal;
  line-height: 14pt;

}

a.button {
    background: #007b9d none repeat scroll 0 0;
    border-radius: 7px;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0;
    margin: 0 0 10px;
    padding: 15px 0;
    text-align: center;
    width: 234px;
}

.content a.button {
    float: left;
    margin: 0 5px 10px 0;
    padding: 20px 0;
    width: 203px;
}

body a.button:link,
body a.button:visited {
	color : #fff; 
} 


blockquote {
 
 width: 575px;
 margin: 5px 10px 4px 30px;

 }

ul { 
  margin: 0 20px 10px 25px;
 
}

ul li { 
  list-style-type: disc;
  font: normal 11pt arial, sans-serif;
  margin: 0 0 6px 0; 
  padding: 0 0 4px 5px;
  line-height: 15pt;
}

ol { 
  margin: 8px 0 22px 20px;
}

ol li { 
  margin: 0 0 11px 0;
}

.left { 
  float: left;
  width: auto;
  margin-right: 10px;
}

.right { 
  float: right; 
  width: auto;
  margin-left: 10px;
}

.center { 
  display: block;
  text-align: center;
  margin: 20px auto;
}

#main, nav, #container, #logo, #site_content, footer { 
  margin-left: auto; 
  margin-right: auto;
}

#main {
    background: transparent none repeat scroll 0 0;
    margin: 50px auto 40px;
    width: 950px;
}

header { 
  background: transparent;
  height: 130px;
  width: 950px;
}

.translate {
	float: right; 
	margin: 0 10px 5px 0;
	color: #666666;
}

.translate a {
	color: #666666;
}

.translate a#current,
.translate a:hover {
	color:#E96B30;
}

/* logo */

#logo { 
  width: 950px;
  height: 160px;
  background: url(/images/banner.png);
  color: #FFF;
  padding: 0;
  float: left;
  margin: 0 0 20px;
}

.fr #logo {
  background: url(/images/french_banner.png);
}

#logo h1, #logo h2 { 
  font: normal 12pt arial, sans-serif;
  border-bottom: 0;
  text-transform: none;
  margin: 0;
}

#logo_text h1, #logo_text h1 a, #logo_text h1 a:hover { 
  padding: 0;
  color: #FFF;
  text-decoration: none;
  margin: 10px;
  padding: 35px 40px 0 0;
}


#logo_text h1 a .logo_colour { 
  color: #09D4FF;
}

#logo_text a:hover .logo_colour { 
  color: #FFF;
}

#logo_text h2 { 
  font-size: 12pt;
  padding: 0 0 0 0;
  color: #FFF;
}


/* content */

#site_content { 
  width: 950px;
  overflow: hidden;
  margin: 0px auto 0 auto;
} 


#sidebar_container { 
  float: left;
  width: 250px;
  
}

.content {
    float: right;
    font-size: 12pt;
    margin: 0;
    text-align: left;
    width: 680px;
}
  

/* optional content call out box */

#rightbox {
	position: relative;
	line-height: 20px;
	float:right;
	width: 230px;
	margin: 20px, 20px, 20px, 20px;
	padding:20px;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#FFFFFF;
	background-color:#E96B30;
	z-index: 1;
}

#leftbox {
	position: relative;
	line-height: 18px;
	float:right;
	width: 225px;
	margin: 10px, 10px, 10px, 10px;
	padding:20px;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#FFFFFF;
	background-color:#E96B30;
	z-index: 1;
}




/* lefthand navigation */

#leftnav {
    background: #28779f none repeat scroll 0 0;
    color: #ffffff;
    float: left;
    margin-top: 23px;
    width: 250px;
}

#leftnav-heading {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	background-color: #E96B30;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	
}


#leftnav-items {
	list-style-type: none;
	display: block;
	line-height: normal;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	margin-bottom: 5px;
	margin-left: 5px;
	padding-bottom: 5px;
	list-style-image: none;
	padding: 5px;
	list-style-position: outside;
     background-color: #28779F;
	 line-height: 17pt;
	
	}

#leftnav a:link {
color : #FFFFFF; 
text-decoration : none; 
} 

#leftnav a:hover {
color : #CCCCCC; 
text-decoration : none; 
} 

#leftnav a:active {
color : #FFFFFF; 
text-decoration : none; 
}

#leftnav a:visited {
color : #8CACC4; 
text-decoration : none; 
} 


#leftnav .current_page_item a {
	color: #ED9677;
}



/* left sidebar */

.sidebar {
    width: 250px;
}
  
.sidebar h3, .content h1 {
    color: #e96b30;
    font: 18pt arial,sans-serif;
    margin: 24px 0 10px;
}

.sidebar h3 { 
  color: #E96B30;
  font: 18pt bold arial, sans-serif;

}

.sidebar ul { 
  margin: 0 0 15px 0;
} 

.sidebar li a, .sidebar li a, a:hover { 
  color: #FFFFFF;
  text-decoration: none;
} 

.sidebar li a, a:hover { 
  text-decoration: no underline;
  color: #FFFFFF;
} 

.sidebar_item, .content_item { 
  padding: 0 0;
}

/* right sidebar */

.rightsidebar { 
  width: 260px;

}
  
.rightsidebar h3, 
.content h1 {
    color: #e96b30;
    font: 18pt arial,sans-serif;
    margin: 20px 0 10px;
}

.rightsidebar h3 { 
  color: #E96B30;
  font: 18pt bold arial, sans-serif;
  padding: 0 15px 5px 0;
}

.rightsidebar ul { 
  margin: 0 0 15px 0;
} 

.rightsidebar li a, .sidebar li a, a:hover { 
  color: #FFFFFF;
  text-decoration: none;
} 

.rightsidebar li a, a:hover { 
  text-decoration: no underline;
  color: #FFFFFF;
} 

.rightsidebar_item, .content_item { 
  padding: 10px 0;
}



/* footer */

#footer {
    clear: both;
    margin: 50px 0 0;
    width: 950px;
}


