body {
/*	margin: 0;
	padding: 10px;
	color: #FFF; */
	background: #C2BBAF;
	font: 12px Arial, Helvetica, sans-serif;
} 
/* a {
	color: #333;
	text-decoration: none;
	font-weight: bold;
	background: #FFF;
}
a:hover {
	color: #ffbd4d;
	text-decoration: none;
	font-weight: bold;
	background: #FFF;
} */
/* html>body ul {
	list-style: none;
	text-indent: -12px;
} */

html>body ul {
	list-style: none;
	text-indent: -12px;
}

ul {
	margin-top: 0;
	margin-left: 0;
	padding-left: 12px;
}
li {
	margin: 7px 0 8px 10px;
}

ul.sublist {
	margin-top: 0;
	margin-left: 0;
	padding-left: 5px;
}

li.sublist {
	margin: 7px 0 8px 3px;
}

#mainbody {
	width: 975px;
	margin: 0;
	padding: 0;
	border: 1px solid #000;
	color: #FFF;
	background: #8c867e;
}

#topnav {
	clear: both;
	position: relative;
	width: 975px;
	height: 57px;
	border-bottom: 1px solid #000;
	/* float:middle; */
	padding: 0;
	vertical-align: middle;
	background: #FFFBF6;
	color: #FFFFFF;
}

#topnav a {
	border: 0px;
	text-decoration: none;
	padding: 5px 10px 0px 10px;
	font-size: 12px;
	vertical-align: middle;
	background: #FFFBF6;
	color: #FFFFFF;
}
#topnav a:hover {
	text-decoration: none;
	/* text-align: float left; */
	text-align: left;
	background: #FFFBF6;
	color: #FFFFFF;
}

#header {

	width:975px;
	background-color:#8c867e;
	height:165px;
	color:#FFFFFF;
	border-top:2px solid #ffbd4d;
	border-bottom:solid #ffbd4d;
	font: 12px "Trebuchet MS", Arial, Verdana;
	font-size:120%;
	font-weight:bold;
	line-height:60px;
	text-align:center;
	margin: 0;
	

}

#header p {

	padding:0px;
	margin:0;
	margin-left:260px;
	margin-right:10px;
	text-indent:0px;
	font-size:100%;
	border-top:#ffbd4d;
	line-height:35px;
}

.leaves {

	border-right:2px solid #ffbd4d;
	float:left;
	width:225px;

}

#header h1 {

	color:#FFFFFF;
	font-family:"Trebuchet MS", Arial, Verdana;
	font-size:300%;
	font-weight:bold;
	padding:0;
	padding-top:35px;
	padding-left:260px;
	padding-bottom:0;
	margin:0;
	border-bottom:2px solid #ffffff;
	background-image:none;
	

}
#header h2 {
	position: relative;
	top: 18px;
	left: 10px;
	text-align: left;
	clear: both;
	margin: 0;
	padding: 0;
	font: italic bold 18px Georgia, "Times New Roman", Times, serif;
}
#headerResults
{
    position:absolute;
    top: 154px;
    left: inherit;
    margin: 0px 0px 0px 50px;
}
#headerResults ul
{
    padding:0px;
	margin:0;
	margin-left:230px;
	margin-right:10px;
	font-size:100%;
	list-style: none;
}
#headerResults ul li
{
    float:left;
    margin: 0px 0px 0px 25px;
    height: 20px;
    padding-bottom: 2px;
}
#headerResults ul li a
{
    color: #FFF;
	font-weight: bold;
	text-decoration: none;
	background: #8c867e;
	display:block;
	font-family: Arial, HelveticaNeueLT Std;
}
#headerResults ul li a:hover
{
    color: #ffbd4d;
}
#headerResults ul li:hover:after
{
	 
    content:'';
    width:0;
    height:0;
    position:absolute;
    top: 2px;
    left:-50%;
    margin-left:-5px; /* value should match border-width below */
    bottom: 0;
    border-width:5px; /* value should match margin-left above */
    border-style:solid;
    border-color: transparent transparent #ffbd4d transparent; /* create up arrow */
}

