/****************/
/* layout tags  */
/****************/

body {
font: 80%/1em Arial, Helvetica, sans-serif; 
line-height: 130%;
color: #303335;
width: 844px;
margin: 0 auto 0 auto;
padding: 0px;
}

#layout 
{ 
width: 824px; 
margin: 0 auto 0 auto;
text-align: left;
padding: 0px;
}

#contentBody 
{
padding: 10px 0 0 0;
margin: 0;
clear: both;
}


/****************/
/* table basics */
/****************/

table 
{
width: 100%;
border: none;
}

td
{
border-right: 8px solid white; /*to get white line between columns, otherwise would be background color*/
}

.column
{
width: 200px;
height: 100%;
background: #ebebef url(/images/rounded_bottom_light.gif) bottom left no-repeat;
vertical-align: top;
}

.column h3
{
font: bold 100%/1em Arial, Helvetica, sans-serif;
background: #d0d1d9 url(/images/rounded_top_dark.gif) top left no-repeat;
padding: 7px 0px 7px 10px; 
border: none;
margin: 0px 0px 0px -7px;
color: #585c5c;
width: 190px;
}

.column h3.middle
{
font: bold 100%/1em Arial, Helvetica, sans-serif;
background: #d0d1d9;
padding: 3px 0px 3px 10px; 
border: none;
margin: 0px 0px 0px -7px;
width: 190px;
}

.column h3.last
{
font: bold 100%/1em Arial, Helvetica, sans-serif;
background: #d0d1d9;
padding: 3px 0px 7px 10px; 
border: none;
margin: 0px 0px 0px -7px;
width: 190px;
}

.capsule .afterH3
{
height: 2px;
}

.column .capsule
{
padding: 0px 7px 0px 7px;
margin: 0px 0px 0px 0px;
border-width: 0;
width: 186px; /* note 7s in padding */
line-height: 150%;
}

.capsuleSplit
{
border-bottom: 8px solid #FFFFFF;
background: #ebebef url(/images/rounded_bottom_light.gif) top left no-repeat;
width: 200px;
height: 5px;
}


/***********************************/
/* two column page - selling books */
/***********************************/

#bigLeftColumn
{
vertical-align: top;
width: 616px;
margin: 0px;
}

#bigLeftColumn h4
{
font: bold 105%/1em Arial, Helvetica, sans-serif;
text-align:center;
padding: 7px 0px 7px 0px; 
margin: 0px;
width: 616px;
background: #d0d1d9 url(/images/rounded_top_dark_long.gif) top left no-repeat;
}

#bigLeftColumn div.accordion
{
background: #ebebef;
vertical-align: top;
padding: 0px 10px 0px 10px;
border-top: none;
}

div.accLongBottom
{
border-bottom: 5px solid #FFFFFF;
height: 5px;
background: #d0d1d9 url(/images/rounded_bottom_dark_long.gif) top left no-repeat;
}

div.accLongBottomLast
{
height: 5px;
background: #d0d1d9 url(/images/rounded_bottom_dark_long.gif) top left no-repeat;
}

ul.accordion
{
padding: 5px 0px 5px 0px;
}

ul.accordion li
{
padding-bottom: 5px; 
}

#contentBody #smallRightColumn
{
vertical-align: top;
margin: 0px;
width: 200px;
}

.bookCopyright
{
text-align: center;
font: 80%/1em Arial, Helvetica, sans-serif;
color:#999999;
padding-top: 5px;
}


/***********************/
/* generic link styles */
/***********************/

a, a:link, a:visited
{
text-decoration: none;
color: #3567AA;
cursor: pointer;
}

a:hover
{
text-decoration: none;
color: #072D58;
cursor: pointer;
}

a.external:after
{
content: " >>";
font: 50%;
}


/***********************/
/*      list styles    */
/***********************/

ul
{
margin: 0;
list-style: none;
padding: 0;
}

ol
{
list-style: decimal inside;
padding: 0;
margin: 0;
}

li
{
padding: 0 0 .2em 0;
}

li.title
{
font-weight: bolder;
color: #444444;
}

