html, body {
	margin: 0;
	padding: 0;

	font-family: trebuchet, sans-serif;
	font-size: 10pt;
	width: 100%;
	height: 100%;
}

body {
	width: 100%;
	height: 100%;
/*	background: white url('../images/MenuBackgroundLeft90x1.gif') repeat-y top left; */
	background: white url('../images/bgRight1x83.gif') repeat-y top right; 
	margin: 0;
	padding: 0;
}

#flashPageContent {
	width: 100%;
	height: 100%;
}

#topLevelMenu {
	width: 80px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 100;
	background: white;
}

#topLevelMenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#topLevelMenu ul li {
	font-size: 1pt;
	display: block;
	width: 76px;
	height: 76px;
	margin-left: 2px;
}


#topLevelMenu ul li a {
	display: block;
	width: 76px;
	height: 72px;
	color: white;
	margin: 2px 2px 0 0;
	text-align: center;
	padding: 4px 0 0 0;
}

#homeButton {
	width: 190px;
	height: 66px;
	position: absolute;
	right: 8px;
	top: 8px;
	background: transparent url('../images/homeButton190x66.gif') no-repeat top left;

}

#homeButton a {
	margin: 3px 0 0 127px;
	font-size: 1px;
	color: white;
	display: block;
	width: 60px;
	height: 60px;
	padding: 3px;
}

#homeButton.hover {
	background: transparent url('../images/homeButtonOver190x66.gif') no-repeat top left;
}


#wholePage {
	width: 100%;
	height: 100%;
}

#wholePage.menuPad {
	width:  auto;
	padding: 0 83px 0 0;
	height: auto;
}

#panelPage {
	width:  auto;
	padding: 0 83px 0 0;
	height: auto;
}

#panelPage h4 {
	border-bottom: 1px solid  #dedede;
	padding: 5px 0;

}

#panelPage div.notes {
	font-size: 8pt;
	color: #989898;

}

#content {
	width: 600px;
	margin: 0 auto;
	background: white;
}

#footerBar {
	background: #dedede;	
	margin: 10px 0 0 0 ;
}

#footSpacer {
	padding: 4px 1px;
	text-align: left;
	margin: 0 auto;
	width: 600px;
	font-size: 8pt;
}

div.locationInResearch,
div.bookDetails {
	border-top: 1px solid #dedede;
}

/* main menu rollovers */

#topLevelMenu ul #index {
	background: white url('../images/buttons/index76x76.gif') no-repeat top left;
}

#topLevelMenu ul #index:hover {
	background: white url('../images/buttons/indexOver76x76.gif') no-repeat top left;
}

#topLevelMenu ul #bibliography {
	background: white url('../images/buttons/bibliography76x76.gif') no-repeat top left;
}

#topLevelMenu ul #bibliography:hover {
	background: white url('../images/buttons/bibliographyOver76x76.gif') no-repeat top left;
}

#topLevelMenu ul #figures {
	background: white url('../images/buttons/images76x76.gif') no-repeat top left;
}

#topLevelMenu ul #figures:hover {
	background: white url('../images/buttons/imagesOver76x76.gif') no-repeat top left;
}
#topLevelMenu ul #glossary {
	background: white url('../images/buttons/glossary76x76.gif') no-repeat top left;
}

#topLevelMenu ul #glossary:hover {
	background: white url('../images/buttons/glossaryOver76x76.gif') no-repeat top left;
}

#topLevelMenu ul #search {
	background: white url('../images/buttons/search76x76.gif') no-repeat top left;
}

#topLevelMenu ul #search:hover {
	background: white url('../images/buttons/searchOver76x76.gif') no-repeat top left;
}

#topLevelMenu ul #compare {
	background: white url('../images/buttons/compare76x76.gif') no-repeat top left;
}

#topLevelMenu ul #compare:hover {
	background: white url('../images/buttons/compareOver76x76.gif') no-repeat top left;
}
#topLevelMenu ul #history {
	background: white url('../images/buttons/history76x76.gif') no-repeat top left;
}

#topLevelMenu ul #history:hover {
	background: white url('../images/buttons/historyOver76x76.gif') no-repeat top left;
}

#topLevelMenu ul #outlinePlan {
	background: white url('../images/buttons/projectProgress76x76.gif') no-repeat top left;
}

