/**************************************
	pencil nav
**************************************/



#pencil_nav_container {
height: 18px;
background-color: #1a1a1a;
width: 100%;
text-align: center;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
z-index: 300;
}



#pencil_nav_container #mainnav {
display: block;
font-family: Arial,Helvetica,sans-serif;
height: 18px;
font-size: 11px;
font-weight: bold;
width: 1050px;
margin-left: auto;
margin-right: auto;
}

#pencil_nav_container ul{
margin-top: 0px;
margin-bottom: 20px;
}

#pencil_nav_container #mainnav li, #tabs li {
display:inline;
vertical-align: middle;
float:left;
list-style-type:none;
text-align:center;
}

#pencil_nav_container #mainnav li a {
display:block;
padding-top:3px;
padding-bottom: 2px;
padding-right: 12px;
padding-left: 12px;
text-decoration:none;
background:#242424;
border-right:1px solid #666666;
color:#FFFFFF;
}
#pencil_nav_container #mainnav li.active a {
background:#605F5F;
}
#pencil_nav_container #mainnav a.active, #pencil_nav_container #mainnav li a:hover {
background-color:#830F0F;
}
#pencil_nav_container #mainnav li.red a {
background-color:#c00015;
border-right:1px solid #CC9999;
padding-top:3px;
padding-bottom: 2px;
padding-right: 12px;
padding-left: 12px;
}

#pencil_nav_container #mainnav li.red a:hover {
background-color:#8F5353;
}

#pencil_nav_container #mainnav li.last a {
border:medium none;
}

.pencil_hairline {
border-bottom:1px solid #CCCCCC;
left:0px;
line-height:0;
position:relative;
top:20px;
width:100%;
z-index:300;
}

/*******************************
Backgrounds
*******************************/

body {
background-color: #5e4738;
color: #6a503f;
font-size:14px;
}

a:active, a:focus {
outline: none;
}

.nDepth {
background:transparent url(images/grapesBG.jpg) no-repeat scroll 50% 8px;
height:860px;
}

.book {
height:638px;
left:19px;
margin:0 auto;
position:relative;
top:46px;
width:892px;
}


.bookLeft {
float:left;
height:638px;
margin-left:28px;
width:375px;
margin-right:44px;
}

#bookRight {
float:left;
height:638px;
width:398px;
}



/********************************
Paging
********************************/



.ui-tabs .ui-tabs-hide { display: none !important;}

.ui-tabs { 
zoom: 1;
}

.ui-tabs .ui-tabs-nav { 
left:5px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
overflow:hidden;
padding:2px 2px 0;
position:relative;
top:4px;
z-index:1000;


}

li.noBorder {
border:medium none !important;
font-weight:bold;
margin:4px 10px 0 0 !important;
}


.ui-tabs .ui-tabs-nav li 	{ 
position: relative; 
float: left; 
margin: 0 2px -1px 0; 
}

.ui-tabs-nav li a 	{ 
background-color:transparent;
color:black;
float:left;
font-weight:bold;
padding:2px 20px;
text-decoration:none;
border-top: 1px solid #5e4738;
border-right: 1px solid #5e4738;
border-left: 1px solid #5e4738;
border-bottom: none;
}

.ui-tabs .ui-tabs-nav  li.ui-tabs-selected, li.ui-tabs-selected:focus 	{ 
padding-bottom: 1px; 
background-color: #5e4738;
outline: none;
}

.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; 
}
.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-panel 	{ 
background:transparent none repeat scroll 0 0;
border-width:0;
min-height:200px;
padding: 0px 10px 20px 0px !important;
position:relative;
}
.ui-tabs .ui-tabs-hide { 
display: none !important; 
}

.ui-tabs p {
text-indent: 20px;
line-height: 20px;
margin-top: 10px;
margin-bottom: 0px;
}

a.mover 	{ 

padding: 6px 12px; 
position: absolute;
color: #6a503f;
font-weight: bold; 
text-decoration: none; 
}
.next-tab {
right: 0;
 }
 
.prev-tab { 
 left: 0; 
 }
 
 #fragment-3 p {
 margin-top: 8px !important;
 }
 
 .moreReading {
 padding-top: 10px;
 }
 
 .moreReading p{
 text-indent: 0px !important;
 }
 
 .moreReading a {
 color: #6a503f;
border-bottom: 2px solid #6a503f;
}
 
 
 
 /**************************************
 Media
 ***************************************/
 
 .ndepthMedia {
left:-21px;
position:relative;
top:319px;
 }

 
 .captionBox {
 margin-top: 3px;
 padding: 3px;
 margin-bottom:6px;
 }
 
 #fragment-4 p {
 margin-top: 8.2px;
 }
 
 .flourish {
 background: transparent url('images/flourish.png') no-repeat 50% 0;
 margin: 0 auto;
 width: 102px;
 height: 23px;
 }
 
 h2 {
 font-size: 130%;
 text-align: center;
 margin-bottom: 10px;
 }
 
 #fragment-5 p {
 margin-top: 4.2px;
 }
 
 
 .ndepthLink {
display:block;
height:30px;
left:65px;
position:relative;
top:17px;
width:232px;
 }

#bookRight #tabs ul li span {
    cursor: pointer;
    background-color:transparent;
    border-color:#5E4738;
    border-style:solid solid none;
    border-width:1px 1px medium;
    color:black;
    float:left;
    font-weight:bold;
    padding:2px 20px;
    text-decoration:none;
}
#previous {
    cursor:pointer;
    float:left;
    font-weight:bold;
}
#next {
    cursor:pointer;
    float:right;
    font-weight:bold;
}