@charset "utf-8";
/* CSS Document */

/* Styles common to all pages */
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	/*background: #fff;*/
	margin: 0;
	padding: 0;
	text-align: center;
}
h1 {
	font:100% Verdana, Arial, Helvetica, sans-serif;
	color:#000;
}
h2 {
	font:80% Verdana, Arial, Helvetica, sans-serif;
	color:#000;
}

h2 a:link {
	color:#336699;
	text-decoration:underline;
	font-weight:bold;
}
h2 a:visited {
	color:#336699;
	text-decoration:underline;
	font-weight:bold;
}
h2 a:hover {
	color:#8e2f42;
	text-decoration:underline;
}
h3 {
	font:85% Verdana, Arial, Helvetica, sans-serif;
	color:#787878;
}
h4 {
	font:80% Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	margin-bottom:-10px;
}
p {
	font:75% Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	line-height:1.3em;
}
p a:link {
	color:#336699;
	text-decoration:underline;
	font-weight:bold;
}
p a:visited {
	color:#336699;
	text-decoration:underline;
	font-weight:bold;
}
p a:hover {
	color:#8e2f42;
	text-decoration:underline;
}

li a:link {
	color:#336699;
	text-decoration:underline;
	font-weight:bold;
}
li a:visited {
	color:#336699;
	text-decoration:underline;
	font-weight:bold;
}
li a:hover {
	color:#8e2f42;
	text-decoration:underline;
}

p.close {
	margin-bottom:-10px;
}
p.closer {
	margin-bottom:-20px;
}
td a:link {
	color:#336699;
	text-decoration:underline;
	font-weight:bold;
}
td a:visited {
	color:#336699;
	text-decoration:underline;
	font-weight:bold;
}
td a:hover {
	color:#8e2f42;
	text-decoration:underline;
	font-weight:bold;
}
.center {
	text-align:center;
}
.datatable {
	border:none;
}
.datatable th, td {
	font-size:75%;
	color:#000;
	vertical-align:bottom;
	text-align:left;
	padding-right:20px;
}
.docsTable {
	border:1px solid #aba58c;
	border-collapse:collapse;
}
.docsTable th, td {
	font-size:75%;
	color:#000;
	vertical-align:top;
	text-align:left;
	padding:10px;
	border:1px solid #aba58c;
}
#container { 
	width: 980px;
	/*background: #fff;*/
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	/*border: 1px solid #000000;*/
	text-align: left; /* this overrides the text-align: center on the body element. */
	font-size:100%;
} 
#sidebar {
	float: left; /* since this element is floated, a width must be given */
	width: 230px;
	background:url(../images/OWTLsidebar.png);
	background-repeat:no-repeat;
	background-color:#728fc7;
}
#sidebar a:link {
	color:#fff;
	text-decoration:none;
	font-weight:normal;
}
#sidebar a:visited {
	color:#fff;
	text-decoration:none;
	font-weight:normal;
}
#sidebar a:hover {
	color:#fff;
	text-decoration:underline;
	padding-bottom:2px;
	font-weight:normal;	
}
.position {
	text-align:right;
	font-weight:normal;
	padding-right:5px;
	line-height:1.5em;
}
.textStyle70 {
	font-size:70%;
	color:#fff;
}
.textStyle60 {
	font-size:60%;
	color:#fff;
}
.line {
	padding-top:5px;
	border-top:1px solid #fff;
}
.firstLine {
	padding:70px 5px 10px 0;
	border-bottom:1px solid #fff;
}
.teaser {
	background:#990000;
	font:100% Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	padding-top:5px;
	padding-bottom:5px;
	font-weight:normal;
}
.imgPos {
	padding-left:10px;
	margin-bottom:-10px;
}
#mainContent { 
	margin: 0 0 0 250px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */	
} 
#header { 
	background:url(../images/OWTLheader.png);
	background-repeat:no-repeat;
	height:10em;
}
#headerFr { 
	background:url(../images/fOWTLheader.gif);
	background-repeat:no-repeat;
	height:10em;
}
#accessibility {
	margin-top:-170px;
}
#accessibility ul {
	list-style:none;
	text-align:right;
}
#accessibility li {
	font:70% Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	padding-right:2em;
	display:inline;
	font-weight:bold;
}
#accessibility a:link {
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}
#accessibility a:visited {
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}
#accessibility a:hover {
	border-bottom:2px solid #fff;
	color:#fff;
	font-weight:bold;
}
/*#topnav {
	margin-top:-170px;
}*/
#topnav {
	margin-top:5px;
}
#topnav ul {
	list-style:none;
}
#topnav li {
	font:70% Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	padding-right:2em;
	display:inline;
	font-weight:bold;
}
#topnav .right {
	text-align:right;
}
#topnav a:link {
	color:#333;
	text-decoration:none;
	font-weight:bold;
}
#topnav a:visited {
	color:#333;
	text-decoration:none;
	font-weight:bold;
}
#topnav a:hover {
	border-bottom:2px solid #8e2f42;
	color:#8e2f42;
	font-weight:bold;
}