#topLevelMenu ul #outlinePlan:hover {
	background: white url('../images/buttons/projectProgressOver76x76.gif') no-repeat top left;
}

#topLevelMenu ul #questions {
	background: white url('../images/buttons/question76x76.gif') no-repeat top left;
}

#topLevelMenu ul #questions:hover {
	background: white url('../images/buttons/questionOver76x76.gif') no-repeat top left;
}

#topLevelMenu ul #conversationLog {
	background: white url('../images/buttons/conversations76x76.gif') no-repeat top left;
}
#topLevelMenu ul #conversationLog:hover {
	background: white url('../images/buttons/conversationsOver76x76.gif') no-repeat top left;
}

#topLevelMenu ul #problemLog {
	background: white url('../images/buttons/problemLog76x76.gif') no-repeat top left;
}
#topLevelMenu ul #problemLog:hover {
	background: white url('../images/buttons/problemLogOver76x76.gif') no-repeat top left;
}

#topLevelMenu ul #feedback {
	background: white url('../images/buttons/feedback76x76.gif') no-repeat top left;
}
#topLevelMenu ul #feedback:hover {
	background: white url('../images/buttons/feedbackOver76x76.gif') no-repeat top left;
}

/* ---- book filters ---- */

#bookFilters ul,
#imageFilters ul,
#flashFilters ul,
#webFilters ul,
#filmFilters ul {
	list-style: none;
	margin: 10\px 0 0 0;
	padding: 0;
}

#bookFilters li,
#imageFilters li,
#flashFilters li,
#webFilters li,
#filmFilters li {
	display: block;
	float: left;
	padding: 3px 5px;
	margin: 0 5px 15px 0;
}

#bookFilters li.on,
#imageFilters li.on,
#flashFilters li.on,
#webFilters li.on,
#filmFilters li.on {
	border: 1px solid #00539B;
}

#bookFilters li.off,
#imageFilters li.off,
#flashFilters li.off,
#webFilters li.off,
#filmFilters li.off {
	border: 1px solid #dedede;
}

#bookFilters li.off a,
#imageFilters li.off a,
#flashFilters li.off a,
#webFilters li.off a
#filmFilters li.off a {
	color: #dedede;
}

#bookFilters li.off a:hover,
#imageFilters li.off a:hover,
#flashFilters li.off a:hover,
#webFilters li.off a:hover
#filmFilters li.off a:hover {
	color: #00539B;
}


/* ---- text classes ---- */

h2, h3 {
	clear: left;
}

p.left {
	text-align: left;
}

a {
	color: #00539B;
	font-weight: bold;
}


a:hover {
	color: black;
}

span.warning {
	color: #EE3224;
	font-weight: bold;
}

span.emphasise,
span.emphasize {
	color: #EE3224;
	font-weight: bold;
}


div.filmBlock {
	text-align: center;
}

/* ----- tables ---- */

table {
	border-collapse: collapse;
	border: 1px solid #00539B;
	margin: 10px 0;
}

tr.even {
	background: white;
}

tr.odd {
	background: #dedede;
}

tr.head {
	background: #00539B;
}

th {
	padding: 4px;
	vertical-align: top;
	text-align: left;
	color: white;
	background: #00539B;
}
th a {
	padding-right: 14px;
	color: white;
}

th a:hover {
	color: #7A91C3;
}

th a.off {
	color: #7A91C3;
}

th a.off:hover {
	color: white;
}

th a.selected {
	background: transparent url('../images/sortBy3x9.gif') no-repeat center right;
}

td {
	padding: 4px;
	font-size: 9pt;
	vertical-align: top;
}
td p {
	margin: 0 0 10px 0;
}

th.page {
	width: 60px;
}

th.type {
	width: 80px;
}

th.detailFilters {
	text-align: right;
}

/* ---- specific tables ----- */

#outSem {
	width: 10%;
}

#outPlan {
	width: 45%
}

#outMet {
	width: 45%
}

td.even {
	background: white;
}
td.even {
	background: #dedede;
}

/* ---- log areas ---- */
div.questionEntry.even,
div.conv.even,
div.problemEntry.even {
	background: #dedede;
}

div.problemEntry {

}

div.questionEntry,
div.conv {
	padding: 4px;
}

