/* This page contains color, layout, and text formatting information for the web site.  Editing this page is not
 * recommended for those without a basic understanding of CSS.  For basic information on CSS, please consult:
 * http://www.w3.org/Style/CSS/learning
 *
 * IMPORTANT: Any properties that are listed as "Do Not Modify" may have unintended or drastic side effects on the
 * display of your web page.  Only modify these properties if you are familiar with advanced CSS concepts, always
 * back up previous versions, and do not directly modify a live site.
 */

/**** Style Defaults
 * The following properties override browser default display properties.  Any changes to these entries will affect the
 * entire web site.
 */
body 
{
  border: none;
  vertical-align: top;
  font-family: Arial, sans-serif;
  width: 800px;
}
#container
{ 
  width: 800px;
  height: 100%;
  border-style: groove;
  border-color: #CC0000;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
}

}

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

a:hover
{ 
  text-decoration: none; 
  color: #0000FF;
}	

img 
{ 
  border: none; 
}

p
{
	width: 90%;
}

/**** mainTable
 * The table enclosing the entire document
 */
.mainTable
{ 
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}

/**** navBar
 * The main navigation bar.
 */
#navBar
{
	font-weight: 700;
	background-color: #CC6666;
	background-repeat: no-repeat;
}
#navBar table{ padding-left:30px; padding-right: 30px }
#navBar td{ width: 10%; }
#navBar tr{text-align: right; }
#navBar a:link, #navBar a:visited {  color: #000000; text-decoration: none;} 
#navBar a:hover { color: #000000; }

/**** navLeft
 * The left navigation bar (if any.)
 */
#navLeft
{
  background-color: #FFFFFF;
  border-collapse: collapse;
  margin-top: 5px;
  border-right: 3px solid #CC0000;
  float: left;
  width: 120px;
  padding: 0;
}
#navLeft .navRow
{ 
  width: 91px;
  height: 15px;
}

#navLeft .navLink
{
  background-color: #CC6666; 
  width: 91px;
  height: 15px;
  text-align: center;
  border-style: solid;
  border-width: 3px;
  border-color: #CC0000;
}
#navLeft .navLink a
{
  text-decoration: none;
  color: #FFFFFF;
  font-size: 13px;
}
#navLeft .navLink:hover
{ 
  background-color: #E5CCCC;
}
#navLeft .navLink a:hover
{ 
  color: #CC0000;
}
#navLeft .navBotImg
{ 
  width: 118px;
  height: 325px;
  background-image: url("images/bookstacksansbrdrs.gif");
  background-position: bottom center;
  background-repeat: no-repeat;
}

/*
 * Content container
 */
#content
{
  width: 650px;
  min-height: 500px;
  float: left;
  background-color: #FFFFFF;
  margin: 0 0 0 0;
  padding: 0 10px 10px 10px;
  border-style: solid;
  border-width: 0px;
  border-color: #000000;
}
#content h1 
{ 
  font-family: Georgia, Verdana, Helvetica, sans-serif; 
  color: #CC4444;
}

#content h2 
{ 
  font-family: Georgia, Verdana, Helvetica, sans-serif; 
  color:  #CC0000;
}

#content h3
{
  font-size: 15px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
#content a
{ 
  text-decoration: none;
  color: #CC6666;
}
#content a:hover
{ 
  color:  #CC0000;
}

/**** headerLogo
 * The logo displayed at the top of all pages
 */
.headerLogo
{

}
.headerLogo img
{ 

}
/**** cartBar
 * The current shopping cart box.
 * Do not modify - float
 */
.cartBar
{
  border: 1px solid #000000;
  margin: 5px;
}

/**** mainBlock
 * Sets subtle display properties for the main text body.
 */
#mainBlock
{
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  margin-left: 160px;
  outline: 0;

}
#mainBlock a:link, a:visited
/* Note:  Firefox does not seem to inherit these properties from the 
   declarations for "body" above; they are reproduced here so that links
   display properly 
*/
{
  text-decoration: none;
  color: #CC6666;
}
#mainBlock a:hover
{ 
  text-decoration: none; 
  color: #0000FF;
}	



/**** Table classes
 * These classes allow data tables to be presented in ledger format.
 */

/*** dataTbl
 * Most data containing tables.
 */
.dataTbl
{
	border: 1px solid #cc0000;
	cellpadding: 2px;
	text-align: center;
	font-size: 8pt;
	width: 100%;
}


.tblHeader
{
	background-color: #CC6666;
	font-weight: bold ;
}


.tblRow1
{
	background-color: #FFFFFF;
}


.tblRow2
{
	background-color: #EBC2C2;
}


/**** titleBrief
 * Titles returned by the search feature.
 * Do Not Modify: clear, img.float, img.clear
 */
.titleBrief
{
	width: 80%;
	margin: auto;
	padding-bottom: 5em;
	display: block;
}
.titleBrief .title
{ 
	font-size: 1.3em; 
	font-weight: 700;
}
.titleBrief .subtitle
{
	font-weight: 600;
}
.titleBrief img
{
	display: block;
	float: left;
	height: 120px;
	margin-right: 1em;
	margin-bottom: 50px;
	vertical-align: top;
}
.titleBrief p
{ font-size: 85%; margin: 0;}


/**** currency
 * Currency amounts (such as wherever a price is shown)
 * Do Not Modify: display
 */
* .currency
{
	font-size: small;
	font-style: oblique;
	color: #005500;
	font-weight: bold;
	display: inline;
}

/**** warning
 * Warning message boxes
 */
.warning
{
	width: 75%;
	margin: auto;
	margin-bottom: 0.5em;
	border-color: #FF5555;
	border-style: solid;
	border-width: medium;
	background-color: #FFFF00;
	padding: 2px;
} .warningTitle
{
	font-weight: 700;
	font-variant: small-caps;
	background-color: #FF5555;
	padding: 0;
}

/**** notice
 * Notice message boxes
 */
.notice
{
	margin: auto;
	width: 75%;
	border-color: #FFFF00;
	border-width: thin;
	border-style: solid;
	margin-bottom: 0.5em;
} .noticeTitle
{
	background-image: url("images/alert.red.gif");
	background-repeat: no-repeat;
	height: 25px;
	padding-left: 25px;
	font-weight: 700;
	font-variant: small-caps;
	background-color: #FFFF00;
}

/**** input
 * An individual entry line in a form.  Note that the structure of input entries is complex, modify with care.
 */
.input
{
	margin: auto; 
	font-style: oblique;
	margin-bottom: 0.5em;
}

.input div
{
	background-color: #CCCCCC;
	width: 550px;
	display: block;	
}


/**** finePrint
 * Small text, such as for legal text at the bottom of the screen,.
 */
.finePrint
{
	margin-top: 2em;
	font-size: 8pt;
}

/**** searchBox
 * A medium sized box used to search for titles.
 */
#searchBox
{
	border: 1px;
	width: 35%;
	background-color: #9999FF;
	min-width: 150px;
	float: right;
}

/**** helpBox
 * A popup box that displays additional information, usually relating to a form entry.
 * Do Not Modify - width, height, padding, margin
 */
.helpBox
{
	width: 300px;
	height: 350px;
	padding: 2px;
	margin: 0;
	border: 1px solid black;	
}

/**** titleMenu
 * The menu displayed for navigation when viewing a single title.
 */
.titleMenu
{
	margin: auto;
	width: 80%;
	font-weight: 700;
}
.titleMenu td { width: 33% }
.titleMenu a
{
	display: block;
	background-color: #ffcc00;
	text-align: center;
}