body {
	margin: 0;
	padding: 0;
			background: #FFFFFF url(images/rightedge2.gif) repeat-y right;
/*	background-color: #EDEBD5; */
	color: #000000;
}
html, body, #contents {
	min-height: 100%;
	width: 100%;
	height: 100%;
		font-family: Verdana, Arial, Helvetica, sans-serif;
}
html>body, html>body #contents {
	height: auto;
}
#contents {
	position: absolute;
	top: 0;
	left: 0;
		font-size: 90%;

}
.text {
	max-width:37em;
	width:expression(  /*hack for IE as  it does not support max-width hack from  http://www.svendtofte.com/code/max_width_in_ie/ */
    document.body.clientWidth > (666/12) * 
    parseInt(document.body.currentStyle.fontSize)?
        "37em":
        "auto" );
	padding: 0.5em;
	/*border:1px solid #EDEBD5;*/
}
#header {
	/*background-color: #DBD5B7; */
		background: #DBD5B7 url(images/banner.jpg) repeat-y right top;
	color: #000000;
	height: 4.5em;
	margin:0;
	padding-top: 1em;
	font-weight: bold;
}
#header .strapline {
	font-size: 120%;
	font-weight: normal;
	background-color: transparent;
	display: block;
	margin-top: 0.2em; 
	margin-left: 0.8em;
}
#header .pagetitle {
	font-size: 200%;
	background-color: transparent;
	display: block;
	margin-left: 0.43em;
}
#search {
	position: absolute;
	top: 6.5em;
	right: 1em;
	height: 1.2em;
}
#homeheader {
	background: #DBD5B7 url(images/banner.jpg) repeat-y right top;
	color: #000000;
	height: 9em;
	margin:0;
	padding-top: 1em;
	font-weight: bold;
}
#homeheader .strapline {
	font-size: 120%;
	font-weight: normal;
	background-color: transparent;
	display: block;
	margin-top: 0.2em; 
	margin-left: 0.8em;
}
#homeheader .pagetitle {
	font-size: 200%;
	background-color: transparent;
	display: block;
	margin-left: 0.43em;
}
#homesearch {
	background-color: transparent;
	position: absolute;
	top: 10.5em;
	right: 1em;
}
#navigation {
	width: 15.5em;
	position: absolute;
	top: 6.5em;
	left: 0em;
	border-style: solid solid solid solid;
	border-color: #DBD5B7;
	border-size: 1px;
	border-width: 1px;
}
#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#navigation ul #currentpage {
	border: 1px solid #000000;
	background-color:  #EDEBD5;
		height: 1.2em;
	color: #000000;
	padding: 0.5em 0.2em 0.5em 0.35em;
	}
#navigation li {
	font-size: 110%;
	font-weight: bold;
}
#navigation li a:link, #navigation li a:visited  {
	display: block;
	height: 1.2em;
	padding: 0.4em 0.2em 0.4em 0.95em; 
	background-color: #EDEBD5;
	text-decoration: none;
/*	border-bottom: 1px solid #DBD5B7; 
	border-right: 1px solid #DBD5B7;  */
}
#navigation li a:hover {
	background-color: #DBD5B7;
	text-decoration: underline;
}
#navigation ul ul {
	margin-left: 0px;
}
#navigation ul ul li {
	margin:0;
	font-weight: normal;
	text-decoration: none;
	font-size: 90%;
/*border: 1px outset #DBD5B7;*/
}
#navigation ul ul a:link, #navigation ul ul a:visited {
	background-color: #FFFFFF; 
	padding-left: 2.2em;
	text-decoration: none;
}
#navigation ul ul a:hover {
	background-color: #DBD5B7;
	text-decoration: underline;
}
#navigation ul ul  #currentpage {
	background-color: #DBD5B7;
	padding-left: 1.35em;
	color: #000000;
	}
#home_navigation {
	width: 15.5em;
	position: absolute;
	top: 10.5em;
	left: 0em;
	border-style: solid solid solid solid;
	border-color: #DBD5B7;
	border-size: 1px;
	border-width: 1px;
}
#home_navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#home_navigation ul #currentpage {
	border: 1px solid #000000;
	background-color:  #EDEBD5;
		height: 1.2em;
	color: #000000;
	padding: 0.5em 0.2em 0.5em 0.35em;
	}
#home_navigation li {
	font-size: 110%;
	font-weight: bold;
}
#home_navigation li a:link, #home_navigation li a:visited  {
	display: block;
	height: 1.2em;
	padding: 0.4em 0.2em 0.4em 0.95em; 
	background-color: #EDEBD5;
	text-decoration: none;
/*	border-bottom: 1px solid #DBD5B7; 
	border-right: 1px solid #DBD5B7;  */
}
#home_navigation li a:hover {
	background-color: #DBD5B7;
	text-decoration: underline;
}
#home_navigation ul ul {
	margin-left: 0px;
}
#home_navigation ul ul li {
	margin:0;
	font-weight: normal;
	text-decoration: none;
	font-size: 90%;
