/* 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;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 12pt;  /***** CHANGED from 11pt 11_26_07 ****/
  color: #FFFFED;  /***** ADDED 11_26_07 ****/
  background-color: #114962;  /***** ADDED 12_13_07 ****/
}

a:link
{ 
  text-decoration: none;
  /*color: #0000FF;*/
  color: #C89F64;
  /*color: #FF5555;*/
}

a:visited
{ 
  text-decoration: none;
  /*color: #0000FF;*/
  color: #C89F64;
}

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

img 
{ 
  border: none; 
}

p
{
  width: 90%;
}

/*
 * Container -- contains the entire body of the page
 */
.container
{
	width: 900px; /* CHANGED from 800px 11/19/07  */
	border-style: groove;
	/*border-color: #484848;*/
	border-color: #124A61;  /*changed 1-16-09*/
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;    /*Added 12/05/07 */
	background-position:center;
	
}

/*
 * Header -- the page header 
 */
.header
{
  width: 850px;
  background-color: #114962;
  border-style: none;
  border-color: #000000;
  	margin-left: auto;  /*Added 12/05/07  centers it... works!!*/
	margin-right: auto;  /*Added 12/05/07 */
}
#header h1
{
  margin: 0 0 0 0;
  padding: 5px 0 0 0;
  font-family: Georgia, serif;
  /*font-size: 30pt;*/
  font-size: 20pt;  /*Added by CEH 12/11/07*/
  text-align: center;
  /*color: #888888;*/
  color: #FFEECC;  /***** ADDED 2/4/8 ****/
}
/*
 * topNav -- the navigation along the top of the site; resides inside #header
 */
.topNav
{
  font-size: 12px;
  height: 20px;
  border-style: none;
  /*border-color: #FFFFFF; */
  border-color: #124A61;  /*changed 1/16/09 */
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  table-layout:inherit;
}
#topNav ul
{
  height: 45px;
  margin: 0 auto 0 auto;
  padding: 0 auto 0 auto;
  list-style-type: none;
  margin-left: auto;  /*to center added by ceh on 12/11/07*/
  margin-right: auto;  /*to center added by ceh on 12/11/07*/
}
#topNav li
{
  height: 45px;
  /*width: 100px;*/
  width: 100px;  /*Changed from 100 by ceh on 12/11/07 didn't work*/
  padding: 0 0 0 0;
  margin: 0 1px 0 1px;
  float: center;
  line-height: 45px;
  text-align: center;
}
#topNav a
{ 
  text-decoration: none;
  font-weight: bold;
  color: #DDDDDD;
}
#topNav a:hover
{ 
  color: #FF8888;  
}

/*
 *  navLeft -- the left navigation bar 
 */
#navLeft
{
  /*background-color: #006699;*/
  background-color: #155673; /* back box CHANGED 12/05/07  */
  width: 200px;
  clear: left;
  float: left; 
  margin-left: 3px;
  margin-right: 5px;
  padding: 10px 5px 10px 5px;
  border-style: none;/* CHANGED 11/19/07  */
  border-color: #000000;
  background-position:center;
  
}
.navLeftGroup
{
  width: 180px;
  /* background-color: #00CCFF; */
  background-color: #1E6281; /* forground boxes CHANGED 12/05/07  */
  margin-top: 0;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  padding: 5px 5px 5px 5px;
}
.navLeftGroup ul
{
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  list-style-type: none;
}
.navLeftGroup li
{
  margin: 0 0 2px 4px;
  padding: 0 0 2px 0;
}
.navLeftGroup li:hover
{
/*  border-bottom-style: dotted;
  border-bottom-color: #FF9933;
  border-bottom-width: 1px; */
  color: #FF0000; /* CHANGED 11/19/07  */
}
.navLeftGroup a
{ 
  text-decoration: none;
  color: #C89F64;  /*controls color of hot text in left column bottom area i.e. not shopping cart */
  /*color: #C80000;*/
}
.navLeftGroup a:hover
{ 
  /*color: #CC3300;  */
  color: #FF8888;
}
.navLeftGroup h2
{
  font-size: 17px;
  font-family: Georgia, Verdana, sans-serif;
  /*font-family: "Albertus Medium"*/
  margin: 0 0 4px 0;
  padding: 0 0 0 0;
  color: #FFDDAA;
}  
.navLeftGroup form
{
  margin: 0;
  padding: 0;
}