div.conv span.convHeading {
	margin-right: 20px;	
}

div.conv h4 {
	margin: 10px 0 0 0;
	padding: 0;
}

div.conv p {
	margin: 0 0 10px 0;
}


div.questionEntry h4 {
	margin: 0;
}

#questionRecord {
	border-top: 1px solid #dedede;
}

/* ---- search results ---- */

#searchResults li {
	padding: 10px;
}

#searchResults li.odd {
	background: #dedede;
}

#searchResults li.even {
	background: white;
}

div.sortBy {
	text-align: right;
}

#searchForm {
	background: #dedede;	
	margin-right: 83px;
}

form.searchForm {
	padding: 1px;
	text-align: left;
	margin: 0 auto;
	width: 600px;
}

form.searchForm #textSearch {
	width: 200px;
}

/* ---- filter styles ---- */

#searchDetails ul,
#bookListFilters ul,
#WebArticleListFilters ul,
#figuresFilters ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#searchDetails ul li,
#bookListFilters ul li,
#WebArticleListFilters ul li,
#figuresFilters ul li {
	display: block;
	float: left;
	margin-right: 10px;
}

#searchDetails ul li.selected a,
#bookListFilters ul li.selected a,
#WebArticleListFilters ul li.selected a,
#figuresFilters ul li.selected a {
	color: #7A91C3;
	text-decoration: none;
}

#searchDetails ul li.unselected a,
#bookListFilters ul li.unselected a,
#WebArticleListFilters ul li.unselected a,
#figuresFilters ul li.unselected a {
	color: #00539B;
}

#searchDetails h5,
#bookListFilters h5,
#WebArticleListFilters h5,
#figuresFilters h5 {
	display: block;
	float: left;
	margin: 0;
	font-size: 10pt;
	margin: 0 10px 10px 0;
}

#searchDetails ol {
	clear: left;
	border-top: 1px solid #dedede;
}

/* ---- biblio list ---- */


div.harvardEntry {
	padding: 2px;
	clear: left;
}

div.harvardEntry.odd {
	background: #dedede;
}

div.harvardEntry.even {
	background: white;
}
span.harvard {
	font-size: 7pt;
}

#harvardBooks,
#harvardWeb, 
#harvardImages {
	border-top: 1px solid #dedede;
	clear:left;
}

/* --- research proposal --- */

#researchProposal h5 {
	margin: 2px 0;
}

#researchProposal h1,
#researchProposal h2 {
	margin: 60px 0 60px 0;
}

div.rpImage {
	width: 375px;
	margin: 10px auto;
}	

div.rpImage p {
	margin: 0;
	font-size: 9pt;
	font-weight: bold;
}

div.rMeth {
	width: 600px;
	margin: 10px auto;	
}

#researchProposal p.quote {
	padding: 0 20px;
	font-size: 8pt;
	font-weight: bold;
}

/*-- forms --*/

div.clearLeft {
	clear: left;
	margin: 0;
	padding: 0;
	display: inline;
}

div.formRow {
	width: auto;
	clear: left;
	border: 1px solid white;
}

#authText {
	margin: 0 83px 0 0;
	background: white;
}

#nda {
	padding: 0 0 20px 0;
}

textarea.feedback {
	width: 350px;
	height: 300px;
}

div.authcontent,
#feedback {
	border: 1px solid #dedede;
	padding: 10px;
	margin: 20px 0;
}

#authForm {
	margin: 0;
	padding: 0;
	display: block;
}

div.feedbackButtons {
	clear: left;
	padding: 0 0 0 210px;
}

div.feedbackLable {
	float: left;
	width: 200px;
	display: block;
	padding: 4px 10px 0 0;	
	text-align: right;
}
div.feedbackElement {
	float: left;
	padding: 2px 10px 0 0;
}

div.feedbackElement input {
	width: 350px;
}

div.loginLable {
	float: left;
	display: block;
	padding: 2px 10px 0 0;
}

div.loginElement {
	float: left;
	display: block;
	padding: 0 10px 0 0;
}

 div.loginButton {
	display: block;
	float: left;
}

div.disclosureLable {
	padding: 10px 0 0 0 ;
	clear: left;
	width: auto;
}

div.disclosureElement {
	float: left;
	display: block;
	padding: 0 10px 0 0;
}