#news h1 {
	color:#8e2f42;
	margin-bottom:-7px;
	font-weight:bold;
	border-bottom:1px solid #8e2f42;
}

#news h2 {
	margin-bottom:-5px;
	font-weight:bold;
}
#search {
	text-align:right;
}
#search p {
	font-size:70%;
	color:#000;
}
#search input {
	font-size:110%;
}

/* Styles for print view that are suppressed in screen view */
#cover {
	display:none;
}
#footnote {
	display:none;
}
.spaces {
	display:none;
}
#pageNum {
	display:none;
}
#pageHeader {
	display:none;
}

/* English styles for the home page */

#column1 {
	background-image:url(../images/Resources_e.png);
	background-repeat:no-repeat;
	position:relative;
	left:0px;
	width:33%;
	height:555px;
	margin-top:20px;
	margin-bottom:20px;
}
#column1 a:link {
	color:#336699;
	text-decoration:underline;
}
#column1 a:visited {
	color:#336699;
	text-decoration:underline;
}
#column1 a:hover {
	color:#8e2f42;
	text-decoration:underline;
}
#column1 h1 {
	text-align:left;
	padding:5px 0 5px 30px;
	font:100% Verdana, Arial, Helvetica, sans-serif;
}
#column1 .smallText {
	text-align:left;
	padding:0 0 0 10px;
	font:60% Verdana, Arial, Helvetica, sans-serif;
}
#column1 p {
	font-size:70%;
	padding-left:10px;
}
#column1 ul {
	list-style:none;
}
#column1 li {
	text-align:left;
	padding:0 0 5px 0;
	margin-left:-30px;
	font:70% Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	list-style:none;
	color:#000;
}
#column1 li.second {
	font:70% Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	padding:0;
}
#column1 a:link, a:visited {
	color:#336699;
	text-decoration:underline;
	font-weight:bold;
}
#column1 a:hover {
	text-decoration:underline;
	color:#8e2f42;
	font-weight:bold;
}
#column1 input .btn {
	font-size:110%;
	color:#336699;
	font-weight:bold;
}
#column2 {
	background-image:url(../images/ResearchAids_e.png);
	background-repeat:no-repeat;
	position:absolute;
	top:0px;
	left:250px;
	width:250px;
	float:left;
	height:555px;
}
#column3 {
	background-image:url(../images/SearchFor_e.png);
	background-repeat:no-repeat;
	position:absolute;
	top:0px;
	left:500px;
	width:250px;
	height:555px;
	float:right;
}

/* French styles for home page */

