html,body
{
	margin: 0;
	padding:0;
	border:none;
	text-align: left;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treated as min-height*/
	min-height:100%;
	width:99.9%;
	/*overflow:hidden;*/
}
img{border:none;}
#page{
	margin:0 auto 0 auto; /* center, not in IE5 */
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treated as min-height*/
	width:99.9%;
	
	min-height:100%; /* real browsers */
	/*min-width:750px;*/
}

#headerLinks
{
	font-size: 10pt;
	font-style: normal;
	display: block;
	background-color: #405636;
	padding: 0;
}
#headerLinks ul
{
	margin: 0px 0px 0px 10px;
	padding: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#headerLinks ul li
{
	display: inline;
}
#headerLinks ul li a
{
	background-color: transparent;
	border-left: 1px solid #ffffff;
	color: #ffffff;
	font-size: 10pt;
	font-weight: bold;
	padding: 0em 5px;
	text-decoration: none;
}
#headerLinks ul li a:hover
{
	text-decoration: underline;
}
.contentTop
{
	background-color:#ccddd0;
	width:100%;
	border:solid 1px #2F4F4F;
	padding:0;
	margin:0;
	overflow:hidden;
	white-space: nowrap;
}
#mainContent
{
	margin:0;
	padding:0;
}
.rail
{
	
}
.railOff
{
	visibility:hidden;
	display:none;
}
#main2
{
	margin: 0px;
	padding: 0px;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treated as min-height*/
	min-height:100%; /* real browsers */
}
.leftBox
{
	float:left;
	margin-top:10px;
	border: solid 1px #2F4F4F;
	padding-top:39px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	width:220px;
	_width:240px;
	background:#ccddd0 url( /images/tab_background.gif) repeat-x top;
	font-size: 12px;
	font-family: Helvetica, Verdana, Times, serif;
	
}

.leftBoxHeader
{
	position:relative;
	display:block;
	top:-39px;
	padding-top:9px;
	margin-bottom:-39px;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	color:White;
	height:39px;
	width:220px;
	_width:220px;
}

.middleBox
{
	margin-top:5px;
	border: solid 1px #2F4F4F;
	/*padding-top:39px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;*/
	background-color:#ccddd0;
	font-size: 12px;
	font-family: Helvetica, Verdana, Times, serif;	
}

.middleBoxHeader
{
	background:#ccddd0 url( /images/tab_background.gif) repeat-x top;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	padding-top: 9px;
	padding-left: 10px;
	color:White;
	height:39px;
}

.middleBoxHeader A
{
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: normal;
	color:White;
	text-decoration: none;
}

#titlePageBox
{
	position:absolute;
	top: 10px;
	border: solid 1px #2F4F4F;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	width:220px;
	_width:240px;
	background:#ccddd0 url( /images/tab_background.gif) no-repeat top;
}

#titlePageHeader
{
	position:absolute;
	top: 10px;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	color:White;
	height:39px;
	width:220px;
	_width:220px;
}

#titleTabBox
{
	position:absolute;
	bottom: 0px;
	border: solid 1px #2F4F4F;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	width:220px;
	_width:240px;
	background:#ccddd0;
}

#titleTabLeft
{
	position:absolute;
	top: 0px;
	left: 0px;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	color:White;
	height:39px;
	width:220px;
	_width:240px;
	background:url( /images/tab_background.gif) no-repeat top;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
}

#titleTabRight
{
	position:absolute;
	top: 0px;
	right:0px;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	color:White;
	height:39px;
	width:117px;
	_width:117px;
	background:url( /images/tab_background.gif) no-repeat top;
    text-align: center;
}

.tabText
{
	position:absolute;
	left: 0px;
	top: 10px;
	width: 119px;
	_width:119px;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	color:White;
    text-align: center;
    cursor:pointer;
}

#left
{
	position:absolute;
	top:83px;
	left:0;
	width: 250px;
	margin: 0;
	padding: 0;
	font-size: 80%;
	border: none;
	overflow: hidden;
	/*height: 100%;*/
}
#middle
{
	margin: 0px 0px 0px 253px;
	padding-left:10px;
	font-size: 80%;
	font-size: 12px;
	font-family: Helvetica, Verdana, Times, serif;
	/*overflow: scroll;*/
}
#footer
{
	display:none;
	position:relative;
	bottom:0;
	margin:0;
	border-top: solid 8px #f26521;
	background-color: #707070;
    text-align: center;
	width:100%;
}
.cleaner
{
	clear: both;
	height: 1px;
	font-size: 1px;
	border: none;
	margin: 0;
	padding: 0;
	background: transparent;
}
.footerlink
{
	font-size: 12px;
	color: #f26521;
	font-family: Helvetica, Verdana, Times, serif;
	text-decoration: underline;
}
P
{
	font-size: 12px;
	font-family: Helvetica, Verdana, Times, serif;
}
TD
{
	font-size: 12px;
	font-family: Helvetica, Verdana, Times, serif;
}
LI
{
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	font-size: 12px;
	font-family: Helvetica, Verdana, Times, serif;
}
.topNavLinks
{
	font-size: 12px;
	color: #ffffff;
	font-family: Helvetica, Verdana, Times, serif;
	text-decoration: none;
}
A
{
	font-size: 12px;
	color: #f26521;
	font-family: Helvetica, Verdana, Times, serif;
	text-decoration: underline;
}
.volumelink
{
	font-size: 16px;
	color: #f26521;
	font-family: Helvetica, Verdana, Times, serif;
	text-decoration: underline;
}
.topNavLinks
{
	font-size: 12px;
	color: #ffffff;
	font-family: Helvetica, Verdana, Times, serif;
	text-decoration: none;
}
A:hover
{
	text-decoration: underline;
}
.leftlinks
{
	font-size: 14px;
	color: #ebeacf;
	font-family: Verdana, Helvetica, Times, serif;
	background-color: transparent;
	text-decoration: none;
}
.pageheader
{
	font-size: 18px;
	color: #405636;
	font-family: Verdana, Helvetica, Times, serif;
	background-color: transparent;
	text-decoration: none;
	margin-top:0px;
	padding-top:10px;
}
.pagesubheader
{
	font-size: 14px;
	color: #405636;
	font-family: Verdana, Helvetica, Times, serif;
	background-color: transparent;
	text-decoration: none;
	margin-top:0px;
	padding-top:0px;
}
.title
{
	font-weight: bold;
	font-size: 16px;
	vertical-align: bottom;
	color: black;
	font-style: italic;
	font-family: Helvetica, Verdana, Times, serif;
	text-decoration: none;
}
.booktitle
{
	font-style: normal;
}
.accent
{
	color: #707070;
}
.volume
{
	font-weight: bold;
	font-size: 12px;
	vertical-align: bottom;
	color: black;
	font-style: normal;
	font-family: Helvetica, Verdana, Times, serif;
	text-decoration: none;
}
.titlebar
{
	padding-right: 0px;
	padding-left: 3px;
	padding-bottom: 0px;
	vertical-align: bottom;
	padding-top: 2px;
	background-color: #ffeac0;
}
.centercontent
{
	padding-right: 10px;
	padding-left: 10px;
	font-size: 12px;
	padding-top: 10px;
	font-family: Helvetica, Verdana, Times, serif;
}
.pagecontent
{
	padding-right: 0px;
	padding-left: 0px;
	font-size: 12px;
	padding-bottom: 0px;
	padding-top: 0px;
	font-family: Helvetica, Verdana, Times, serif;
}
.leftcontent
{
	padding-right: 1px;
	padding-left: 3px;
	font-size: 12px;
	padding-top: 2px;
	font-family: Helvetica, Verdana, Times, serif;
}
.tableheader
{
	font-size: 13px;
	color: #ffffff;
	font-family: Verdana, Helvetica, Times, serif;
	text-decoration: none;
}
.tablecell
{
	font-size: 10px;
	font-family: Verdana, Helvetica, Times, serif;
	text-decoration: none;
}
.footerlink
{
	font-size: 12px;
	color: #f26521;
	font-family: Helvetica, Verdana, Times, serif;
	text-decoration: underline;
}
.statsheader
{
	font-weight: bold;
	font-size: 14px;
	color: #405636;
	font-family: Verdana, Helvetica, Times, serif;
	text-decoration: none;
}
.delicious-posts
{
	border-right: #ddd 0px solid;
	padding-right: 0em;
	border-top: #ddd 0px solid;
	padding-left: 0em;
	padding-bottom: 0em;
	margin: 0;
	border-left: #ddd 0px solid;
	width: 110px;
	padding-top: 0em;
	border-bottom: #ddd 0px solid;
	font-family: sans-serif;
	list-style: none;
}
.delicious-posts ul
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
}
.delicious-posts li
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
}
.delicious-banner
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	width:100%;
}
.delicious-banner a
{
	color:#eeeeee;
}
.delicious-post
{
	padding-right: 0em;
	border-top: #eee 0px solid;
	padding-left: 0em;
	font-size: 80%;
	padding-bottom: 0em;
	padding-top: 0em;
}
.delicious-banner A
{
	font-size: 80%;
}
.delicious-posts A:hover
{
	text-decoration: underline;
}
.delicious-posts A
{
	padding-right: 0em;
	display: block;
	padding-left: 0em;
	padding-bottom: 0em;
	color: #ffffff;
	padding-top: 0em;
	text-decoration: none;
}
.delicious-post A
{
	color: #ffffff;
}

