html, body, ol, ul, li, dl, dt, dd, img {
  margin: 0; 
  padding: 0;
  border: 0;
}

body {
	background-color: #000;
	color: #FFF; 
	width: 1000px;
	margin: 0 auto;
  	font-family: "Lucida Grande", helvetica, arial, verdana, sans-serif; 
	font-size: 95%; /* this body font-size fixes an IE bug and maintains x-browser uniformity */ 
  	text-align: center; /* left-justifies the #sizer element in IE5.x/win */
}
#wrapper {
	margin-left: auto; 
	margin-right: auto;
	width: 1000px;
	text-align: left;
}

#headerwrapper {
	width: 1000px;
	height: 110px;
	background-color: #000;
	border: 0;
	padding: 0;
	position: relative;
}

#outer {
	width: 1000px;
	background-color: #000;
	position: relative;
	top: 0;
}

#content {
 	font-weight: normal;
  	width: 1000px;
  	background-color: #000;
  	margin: 0;
}


#sidebar {
	float: left;
	width: 210px;
	margin: 0;
	padding: 0;
	background-color: #000;
}

#sidebar li {
	list-style: none;
	margin: 5px 0 8px 10px;
	font-weight: bold;
}

.layout {
	border: 0;
	margin: 0 auto;
}
table.layout {
	width: 1000px;
}
.layout.tablecol1 {
	width: 100px;
}
.layout.tablecol2 {
	width: 620px;
}
.layout.tablecol3 {
	 width: 180px;
}
.contentlayout {
	width: 580px;
	border: 0;
	margin: 20px 0 0 40px;
}
/************** Text Rules *************/

#content a:link {
	color: #FC6;
	background-color: transparent;
	text-decoration: none;
}
#content a:visited {
	color: #FC6;
	background-color: transparent;
	text-decoration: none;
}
#content a:hover {
	color: #FFF;
	background-color: transparent;
	text-decoration: underline;
}
#content a:active {
	color: #FFF;
	background-color: transparent;
	text-decoration: underline;
}

#sidenav a:link {
	color: #FC6;
	background-color: transparent;
	text-decoration: none;
}
#sidenav a:visited {
	color: #FC6;
	background-color: transparent;
	text-decoration: none;
}
#sidenav a:hover {
	color: #FFF;
	background-color: transparent;
	text-decoration: underline;
}
#sidenav a:active {
	color: #FFF;
	background-color: transparent;
	text-decoration: underline;
}

#sidebar p, #sidebar li {
	color: #666;
}
#sidebar h1 {
	font-size: .9em;
	margin: 0 0 .3em 0;
	text-align: center;
}

.date {
	text-align: center;
	font-size: 80%;
	color: #999;
	margin: 0;
	}

.photocredit {
	font-size: 80%;
	font-style: italic;
	text-align: right;
	margin: 0;
}
/* copyright notice in footer */

#copy {font-family: verdana, arial, sans-serif;
	font-weight: normal;
	text-align: center;
	color: #999;
	font-size: x-small;
	padding: 1em 1em 1em 1em;
	}
#copy a:link {
	color: #CCC;
	text-decoration: none;
}
#copy a:visited {
	color: #999;
	text-decoration: underline;
}
#copy a:hover {
	color: #CCC;
	text-decoration: underline;
}
#copy a:active {
	color: #CCC;
	text-decoration: none;
}


/* header (navbuttons) ENGLISH */
#header	{
	width: 180px;
	height: 110px;
	border: 0;
	padding: 0;
	margin: 0;
	}
	
#header ul	{
	width: 180px;
	height: 110px;
	background: url(../images/topNavEng.gif);
	margin: 0;
	padding: 0;
	position: relative;
	}
	
#header ul li	{
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	top: 0;
	}
	
#header ul li, #header a	{
	width: 180px;
	display: block;
	}

#header ul li a	{
	text-indent: -9999px; 
	text-decoration: none;
	}


#authors {top: 0; height: 50px;}
#book {top: 50px; height: 30px;}
#francais {top: 80px; height: 30px;}

#authors a {height: 50px;}
#book a {height: 30px;}
#francais a {height: 30px;}

#authors a:hover {background: transparent url(../images/topNavEng.gif) -180px -0px no-repeat;}
#book a:hover {background: transparent url(../images/topNavEng.gif) -180px -50px no-repeat;}
#francais a:hover {background: transparent url(../images/topNavEng.gif) -180px -80px no-repeat;}

/* header (navbuttons) FRENCH */
#headerfr	{
	width: 180px;
	height: 110px;
	border: 0;
	padding: 0;
	margin: 0;
	}
	
#headerfr ul	{
	width: 180px;
	height: 110px;
	background: url(../images/topNavFr.gif);
	margin: 0;
	padding: 0;
	position: relative;
	}
	
#headerfr ul li	{
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	top: 0;
	}
	
#headerfr ul li, #headerfr a	{
	width: 180px;
	display: block;
	}

#headerfr ul li a	{
	text-indent: -9999px; 
	text-decoration: none;
	}

#authorsfr {top: 0; height: 50px;}
#bookfr {top: 50px; height: 30px;}
#francaisfr {top: 80px; height: 30px;}

#authorsfr a {height: 50px;}
#bookfr a {height: 30px;}
#francaisfr a {height: 30px;}

