/* CSS KEY:

div = styles that apply to all <div> tags 
div, table = styles that apply to all <div> tags and all <table> tags
div#example = <div id="example"> tag (an id is unique to a page so this applies to one tag only)
div.Example = <div class="Example"> tag
div#example h1 = all <h1> tags within the <div id="example"> tag
table#example td.Label = <td class="Label"> tags within a <table id="example"> tag
#example = any tag with id="example"
.Example = any tag with class="Example"

*/

/*************************
	COMMON TO ALL PAGES 
**************************/

html, body, div, span, p, blockquote, pre,
a, dl, dt, dd, ol, ul, li, form, 
input, select, textarea, label, table, caption, 
tbody, tfoot, thead, tr, th, td /* main font declaration */
{
	font-family: Arial,Helvetica,Verdana,sans-serif;
	font-size:12px;
	color:#444;
	
}
body /* centers div#container */
{
	text-align:center;
}

input, select
{
	color:#222;
}

p, td
{
	line-height:150%;
	}
	
a, .ItemLink
 {	
	color:blue;
}

a:hover{color:#FF6600}

h1, h2, h3, h4
{
	color:#003333;
}
div#container /* sets entire page width, floats in body center */
{
	text-align:left;
	width:780px;
	margin:0 auto;
	background-color:#ffffff;

}
div#container h1 /* page-wide header style  */
{
	font-size:20px;
	font-weight:bold;
	margin:15px 0 15px 0;
}
div#container h2 /* page-wide smaller header style */
{
	font-size:16px;
	font-weight:bold;
	margin:5px 0 10px 0;
	color: #666699;
}
div#container h3 /* page-wide small header style */
{
	font-size:14px;
	font-weight:bold;
	margin:10px 0 10px 0;
	color:#003366;
}
div#header /* header section at top of page */
{


	margin-bottom:10px;
	
}
div#headertext
{
display:inline;
	}
	
div#header a/* header section at top of page */
{
	text-decoration: none;
	font-family:'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	color:#333399;
	font-size:28px;
	font-weight:bold;
	padding: 0 0 0 0;
}
div#header img/* header section at top of page */
{
	padding-top:0px;
	}
div#NavMenu /*top horizontal navigation*/
{
	padding:5px 0 7px 15px;
	background-color: #D5D679;
	background-image:url(/layout/images/gradient_green.jpg);
}
div#NavMenu a
{
	text-decoration:none;
	font-weight:bold;
	color: #666699;
	padding:0 10px;
	border-right:1px dashed #1A1600;	
	font-size:12px;
}
div#NavMenu a:hover
{
	text-decoration:underline;
	}

#ViewSelectionCount
 {	
	color: #666699;
}


div#wrapper /* section that contains all other sections below header and nav bar*/
{
	margin: 10px;
}
div#leftcol /*left column navigation*/
{
	float:left;
	width:17%;
	position: relative; left: 8px;
	padding:0 10px 0px 0px;
	}
	

#navlist /*nested in navcontainer*/
{
padding-left: 0;
margin-left: 0;
border-bottom: 1px solid gray;
}
div#navlist ul
{
	padding:0;
	margin:0;
	}


div#navlist li
{
list-style: none;
margin: 0;
padding: 0.5em 0;
border-top: 1px solid gray;
}

div#navlist li a { text-decoration: none; }
div#navlist li a:hover{	color:#8F7F27;	}


div#SearchContent /* search page main content area, centre column */
{
	float:left;
	width:500px;
	margin: 5px 0 0 0;
	}
div#ResultContent /* result page main content area, right column */
{
	float:left;
	width:770px;
	margin: 5px 0 0 0;

}
div#rightcol /* search page right column */
{
	float:right;
	width:200px;
	padding:0 0px 0px 15px;
	border-left:1px dotted grey;
}
div#rightcol h2.Tip /* tip section header */
{
	line-height:32px;
	color:#333;
	
}
div#rightcol p /* tip section paragraphs */
{
	font-family:verdana, sans-serif;
	font-size:.9em;
	margin:5px 0 3px 0;
}
div#rightcol ol, ul /* tip section bullted/numbered lists */
{
	margin-top:3px;
	margin-bottom:3px;
	padding-left: 15px;
}
div#rightcol li /* tip section list items */
{
	font-family:verdana, sans-serif;
	font-size:.9em;	
	padding-top:5px;
}

div#BriefResults /* brief results embedded in search page */
{
	float:left;
	width:500px;
	margin: 15px 0 0 0;

}



div#extra /* section below main content area and tips, but above footer */
{
	clear:both;
	width:100%;	
	padding-left:5px;
}
div#footer /* bottom-most section */
{

	padding:5px;
	text-align:center;
}
div#footer a/* bottom-most section */
{
	text-decoration:none;
	padding:0 10px;
	
}
div#footer a:hover
{
	text-decoration:underline;
	}
	



/******************
	SEARCH PAGES 
*******************/
table#SearchTable
{
	width:100%;
	}
table#SearchTable td.Boolean /* table cell with boolean choices */
{
	vertical-align:top;
}
table#SearchTable td.Label /* table cell containing field labels */
{
	padding:5px 0 0 0;
	font-weight: bold;
	vertical-align:top;
	color:#003366;
}
table#SearchTable td.Field /* table cell containing fields */
{
vertical-align:top;
}

table#SearchTable td.IndexPopup /* table cell containing A-Z Index Link */
{
vertical-align:top;

}

table#SearchTable td.Message 
{
	padding:5px 0 0 0;
	vertical-align:top;
	font-weight: bold;
	color: #003366;
}

table#SearchTable td.Submit
{
	text-align:left;
	padding: 10px 0 10px 0;
}

table#SearchTable td.Reset
{
	text-align:right;
	padding: 10px 0 10px 0;
}


p#SearchChoices /* paragraph containing navigational links to other search pages */
{
	font-style:italic;
	margin:15px 0 10px 0;
}

input.IndexButton /* browse buttons */
{
	width:60px;
	height: 22px;
	font-size: 11px;
	font-family: tahoma, sans-serif;
	color: #505050;
	cursor: pointer;
	border-top: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; 
	border-bottom: 1px solid #a0a0a0; border-left: 1px solid #a0a0a0;
	background: url(images/btn_gray_light.jpg) repeat-x center;
}
.ResetButton
{
	width:70px;
	height: 22px;
	font-size: 10px;
	font-family: arial, sans-serif;
	color: #505050;
	cursor: pointer;
	border: 1px dotted #505050; 
}

.Searchbox   /* search page text inputs */
{
	width: 400px;
}
.QuickSearchbox /* quick search page input */
{
	width:350px;	
}
.SearchCheckBox
{
	padding:15px 0 15px 60px;
	}
	
.SearchCheckBox td
{
	padding-right:15px;
	}	

/********************
	RESULT PAGES
********************/
.hozimage{
	padding:1px;
	background:url(images/hozline.gif) repeat;
	margin:0 .5em .2em 0;
	width:660px;
}


div#ResultInfo /* info area with choices at top of results */
{
}

div#ResultInfo a /* form enclosing select report dropdown */
{
	padding:5px;	
}

div#ResultInfo form /* form enclosing select report dropdown */
{
	margin:0;	
}
div#ResultInfo select /* select report dropdown */
{
	margin-left:5px;
	margin-right:0px;
}
span#FriendlySearch /* results of SearchKleen script */
{
	font-style:italic;
	padding-right:5px;
}
span.ResultCount /* number of results found */
{
	font-weight:bold;	
}
span.NavLinks /* inline container for new search, revise search type links */
{
	padding-left:10px;	
}
span.NavLinks a /* new search, revise search type links */
{
	padding-left:2px;	
	padding-right:2px;
}
div.NextPrevious /* areas containg next/previous links */
{
	margin-top:15px;
	margin-bottom:15px;
	font-size:12px;	
	border-top: 1px solid #DBD8C5;
	border-bottom: 1px solid #DBD8C5;
	padding:5px 10px 2px 0;	
}

.nextprev_link
{
	text-decoration:none;
	padding-right:15px;
	color:blue;
}

.nextprev_link:hover
{
	color:#FF6600;
}

.nextprev_text
{
padding-right:10px;
}

table.ResultTable /* each search result contained in a separate table */
{
	margin-bottom:20px;
}
table.ResultTable td
{
}
table.ResultTable td.ResultNumber /* leftmost cell in ResultTable */
{
	width:20px;
	vertical-align:top;
	font-weight:bold;
}

table.ResultTable td.ResultIcon 
{
	width:50px;
	vertical-align:top;
}

table.ResultTable td.Select 
{
padding-right:6px;
}

table.ResultTable td.ResultText /* main cell in ResultTable */
{
    vertical-align:top;
	width:600px;
}

table.ResultTable td.ResultText p
{
	margin-top:0px;
	margin-bottom:0px;	
}
table.ResultTable td.ResultImage {
	vertical-align:top;
	width:80px;
	padding-left:30px;
}
table.ResultTable td.ResultImage a {
    text-decoration:none;
}
table.ResultTable td.ResultImage img.googleBook {
    text-decoration:none;
    border:solid 1px #555;
}

table.ResultItemTable
{
	margin-top:5px;
	margin-left:5px;
	width:100%;
}
table.ResultItemTable td
{
}
table.ResultItemTable td.ResultNumber 
{
	width:20px;
	vertical-align:top;
	font-weight:bold;
}


table.ResultItemTable td.ResultItemText 
{
    vertical-align:top;
	width:420px;
}

table.ResultItemTable td.ResultDetailsLink
{
    vertical-align:top;
	width:60px;
}

table.ResultItemTable td.Select 
{
	width: 130px;
	vertical-align:middle;
}


span.Title
{
	font-weight:bold;	
}

table.ResultTableSmall
{
}

table.ResultTableSmall td
{
vertical-align:top;
padding:0 10px 10px 0;
}


/***************************
	FULL DISPLAY PAGES 
***************************/

table#DisplayTable /* table containing fields showing the full record */
{
}
table#DisplayTable td
{
}
table#DisplayTable td.display_label /* leftmost cell containing field label */
{
	vertical-align:top;
	width:200px;
	font-weight:bold;
	padding-bottom:5px;
}


table#DisplayTable td.display_text
{
vertical-align:top;
	} 
	
table#DisplayTable td.display_text #content1, #content2
{
	display: none;
	}
table#DisplayTable td.checkbox
{
	width:20px;
	}	
table#DisplayTable td.display_image
{
	padding: 10px 0 20px 0;
	} 
	
table#DisplayTable td.display_image img.googleBook 
{
    border:solid 1px #555;
}
table#DisplayTable td.display_image img.googlePreview 
{
	border:none;
	padding-left: 20px;
	vertical-align:bottom; 
}

span.isbn {
    display:none;
}
a.moreGoogle {
    display:none;
}	
/***************************
	RSS Viewer 
***************************/
div#RssViewer h4 {
	background-color:#CCE8EE;
	padding:3px;
	}
.ItemDate {
}
.ItemTitle {
	font-weight:bold;
}
.ItemLink {
}
/***************************
	HELP PAGES 
***************************/

table.HelpTable
{
}

table.HelpTable td
{
	padding: 5px 0 5px 0;
}


/******************
SCREEN VS. PRINT 
*******************/

/* The @media statement defines CSS behaviour in different environments */

@media print
{
	body,td,input,select
	{
		color:#000000;	
	}
	.NoPrint /* does not show when printing */
	{
		display: none;
	}
}