#column1fr {
	background-image:url(../images/Resources_f.png);
	background-repeat:no-repeat;
	position:relative;
	left:0px;
	width:33%;
	height:650px;
	margin-top:20px;
	margin-bottom:20px;
}
#column1fr a:link {
	color:#336699;
	text-decoration:underline;
}
#column1fr a:visited {
	color:#336699;
	text-decoration:underline;
}
#column1fr a:hover {
	color:#8e2f42;
	text-decoration:underline;
}
#column1fr h1 {
	text-align:left;
	padding:5px 0 5px 30px;
	font:100% Verdana, Arial, Helvetica, sans-serif;
}
#column1fr .smallText {
	text-align:left;
	padding:0 0 0 10px;
	font:60% Verdana, Arial, Helvetica, sans-serif;
}
#column1fr p {
	font-size:70%;
	padding-left:10px;
}
#column1fr ul {
	list-style:none;
}
#column1fr li {
	text-align:left;
	padding:0 0 5px 0;
	margin-left:-30px;
	font:70% Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	list-style:none;
	color:#000;
}
#column1fr li.second {
	font:70% Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	padding:0;
}
#column1fr a:link, a:visited {
	color:#336699;
	text-decoration:underline;
	font-weight:bold;
}
#column1fr a:hover {
	text-decoration:underline;
	color:#8e2f42;
	font-weight:bold;
}
#column1fr input .btn {
	font-size:110%;
	color:#336699;
	font-weight:bold;
}
#column2fr {
	background-image:url(../images/ResearchAids_f.png);
	background-repeat:no-repeat;
	position:absolute;
	top:0px;
	left:250px;
	width:250px;
	float:left;
	height:650px;
}
#column3fr {
	background-image:url(../images/SearchFor_f.png);
	background-repeat:no-repeat;
	position:absolute;
	top:0px;
	left:500px;
	width:250px;
	height:650px;
	float:right;
}


/* Styles for inner pages with a left navigational tab */
#leftnav {
	float:left;
	width:250px;
	background:url(../images/ResearchAids.png) no-repeat;
	height:550px;
}

#leftnav h1 {
	text-align:right;
	padding:5px 30px 0 30px;
}
#leftnav p {
	text-align:left;
	padding:0 10px;
	font-weight:bold;
}
#text {
	position:relative;
	margin-left:270px;
	/*background:url(../images/GreenContent.png);
	background-repeat:repeat-y;
	background-repeat:no-repeat;*/
	background-color:#f7fded;
	border:1px solid #e8f2d7;
	width:437px;
	padding:10px;
	margin-bottom:-18px;
}
#text h1 {
	text-align:left;
	font-weight:bold;
	border-bottom:4px solid #9fa694;
	padding-bottom:5px;
	margin-right:22px;
}
#text h2 {
	text-align:left;
	font-weight:bold;
}
#text p {
	padding-right:20px;
	font-size:75%;
	color:#000;
	text-align:left;
}
#fullContent {
	position:relative;
	top:0;
	background-color:#f9f4e0;
	border:1px solid #f8f0cb;
	padding:0 10px;
	margin-bottom:-18px;
}
#fullContent h1 {
	text-align:left;
	font-weight:bold;
	border-bottom:4px solid #aba58c;
	padding-bottom:5px;
}
#fullContent h2 {
	text-align:left;
	font-weight:bold;
}
#fullContent h3 {
	text-align:left;
	font-weight:bold;
	color:#787878;
}
#fullContent h4 {
	text-align:left;
	font-weight:bold;
	color:#000;
	margin-bottom:-10px;
}
#fullContent ul {
	list-style:disc;
}
#fullContent li {
	font:75% Verdana, Arial, Helvetica, sans-serif;
	color:#000;
}
#fullContent .centerText {
	text-align:center;
}
#fullContent .indent {
	margin-left:20px;
}


#footer { 
	position:relative;
	border-top:6px solid #676767;
} 
#footer p {
	font:60% Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	text-align:center;
}
#footer ul {
	list-style:none;
	text-align:center;
}
#footer li {
	font:60% Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	padding:1em;
	display:inline;
	text-align:center;
	line-height:2em;
}
#footer a:link, a:visited {
	color:#336699;
	text-decoration:underline;
	font-weight:bold;
}
#footer a:hover {
	text-decoration:underline;
	color:#8e2f42;
	font-weight:bold;
}