#leftcol {
	position: relative;
	width: 220px;
	color: #FFF;
	padding: 2px;
	float: left;
	text-align: left;
	background: #8c867e;
	margin: 0;
	font: 12px Arial, Helvetica, sans-serif;
}

#leftcol .title h1 {
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 0;

}

#leftcol .title h1 img {
	width: 20px;

} 
#leftcol .content {
	margin: 5px 0 10px;
	border-top: 1px dotted #ffbd4d;
}
#leftcol a {
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	background: #8c867e;
}
#leftcol a:hover {
	color: #ffbd4d;
	background: #8c867e;
}
#rightcol {
	/* position: relative; */
	width: 742px;
	border-left: 2px solid #ffbd4d;
	color: #333;
	padding: 3px;
	float: right;
	background:#fee8a4;	
	min-height: 500px;
	/* text-align: left;
	background: #fffbf6; */
}
#rightcol a:hover 
{
    color: #ffbd4d;
}
 #rightcol .title h1 {
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
#rightcol .content {
	margin: 5px 0 10px;
	border-top: 1px dotted #ffbd4d;
	line-height: 1.4em;
	min-height: 400px;
}
#rightcol .column-Both, .column-Book, .column-Emblem
{
    float: left;
    width: 230px;
    height: 200px;
    background: #fee8a4;
    text-align: center;
    border-bottom: 1px #A9A9A9 solid;
    margin: 5px 0px 0px 0px;
    padding-top: 10px;
}
#rightcol .column-Both, .column-Book
{
    border-right: 1px #A9A9A9 solid;
}
/*
#rightcol .column-2, .column-3
{
    border-left: 1px #A9A9A9 solid;
}*/
#rightcol .row-2 
{
    float: right;
    text-align: center;
    width: 679px;   
    margin: 0px 0px 0px 0px;
    list-style: none;
}
#rightcol .row-2 .iconSearch
{
    width: 275px;
    margin: 0px 0px 0px 0px;
    float:right
}
#rightcol .row-2 .iconSearch a
{
    color: gray;
}
#rightcol .row-2 .iconSearch a:hover 
{
    color: #ffbd4d;
}
.search {
    height: 25px;
    position: relative;
    width: 200px;
    left: -10px;
    list-style: none;
    display: block;
    top: 0px;
}
.search li input
{
    border: 0 none;
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
    height: 16px;
    left: 0px;
    padding: 5px;
    position: absolute;
    top: 4px;
    width: 150px;
    border-top: 1px solid gray;
    border-bottom: 1px solid gray;
    border-left: 1px solid gray;
    
}
.search li input.btn, .search li input.btnAddSearch
{
    /*background: -webkit-gradient(linear, left top, left bottom, from(#daddde), to(#bfbfbf));
   background: -moz-linear-gradient(top, #daddde, #bfbfbf);
   background-color: #daddde;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);*/
    background: url("../images/gradient.png") repeat-x;
    border-radius: 0 2px 2px 0;
    display: block;
    height: 28px;
    left: auto;
    position: absolute;
    right: 0px;
    color: #4a4a4a;
    text-shadow: 1px 1px 1px #fff;
    text-align: center;
    width: 50px;
    border-color: #CCCCCC #999999 #999999 #CCCCCC;
    border-right: 1px solid #999999;
    border-style: solid;
    border-width: 1px;
}

.search li input.btn:hover, .btnAdd:hover, .search li input.btnAddSearch:hover
{
    /*background: -webkit-gradient(linear, left top, left bottom, from(#bfbfbf), to(#daddde));
   background: -moz-linear-gradient(top, #bfbfbf, #daddde);*/
   background: #bfbfbf;
    /*background: none repeat scroll 0 0 rgba(0, 0, 0, .4);*/
    cursor: pointer;
}
table.myContent a {
	color: #65615b;
	font-weight: bold;
	text-decoration: underline;
}
table.myContent a:hover {
	color: #0074C7;
}