/*border: 1px outset #DBD5B7;*/
}
#home_navigation ul ul a:link, #home_navigation ul ul a:visited {
	background-color: #FFFFFF; 
	padding-left: 2.2em;
	text-decoration: none;
}
#home_navigation ul ul a:hover {
	background-color: #DBD5B7;
	text-decoration: underline;
}
#home_navigation ul ul  #currentpage {
	background-color: #DBD5B7;
	padding-left: 1.35em;
	color: #000000;
	}
#content {
	margin-left: 17em;
	margin-right: 1.5em;
	margin-bottom: 5em;
}
#content .dodocard {
	padding-left: 2.5em;
}
#main {
	border:1px solid #EDEBD5;
}
#crumbs{
	font-size: 80%;
}
#back_next{
	display: block;
	margin-bottom: 3em;
	width: 20em;

}
table {
	width: 20em;
	border-collapse: collapse;
	text-align: left;
}
th{
	width: 7em;
	background: #F8F7EF;
	border: 1px solid #B2B2B2;
	padding: 0.2em;
	font-size: 85%;
	text-decoration: none;
}
td{
	background: #FFFFFF;
	border: 1px solid #B2B2B2;
	padding: 0.2em;
}
#poster {
	/*	position: absolute;
		top: 10em;
	left: 20em; */
}
#poster_info {
	height: 5em;
	/*width: 35em;
	border: 1px solid #DBD5B7;*/
}
h1 {
font-size: 150%;
}
#content p {
	font-size: 100%;
	line-height: 1.5em; 
}
/*
#askus {
	font-size: 100%;
	line-height: 1.2em;
	position: absolute;
	left: 0em;
	top: 35em;
	width: 14.5em;
	padding-left: 1em;
	border-style: solid solid solid solid;
	border-color: #DBD5B7;
	border-size: 1px;
	border-width: 1px;
}
#askus ul {
	list-style-type: circle;
	margin: 0;
	padding: 0;
	font-size: 90%;
	padding-top: 0em;
	padding-right: 0.2em;
	padding-bottom: 0.8em;
	padding-left: 1.3em;

*/
#footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	background-color: #DBD5B7;
	color: #000000;
	font-size: 75%;
		margin-top: 4em;
}
#footer p {
	margin: 0.5em;
	padding: 0;
}
/* gallery-specific styles */

/* gallery container */
.gallery {
	text-align: center;    /* centers inline paragraphs */
	border:1px solid #EDEBD5; 
	background-color: #FFFFFF;
	padding: 0.5em;
}
.gallery a {
	text-decoration: none;
}
.gallery a img {
	border-width: 0px;  
	vertical-align: middle;
}
/* outer container for each image/caption pair */
.gallery p {
	display: inline;
}
.gallery a:link {
	background: #fff;
	color: #009;
}
.gallery a:visited {
	background: #fff;
	color: #606;
}
.gallery a:hover,
a:focus,
a:active {
	/*background: #ffc; 
	color: #900;*/
/*	background: #EDEBD5; */
	text-decoration: underline;
}
/* For the <a> container, the best default display value is inline-table, but browser support isn't very good. Opera versions 6 and earlier totally mangle anything except display:table-cell, so that is set by default and the preferred display values are at the end of this stylesheet, within hacks that hide them from those Opera versions. No other browsers tested seemed to have any trouble with setting the different display values within a single rule. */
/* inner container for each image/caption pair */
.gallery a {
	display: table-cell;   /* default, for gecko & Opera6- */
/*	margin: .5em; */
	padding: 0.4em; 
	vertical-align: top;   /* aligns the img/caption container */
/*	width: 8em;            /* adjusts with text size */
/*	min-width: 110px;      /* not always honored, but that's OK */
	/*border: 1px solid #ccc;*/
}
/* image container, sets height so image can be vertically centered and the caption starts in the same vertical position regardless of image height, except WinIE does not apply line-height to images. oh well, most other browsers do... */
.gallery span {
	display: block;        /* fill container width, force a line break */
/*	height: 160px;         /* a bit larger than highest img */
/*	line-height: 160px;    /* same value as height */
/* text-align: center; */
	text-align: left;
/*	border: 1px dashed #f00; /* uncomment to show */
}

/* caption container, sets height (for 3 lines) so each outlined image/caption pair is the same height (except in WinIE) */
.gallery i {
	display: block;
	height: 3em;         /* makes each box a consistent height */
/*	padding: 5px 5px 0 5px; */
	text-align: center;
	font-style: normal;
	line-height: 120%;  
	font-size: 75%;	
}
.wrap1, .wrap2, .wrap3 {
  display:inline-table;
  /* \*/display:block;/**/
  }
.wrap1 {
  float:left;
  background:url(images/shadow2.gif) right bottom no-repeat;
  }
.wrap2 {
  background:url(images/corner_bl.gif) left bottom no-repeat;
  }
.wrap3 {
  padding:0 4px 4px 0;
  background:url(images/corner_tr.gif) right top no-repeat;
  }
 .wrap3a {
  padding:0 4px 4px 0;
  width: 35em; 
  /* min-width: 35em; */
  background:url(images/corner_tr.gif) right top no-repeat;
  }
 .wrap3 img {
  display:block;
  }