#authorsfr a:hover {background: transparent url(../images/topNavFr.gif) -180px -0px no-repeat;}
#bookfr a:hover {background: transparent url(../images/topNavFr.gif) -180px -50px no-repeat;}
#francaisfr a:hover {background: transparent url(../images/topNavFr.gif) -180px -80px no-repeat;}

/* back and next buttons1 */

#backbutton	{
	width: 36px;
	height: 20px;
	border: 0;
	padding: 0;
	margin: 0;
	background-image: url(../images/back.gif);
	background-repeat: no-repeat;
	background-position: top left;
	}

	
#backbutton ul	{
	width: 36px;
	height: 20px;
	background: url(../images/back.gif);
	margin: 0;
	padding: 0;
	position: relative;
	}
	
#backbutton ul li	{
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	}
	
#backbutton ul li, #backbutton a	{
	height: 20px;
	display: block;
	}

#backbutton ul li a	{
	text-indent: -9999px; 
	text-decoration: none;
	}

#back {left: 0; width: 36px;}

#back a:hover {background: transparent url(../images/back.gif) 0px -20px no-repeat;}

#nextbutton	{
	width: 36px;
	height: 20px;
	border: 0;
	padding: 0;
	margin: 0;
	background-image: url(../images/next.gif);
	background-repeat: no-repeat;
	background-position: top left;
	}

	
#nextbutton ul	{
	width: 36px;
	height: 20px;
	background: url(../images/next.gif);
	margin: 0;
	padding: 0;
	position: relative;
	}
	
#nextbutton ul li	{
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	}
	
#nextbutton ul li, #nextbutton a	{
	height: 20px;
	display: block;
	}

#nextbutton ul li a	{
	text-indent: -9999px; 
	text-decoration: none;
	}

#next {left: 0; width: 36px;}

#next a:hover {background: transparent url(../images/next.gif) 0px -20px no-repeat;}

/* back and next buttons2 */

#backbutton2	{
	width: 36px;
	height: 20px;
	border: 0;
	padding: 0;
	margin: 0;
	background-image: url(../images/back.gif);
	background-repeat: no-repeat;
	background-position: top left;
	}

	
#backbutton2 ul	{
	width: 36px;
	height: 20px;
	background: url(../images/back.gif);
	margin: 0;
	padding: 0;
	position: relative;
	}
	
#backbutton2 ul li	{
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	}
	
#backbutton2 ul li, #backbutton2 a	{
	height: 20px;
	display: block;
	}

#backbutton2 ul li a	{
	text-indent: -9999px; 
	text-decoration: none;
	}

#back2 {left: 0; width: 36px;}

#back2 a:hover {background: transparent url(../images/back.gif) 0px -20px no-repeat;}

#nextbutton2	{
	width: 36px;
	height: 20px;
	border: 0;
	padding: 0;
	margin: 0;
	background-image: url(../images/next.gif);
	background-repeat: no-repeat;
	background-position: top left;
	}

	
#nextbutton2 ul	{
	width: 36px;
	height: 20px;
	background: url(../images/next.gif);
	margin: 0;
	padding: 0;
	position: relative;
	}
	
#nextbutton2 ul li	{
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	}
	
#nextbutton2 ul li, #nextbutton2 a	{
	height: 20px;
	display: block;
	}

#nextbutton2 ul li a	{
	text-indent: -9999px; 
	text-decoration: none;
	}

#next2 {left: 0; width: 36px;}

#next2 a:hover {background: transparent url(../images/next.gif) 0px -20px no-repeat;}

/* Index page: English and French buttons */
#indexengfr	{
	width: 561px;
	height: 32px;
	border: 0;
	padding: 0;
	margin: 0 auto;
	}
	
#indexengfr ul	{
	width: 561px;
	height: 32px;
	background: url(../images/indexBS-PB-EngFr.gif);
	margin: 0;
	padding: 0;
	position: relative;
	}
	
#indexengfr ul li	{
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	}
	
#indexengfr ul li, #indexengfr a	{
	height: 32px;
	display: block;
	}

#indexengfr ul li a	{
	text-indent: -9999px; 
	text-decoration: none;
	}

#indexenglish {left: 0; width: 280px; height: 32px;}
#indexfrancais {left: 280px; width: 281px; height: 32px;}

#indexenglish a {width: 280px; height: 32px;}
#indexfrancais a {width: 280px; height: 32px;}

#indexenglish a:hover {
	background: transparent url(../images/indexBS-PB-EngFr.gif) 0px -32px no-repeat;}
#indexfrancais a:hover {
	background: transparent url(../images/indexBS-PB-EngFr.gif) -280px -32px no-repeat;}



/************** Special Fixes *************/

/* Holly hack */
/* \*/
* html #outer,
* html #content, 
* html h1,
* html h2,
{height: 1%;}


/**************** Utility Rules *******************/

/*\*/ /*/
.sidenav a:hover {position: relative;}
/* this fixes an IEmac hover bug in the left column, hidden from other browsers */

/* Alsett Clearing Method */
.brclear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.brclear {display: inline-block;}
* html .brclear {height: 1%;} /* Holly hack */
.brclear {display: block;}

.center {margin: 0 auto 0 auto; text-align: center;}


.hide {display: none;}


.coming { 	color: white; 
		font-size: .8em; 
		font-weight: normal;
		font-style: italic;
}

dt {	font-weight: bold;
	margin-left: 1em;
}

dd {	font-weight: normal;
	margin: 0 0 .8em 2.5em;
}