#footer {
	clear: both;
	position: relative;
	width: 975px;
	height: 96px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #C2BBAF;
	text-align: center;
	vertical-align: middle;
	background: #65615b;
	border-top: 1px solid #000;
	margin: 0;		
	
}
#footer h3 {
	font-size: 12px;
	width: 975px;
	margin: 0;
	padding: 0 3px;
	float: left;
}
#footer a {
	text-decoration: none;
	font-weight: bold;
	color: #FFF;
	font-size: 12px;
	text-align: center;
	background: #65615b;
}
#footer a:hover {
	color: #ffbd4d;
	text-decoration: none;
	background: #65615b;
}
.screenshot {
	padding: 4px;
	float: right;
}
#toplink {
	float: right;
	clear: both;
}

div.emblemShort 
{
    margin: 0 auto; 
    height: 250px; 
    width: 150px;
        
}

div.emblemShort a 
{
   width: 130px;
   height: 220px;
   vertical-align: top; 
}
div.emblemShort img 
{
   max-width: 125px;
   max-height: 150px;
}

.bookListBr 
{
    line-height: 7px;
}

.authors 
{
    /* font-weight:bold; */
    line-height: 3px;
}
.iconBrowse
{
    width: 700px;
    margin: 0px 200px 0px 0px;
    
}
.iconBrowse ul
{
    position: inherit;  
    text-align: left;
}
.iconBrowse ul li
{
    list-style: none;
}
.topIcon
{
    text-align: left;
    margin: 3px 0px 0px 5px;  
    
}
.currentIcon
{
    text-align: left;
    margin: 3px 5px 0px 25px;
    border-left: 1px solid gray;
    border-top: 1px solid gray;
    border-bottom: 1px solid gray;
    padding-left: 3px;
    padding-bottom: 5px;
}
.childIcon
{
    text-align: left;
    margin: 3px 5px 0px 50px;
    padding-left: 3px;
}
.langList
{
  text-align: right;
  margin-bottom:20;
  font-size:100%;
  list-style: none;
  width: 250px;
}
.langList li
{
  float: left; 
  list-style: none;
  margin: 0px 0px 0px 25px;
  height: 20px;
  padding-bottom: 2px;
}
#tabs-1, #tabs-2, #tabs-3, #tabs-4
{
    /*border: 1px solid #a45b13; border-top-width: 0px;*/
}
.btnAdd 
{
    background: url("../images/gradient.png") repeat-x;
    border-radius: 0 )px 0px 0;
    display: block;
    height: 28px;
    color: #4a4a4a;
    text-shadow: 1px 1px 1px #fff;
    text-align: center;
    width: 50px;
    border-color: #CCCCCC #999999 #999999 #CCCCCC;
    border-right: 1px solid #999999;
    border-style: solid;
    border-width: 1px;
}
.searchItem 
{
  text-align: left;
  font-size:100%;
  list-style: none;
  margin-right: auto;
  
}
.searchItem li
{
  float: left; 
  list-style: none;
  margin: 0px 0px 0px 25px;
  padding-bottom: 2px; 
}
.btnClose
{
    border: 1px solid #FEE8A4;
}
.btnClose:hover
{
    border: 1px solid #A45B13;
    -moz-border-radius: 8px;
    cursor: pointer;
}
#advancedSearch
{
    text-align:left; 
    border: 1px solid #a45b13; 
    background-color:#fee8a4;
    width:700px;
    padding: 5px;
    text-weight:bold;
}
#eSearchIC ul
{
    list-style:none; 
    text-align: left;
    width:320px;
    height: 300px;
}
#eSearchIC ul li ul
{
    list-style: none;
    text-align: left;
    width: 300px;
    height: 20px;
}
#eSearchIC ul li ul li
{
    height: 20px;
    padding-left: 10px;
    margin: 0px;
    width: 240px;
    float: left;
}

#web-design
{
	font-size: smaller;
}

#leftcol a#oebp-link
{
	color: DarkBlue;
}