/* ****************************************
CONTENT
 * content -- the container for page-specific content
 INCLUDING TITLE DETAIL PAGES
 * ****************************************
 */
.content
{
  /*width: 750px; */
  width: 750px;  /*changed test 1/20/09*/
  /*float: left;*/
  float: right;  /*changed test 1/20/09*/
  background-color: #114962;  /* CHANGED 11/19/07  */
  margin: 0 0 0 0;
  padding: 0 5px 10px 10px;
  border-style: none;  /* CHANGED 11/19/07  */
  border-color: #000000;
  /*Below Added by CEH 12/18/07*/
    /*font-family: Georgia, serif;*/
	font-family:Arial, Helvetica, sans-serif;
  font-size: 14px; 
  text-align: right;
  /*color: #888888;*/
  color: #FFEECC;  /***** changed 2/4/8 ****/
}
#content ul li
{ 
/*governs the ISBN, weight, and other factors in the top detail box */
  list-style-type: disc;
  margin-bottom: 5px;
    /*Below Added by CEH 12/18/07*/
   /*font-family: Georgia, serif;*/
	font-family:Arial, Helvetica, sans-serif;
  font-size: 14px; 
  text-align: left;  /*has no effect on top buttons*/
  color: #FFEECC;
}
#content a
{ 
/* These are the buttons at the top of the detail page */
  list-style-type: disc;
  margin-bottom: 5px;
    /*Below Added by CEH 12/18/07*/
   /* font-family: Georgia, serif;*/
   font-family:Arial, Helvetica, sans-serif;
  font-size: 16px; 
  font-style: bold;
  text-align: left;
  /*color: #888888;*/
  /*color: #FFEECC;  /*changed by ceh 2/4/8*/*/
  color: #FFAA99; /*changed by ceh 3/4/8 */
}

#content a:hover
{ 
  color: #FF6666; /*changed by ceh 3/4/8 */
}

/*
 * footer -- the site footer
 */
#footer
{ 
  width: 800px;
  clear: both;
  padding-top: 25px;
  border-style: none;  /*Changed 12/07/07  from dotted*/
  border-color: #000000;
  margin-left: auto;  /*Added 12/05/07  to center it*/
  margin-right: auto;  /*Added 12/05/07 */
}
/**** cartBar
 * The current shopping cart box.
 */
.cartBar  /* cart bar quantity listing is controled here */
{
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 12px;  
  font-weight: bold;
  /*color: #CCBBCC; */
  color: #FFFFFF;  /*changed by ceh 2/4/8*/
  border: 1px solid #000000;
  margin: 5px;
}
.cartBar a  /*cart bar title listing */
{ 
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 12px;  
  font-weight: bold;
  color: #DDDD99; 
}
.cartBar a:visited  /*cart bar title listing */
{ 
  color: #DDDD99; 
}
.cartBar a:hover  /*cart bar title listing */
{ 
  color: #FF6666; 
}

/**** headerLogo
 * A medium sized company logo, usually displayed at the top of the screen on all pages.
 */
.headerLogo
{
  background-image: url("images/biglogo.jpg");
  background-repeat: no-repeat;
  text-align: right;
  width: 658px;
  margin-left: auto;
  margin-right: auto;
  height: 200px;
  /*color: #404090;*/
  color: #404090;
  font-weight: 700;
  margin-bottom: 50px;
}

/**** tblHeader
 * The header row of most data tables.
 */
.tblHeader
{
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 12px;  
  color: #FFFFED;  
/*  background-color: #00CCFF;*/
background-color: #193E7A;   /*This is the "Your Shopping Cart" space*/
  font-weight: bold;
}