li.part
{
margin: 0 0 0 4px;
}

li.desc
{
color: #999999;
margin: -4px 0 0 6px;
}

li.seeMore /*e.g. if list has number or indent or something*/
{
list-style: none;
}

li.indent
{
margin: 0 0 0 7px;
}

li.indent2
{
margin: 0 0 0 14px;
}

a.seeMore, a.seeMore:link, a.seeMore:visited
{
font: bold 100%/1em Arial,sans-serif;
color: #3567AA;
text-decoration: none;
}

a.seeMore:hover
{
text-decoration: none;
background-color: #DDDDDD;
color: #194276;
}


/***********/
/* footer  */
/***********/

#footer
{
clear: both;
width: 824px;
vertical-align: bottom;
padding: 0px 0px 6px 0px; /*see also #footer #content */
margin: 20px 0px 0px 0px;
line-height: 130%;
text-align: center;
font: 80%/1em Arial, Helvetica, sans-serif;
color:#999999;
}

#footer #content
{
padding: 5px 10px 0px 10px; /* see also #footer */
}

#footer a, #footer a:link, #footer a:visited
{
color: #3567AA;
font-weight:100;
text-decoration: none;
}

#footer a:hover
{
background-color: transparent;
text-decoration: underline;
}

.footerLinks li
{
display: inline; /*same line*/
}

.footerLinks li:after
{
content: " | ";
color:#999999;
}

.footerLinks li.last:after
{
content: "";
}

.copyright
{
margin-top: 10px;
}

.currentLocation
{
color: #828282;
}


/***********/
/* header  */
/***********/

#header
{
margin: 0px;
padding: 0px;
clear: both;
}

#header img
{
padding: 0px 0px 0px 10px;
margin: 0px;
height: 57px;
border: none;
}

/* IE hack to get padding on top of page for logo */
* html #header img
{
padding: 15px 0px 0px 10px;
margin: 0px;
height: 57px;
}
/* end IE hack */

h1 .header /*in alt for logo */
{
font: bold 2em Arial,sans-serif;
color: #333333;
margin: 0px;
padding: 0px;
}

#header table.header
{
padding: 0px;
margin: 0px;
height: 57px;
}


/***********************/
/* boxes + aesthetics  */
/***********************/

.redBox /* red background -- e.g. error*/
{
margin: 5px 0px;
padding: 10px;
border: solid 1px #dd3c10;
background: #ffebe8;
}
        
.redBox p
{
margin: 4px 0px 0px;
text-align: center;
}

.redBox a
{
text-decoration: none;
color: #dd3c10;
}

.yellowBox /* yellow background -- e.g. warning*/
{
margin: 5px 0px 0px 0px;
padding: 10px;
border: solid 1px #ffe222;
background: #fffbe2;
}
        
.yellowBox p
{
margin: 4px 0px 0px;
text-align: center;
}
        
.yellowBox a
{
text-decoration: none;
}

.greyBox /*gray background -- e.g. news */
{
margin: 5px 0px 0px 0px;
padding: 10px;
border: solid 1px #999999;
background: #ebebef;
}

.greyBox p
{
margin: 3px 2px 2px 2px;
text-align: center;
}

.greyBox a
{
text-decoration: none;
}

.greyBox h2
{
font: bold 120%/1em Arial, Helvetica, sans-serif;
text-align:center;
}

.whiteBox /*white background -- e.g. white picture */
{
margin: 5px 0px 0px 0px;
padding: 10px;
}

.whiteBox p
{
margin: 3px 2px 2px 2px;
text-align: center;
}

.whiteBox a
{
text-decoration: none;
}

.whiteBox h2
{
font: bold 130%/1em Arial, Helvetica, sans-serif;
text-align:center;
}

.whiteBox h3
{
font: 110%/1em Arial, Helvetica, sans-serif;
text-align:center;
}


/***********/
/* misc    */
/***********/

hr /*divisions (gray line) within capsules */
{
border-top: none;
border-right: none;
border-bottom: 1px solid #B1B1B1;
border-left: none;
margin-right: 7px;
}