/* Rating */
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(/Images/FilledStar.png);

}

.emptyRatingStar {
    background-image: url(/Images/EmptyStar.png);
}

.savedRatingStar {
    background-image: url(/Images/SavedStar.png);
}

#dropmenudiv{
    position:absolute;
    border:1px solid black;
    border-bottom-width: 0;
    font:normal 12px Verdana;
    line-height:18px;
    z-index:100;
}

#dropmenudiv a{
    width: 100%;
    display: block;
    text-indent: 3px;
    border-bottom: 1px solid black;
    padding: 1px 0;
    text-decoration: none;
    font-weight: bold;
}

#dropmenudiv a:hover{ /*hover background color*/
    background-color: white;
}
.homeScrollerControl{color:#000000; font-size:12px;height:45px; }
.homeScrollerControl a{color:#FFFFFF;}
.homeScrollerControl span{display:block;}

/* Accordion */
.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    margin-top: 5px;
    cursor: pointer;
    height:34px;
    width:240px;
    background:#eeffff url( /images/tab_background.gif) no-repeat top;
}

.accordionHeader a
{
	display:block;
	margin-left:5px;
	margin-top:10px;
	height:15px;
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

.accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
    background-color: #ccddd0;
    border: 1px solid #2F4F4F;
    border-top: none;
    padding: 5px;
    width:230px;
    padding-top: 10px;
    _width:240px;
}

.searchTextBox
{
	font-size: 9px;
	color:#cccccc;
	vertical-align:top;
}

.searchButton
{
	font-size: 9px;
}

.dropDownSelector
{
	background-color: #ffffff;
	border: solid 1px #628352;
}

.dropDownDiv
{
	position:absolute; 
	background-color:#ffffff; 
	overflow: auto; 
	z-index:101; 
	border: solid 2px #628352;
}

.selectedRow
{
	background-color: #cccccc;
}

/* begin classes for fixed table headers */
/* datTable for styling only */
table.dataTable {
    margin: 0;
    padding: 0;
}

table.dataTable th {
    margin: 0;
	font-weight: normal;
	background: #ffffff;
	font-weight: bold;
}

table.dataTable td {
    margin: 0;
}

/* This makes the scrolling table work */

div.scrollTableContainer {
    overflow: auto;
	position: relative;
}

/* The different widths below are due to the way the scroll bar is implamented
we are keeping these here instead of putting them in the IE css file b/c it 
is easier to change the width if both numbers are in the same place. */

/* All browsers accept this, but we are targeting IE with this rule */
div.scrollTableContainer table {
	width: 455px;
}

/* Modern browsers accept this (not IE) and we are targetting firefox */
html>/**/body div.scrollTableContainer table {
    width: 475px;
}

/* Modern browsers accept this (not IE) and we are targetting firefox */
html>/**/body div.scrollTableContainer table>tbody	{  
    overflow: auto; 
    overflow-x: hidden;
}

div.scrollTableContainer thead tr	{
	position:relative;
}

/*prevent Mozilla scrollbar from hiding cell content*/
div.scrollTableContainer td:last-child {padding-right: 20px;}

/* non-standard IE Specific Rules*/

div.scrollTableContainer thead tr	{
    /* Causes the pixel header row to stay fixed in IE*/
	top: expression(offsetParent.scrollTop);
	/* This fixes a strange bug in IE where the header row would "shift" 1px to
	   the right after the table was scrolled down.  It would not shift back
       after scrolling all the way, which made my first solution based on
       offSetParent.scrollTop == 0 not an effective solution*/
    left: expression(typeof(myvar) == 'undefined' ? 0+"px"+(myvar='true') : -1+"px");
}

/* end classes for fixed table headers */

a.TitleTag
{
	font-size: 12px;
	color: #f26521;
	text-decoration: none;
}

a.TitleTag:hover
{
	font-size: 12px;
	color: #f26521;
	text-decoration: underline;
}

/* title tag cloud links */
a.TitleTagCloud1
{
	font-size: 10px;
	color: #74AB8B;
	text-decoration: none;
}

a.TitleTagCloud1:hover
{
	font-size: 10px;
	color: #74AB8B;
	text-decoration: underline;
}

a.TitleTagCloud2
{
	font-size: 16px;
	color: #74AB8B;
	text-decoration: none;
}

a.TitleTagCloud2:hover
{
	font-size: 16px;
	color: #74AB8B;
	text-decoration: underline;
}

a.TitleTagCloud3
{
	font-size: 22px;
	color: #74AB8B;
	text-decoration: none;
}

a.TitleTagCloud3:hover
{
	font-size: 22px;
	color: #74AB8B;
	text-decoration: underline;
}

a.TitleTagCloud4
{
	font-size: 28px;
	color: #74AB8B;
	text-decoration: none;
}

a.TitleTagCloud4:hover
{
	font-size: 28px;
	color: #74AB8B;
	text-decoration: underline;
}

a.TitleTagCloud5
{
	font-size: 34px;
	color: #74AB8B;
	text-decoration: none;
}

a.TitleTagCloud5:hover
{
	font-size: 34px;
	color: #74AB8B;
	text-decoration: underline;
}

a.TitleTagCloud6
{
	font-size: 40px;
	color: #74AB8B;
	text-decoration: none;
}

a.TitleTagCloud6:hover
{
	font-size: 40px;
	color: #74AB8B;
	text-decoration: underline;
}


/* end title tag cloud links */

a.NameSearch
{
	color: #000000;
	text-decoration: none;
}

a.NameSearch:hover
{
	color: #000000;
}