/**** tblFooter
 * The bottom row of most data tables.
 */
.tblFooter
{
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 12px;  
  color: #FFFFED;  
  /*background-color: #00CCFF;*/
  background-color: #193E7A;   /*This is the "checkout" space*/
  font-weight: bold;
}
.tblFooter a
{ 
  color: #FFFFED; 
}
.tblFooter a:visited
{ 
  color: #FFFFED; 
}
.tblFooter a:hover
{ 
  color: #FF6666; 
}

/*** dataTbl
 * Most data containing tables.
 */
.dataTbl
{

	
  width: 70%;
  margin: auto;
}


/**** titleBrief
 * Titles returned by the search feature.
 * Do Not Modify: clear, img.float, img.clear
 */
.titleBrief
{
  /*width: 80%;*/
  width: 550px; /*changed from above on 2/6/8 by ceh */
  margin: thin;
  max-height: 120px /***** ADDED 12_14_07  to constrain height****/
  padding-bottom: 5em;
  display: block;
  border-style: solid;
  border-width: thin;
  border-color: #888888 #444444 #444444 #888888;
  
}
.titleBrief .title
{ 
  font-size: 1.3em; 
  font-weight: 700;
  /*color: #DDDDDD;  /***** ADDED 11_26_07 ****/
  color: #DDDDDD;  /***** ADDED 2/4/8 ****/
}
.titleBrief .subtitle
{
  font-weight: 600;
  color: #DDDDDD;  /***** ADDED 11_26_07 ****/
}
.titleBrief img
{
  display: block;
  float: center;
  height: 120px;
  margin-right: 1em;
  margin-bottom: 50px;
  vertical-align: top;
}
.titleBrief p
{ font-size: 85%; margin: 0;}

<!--*********************-->
/**** titleVERYBrief
 * Titles returned by the search feature.
 * Do Not Modify: clear, img.float, img.clear
 */
.titleVERYBrief
{
  /*width: 80%;*/
  width: 1000px; /*new class created by CEH 7/10/08 */
  margin: thin;
  max-height: 120px /***** ADDED 12_14_07  to constrain height****/
  padding-bottom: 5em;
  display: table;
  border-style: solid;
  border-width: thin;
  border-color: #888888 #444444 #444444 #888888;
}
.titleVERYBrief .title
{ 
  font-size: 0.8em; 
  font-weight: 700;
  float:left;
  /*color: #DDDDDD;  /***** ADDED 11_26_07 ****/
  color: #FFDDDD;  /***** ADDED 2/4/8 ****/
}
.titleVERYBrief .titleLeft
{ 
  font-size: 0.8em; 
  font-weight: 700;
  float: left;
  
  /*color: #DDDDDD;  /***** ADDED 11_26_07 ****/
  color: #FFDDFF;  /***** ADDED 2/4/8 ****/
}
.titleVERYBrief .subtitle
{
  font-weight: 600;
  color: #DDDDDD;  /***** ADDED 11_26_07 ****/
}
.titleVERYBrief img
{
  display: block;
  float: left;
  height: 120px;
  margin-right: 1em;
  margin-bottom: 50px;
  vertical-align: top;
}
.titleVERYBrief 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: #88FF88;
  font-weight: bold;
  display: inline;
}

/**** warning
 * Warning message boxes
 */
.warning
{
  color: black;
  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
{
  color: black;
  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;
  color: #000000;
  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;
  font-size: 10pt;
  margin-bottom: 0.5em;
  
}
.input div
{
  /*background-color: #CCCCCC;*/
  background-color: #114962;
  width: 100%;
  display: block; 
  font-size: 10pt; 
}

/**** loginBox
 * A compact login form that is displayed in various areas where login is optional.
 */
.loginBox
{
  /*background-color: #CCCCCC;  */
  background-color: #114962;
  width: 400px;
  margin: auto;
  font-style: oblique;
  
}
.loginBox .header
{ font-weight: 700;
  padding-top: 1em; 
  padding: 1em;
}

/**** finePrint
 * Small text, such as for legal text at the bottom of the screen,.
 */
.finePrint
{
  margin-top: 2em;
  font-size: 8pt;
  /*color: #DDDDDD;  /***** ADDED 11_26_07 ****/*/
  color: #000000;  /***** ADDED 12_10_07 ****/
}

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

/**** footerNav
 * Not currently in use
 */
#footerNav
{
  
}

/**** 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%;*/
  width: 80%;
  font-weight: 700;
}
.titleMenu td { width: 33% }
.titleMenu a
{
  display: block;
  background-color: #ffcc00;
  text-align: center;
}

