/* CSS Document */

body {
background-image: url(/images/bg.jpg);
background-position: top left;
background-repeat: no-repeat;
background-color: #d4cec8;
font-family: Helvetica, Arial, sans-serif;
font-size: 11px;
color: #000000;
}

p {
margin: 0 0 10px 0;
}

h1 {
font-size: 14px;
font-weight: bold;
color: #592a2a;
margin: 0 0 10px 0;
}

h2 {
font-size: 12px;
font-weight: bold;
color: #592a2a;
margin: 0 0 6px 0;
}

a, a:link, a:visited {
color: #990000;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

#wrapper {
width: 860px;
margin-left: auto;
margin-right: auto;
margin-top: 40px;
border: 1px dotted white;
}

#container {
background-image: url(/images/bg-body.gif);
background-repeat: repeat;
margin: 0 0 0 0;
}

#head {

background-image: url(/images/bg-banner.gif);
background-repeat: no-repeat;
height: 69px;
}

#headLink{
float: left;
margin-left: 75px;
margin-top: 10px;
}

#headLink img{
border: 0;
}

#contact {
float: right;
padding-top: 30px;
padding-right: 12px;
font-size: 10px;
}

#contact a, a:link, a:visited, a:hover {
color: #0a3940;
font-weight: bolder;
}


#contentWrapper {
width: 860px;
border: 0;
margin: 0 0 0 0;
padding: 0 0 0 0;
background-image: url(/images/bg-body.gif);
background-repeat: repeat;
height: 428px;
}

#feature {
width: 307px;
border: 0px;
float: left;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

#quote {
background-image: url(/images/bg_quote.jpg);
background-repeat: no-repeat;
width: 307px;
height: 98px;
}

#quote p {
color: #592a2a;
font-size: 10px;
font-style: italic;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0px 0px 0px 10px;
padding-right: 6px;
padding-top: 10px;
}

#content {
float: right;
width: 553px;
border: 0px;
margin: 0 0 0 0;
padding: 0 0 0 0;
background-image: url(/images/bg-body.jpg);
background-repeat: repeat;
}

#nav {
}

#innerContent {
margin: 16px 0 16px 25px;
}

#innerContent p {
line-height: 14px;
padding-right:10px
}

#innerContent li {
line-height: 14px;
}

.homeContent {
float:right;
width:365px;
margin-right:10px;
}

#bottom {
background-image: url(/images/bg-bottom.gif);
background-repeat: repeat;
height: 40px;
clear: both;
}

#bottomText {
color: white;
font-weight: bold;
margin-left: 20px;
padding-top: 15px;
}

.bookContainer {
color: #655e52;
line-height: 13px;
}

.bookContainer p {
font-size: 11px;
}

.bookCover {
width: 115px;
float: left;
}

.bookInfo {
float: right;
margin-right: 30px;
/*margin-left: 128px;*/
width: 375px;
}

.bookInfo h2 {
font-size: 14px;
margin-top: 6px;
color: #918772;
}

h2.bookInfo a, a:link {
color: #592a2a;
}

/*.bookInfo a, a:link {
color: #655e52;
font-weight: bold;
}*/

.bookDesc {

}
 div.hr {
  height: 15px;
  background: #dcdcb6 url(books/hr.gif) no-repeat scroll center;
}
div.hr hr {
  display: none;
}

/********** scroll styles  ***********/
.jScrollPaneContainer {position: relative;overflow: hidden;z-index: 1;}
.jScrollPaneTrack {position: absolute;cursor: pointer;right: 0;top: 0;height: 100%;background-image: url(/images/bg-body.jpg);background-repeat: repeat;}
.jScrollPaneDrag {position: absolute;background: #592A2A;cursor: pointer;overflow: hidden;}
.jScrollPaneDragTop {position: absolute;top: 0;left: 0;overflow: hidden;}
.jScrollPaneDragBottom {position: absolute;bottom: 0;left: 0;overflow: hidden;}
a.jScrollArrowUp {display: block;position: absolute;z-index: 1;top: 0;right: 0;text-indent: -2000px;overflow: hidden;background-color: #666;height: 9px;}
a.jScrollArrowUp:hover {background-color: #f60;}
a.jScrollArrowDown {display: block;position: absolute;z-index: 1;bottom: 0;right: 0;text-indent: -2000px;overflow: hidden;/*background-color: #666;*/height: 9px;}
a.jScrollArrowDown:hover {background-color: #f60;}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {background-color: #f00;}
.brown-border {background-image: url(/images/bg-bottom.gif);background-repeat: repeat;height: 40px;clear: both;}
.scroll-pane {width: 528px;height: 630px;overflow: auto;margin-top:16px;}
a.jScrollArrowUp {background: url(../images/basic_arrow_up.gif) repeat-x 0 0;}
a.jScrollArrowUp:hover {background-position: 0 -15px;}
a.jScrollArrowDown {background: url(../images/basic_arrow_down.gif) repeat-x 0 0;}
a.jScrollArrowDown:hover {background-position: 0 -15px;}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {background-position: 0 -30px;}
.scroll-pane {width: 528px;height: 630px;overflow: auto;margin-top:16px;}
.ra-scroll-pane {width: 528px;height: 240px;overflow: auto;margin-top:16px;}
.news-scroll-pane {width: 528px;height: 210px;overflow: auto;margin-top:16px; padding-bottom:30px}
/* Tabs
----------------------------------*/
.ui-tabs { padding:0; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; margin: 0 10px; padding: 0; height:23px; width:130px; background:#ffffff; color:#7a6b66; text-align:center }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 0; color:#7A6B66; width:128px }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding:0; background:#7a6b66; height:23px;width:130px; color:#ffffff; }
.ui-tabs .ui-tabs-nav li.ui-state-hover {padding:0;  height:23px; width:130px; text-decoration:underline;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; color:#ffffff; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding-left:13px; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide {position: absolute;left: -10000px;display: block;}