.titleviewTop
{
/*This is the book title writ large on the detail page*/
  text-align: center;
  margin-left: 0px;
  font-family: Georgia, serif;
 /* font-family:"Albertus Medium";*/
  /*font-family:Arial, Helvetica, sans-serif;*/
  /*color:#FF0000;*/
  border-style: none;   /*was dotten red*/
  border-color: red;
  width: 600px;  /*added by ceh 2/5/8 */
}

.titleviewLeft
{
width: 550px; /*changed from above on 2/6/8 by ceh */
  margin: thin;
  max-height: 120px; /***** ADDED 12_14_07  to constrain height****/
  padding-bottom: 5em;
  display: block;
  border-style: solid;
  border-width: thin;
  border-color: #888888 #444444 #444444 #888888;
}
#titleviewLeft img
{ 
  display: block;
  float: left;
  clear: left;
  margin-right: 20px;
  margin-left: 30px;
}
.titleviewBody
{
/*This was not working right as an ID so it was changed to a class "." and presumably ignored now
CEH 1/20/09        */
width: 500px;
  clear: left;
  text-align: left;
  border-style: solid;  /*was dotted - changed 12/14/7*/
  border-color: #FFFF00;
  border-width: thin;
  /*width: 600px;*/  /*added by ceh 2/5/8 */
} 


/*
/* special Solano Press Class*/
/* added 2/5/8 by ceh*/

#solano
{
  width: 800px;
  background-color: #114962;
  border-style: none;
  border-color: #000000;
  	margin-left: auto;  /*Added 12/05/07  centers it... works!!*/
	margin-right: auto;  /*Added 12/05/07 */
}


.solanoPara1
{
  margin: 0 0 0 0;
  padding: 10px 0 0 0;
  font-family: Arial, Helvetica, sans-serif;
  /*font-size: 30pt;*/
  font-size: 10pt;  /*Added by CEH 12/11/07*/
  text-align: left;
  /*color: #888888;*/
  color: #FFEECC;  /***** ADDED 2/4/8 ****/
}

.solanoHead1
{
  margin: 0 0 0 0;
  padding: 10px 0 0 0;
  font-family: Arial, Helvetica, sans-serif;
  /*font-size: 30pt;*/
  font-size: 20pt;  /*Added by CEH 12/11/07*/
  text-align: left;
  /*color: #888888;*/
  color: #FFEECC;  /***** ADDED 2/4/8 ****/
}

.solanoHead_ITALIC
{
  margin: 0 0 0 0;
  padding: 10px 0 0 0;
  font-family: Arial, Helvetica, sans-serif;
  /*font-size: 30pt;*/
  font-size: 20pt;  /*Added by CEH 12/11/07*/
  text-align: left;
  /*color: #888888;*/
  color: #FFEECC;  /***** ADDED 2/4/8 ****/
  font:italic
}

.solanoSelect1
{
  margin: 0 0 0 0;
  padding: 10px 0 0 0;
  font-family: Arial, Helvetica, sans-serif;
  /*font-size: 30pt;*/
  font-size: 12pt;  /*Added by CEH 12/11/07*/
  text-align: right;
  /*color: #888888;*/
  color: #FF9999;  /***** ADDED 2/4/8 ****/
}

/**** debugging information. */
#debug 
{
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 12pt; 
  text-align: left;
  clear: left;
}