/*
 * 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: Arial, sans-serif;
  font-size: 10pt;
  height: 100%;
}

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

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

img 
{ 
  border: none; 
}

p
{
  width: 90%;
}
/*
 * header/tempnav -- temporary navigation links
 */
#header #tempnav
{ 
  padding: 0;
  margin: 5px auto 0 auto;
}
#header #tempnav li
{ 
  float: left;
  margin-left: 15px;
  color: yellow;
  list-style-type: none;
}
#header #tempnav a
{ 
  color: yellow;
}

/*
 * Container -- contains the entire body of the page
 */
#container
{ 
  width: 815px;
  height: 100%; 
  background-color: #40552D;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}

/*
 * Header -- the page header 
 */
#header
{
  width: 95%;
  height: auto;
/*  border-style: dotted;
  border-color: #000000; */
}
/* For images in header: */
#header img
{
  height: 150px;
  width: auto;
  display: block; 
  clear: left;
  margin: 0px 40px 0px 40px;
}
#header h1
{
  font-size: 30pt;
  text-align: left;
  color: #A0A490;
}
#header h2
{
  margin-top: 0;
  font-size: 20pt;
  text-align: center;
  color: #A0A490;
}
#header h3
{
  margin-top: 0;
  font-size: 12pt;
  font-style: italic;
  text-align: right;
  color: #000000;
}


/*
 * topNav -- the navigation along the top of the site; resides inside #header
 */
#topNav
{
  height: 20px;
  background-color: #E4E2B6;
  position: relative;
  margin-top: 20px;
  margin-left: 20px;
  padding: 0,0,0,0;
  text-align: center;
  overflow: hidden; 
}
#topNav ul
{
  list-style-type: none;
  margin-top: 0;
  padding-top: 0;
}
#topNav li
{
  height: 20px;
  width: 125px;
  margin-top: 0;
  padding-top: 0;
  float: left;
  text-align: center;
}

#topNav li:hover
{
  background-color: #A0A490;
}



#topNav a
{ 
  text-decoration: none;
  font-weight: normal;
  color: #000000; 
}
#topNav a:hover
{ 
  color: #4C6032;
}


/* 
 * content -- the container for page-specific content
 */
#content
{
  width: 99%;
  float: left;
  background-color: #999966;
  margin: 10px 0 0 0;
  padding: 0 0 0 1%;
  font-size: 8pt;
/*  border-style: dotted;
  border-color: #0000FF;*/
}

#content img.w
{
  width: 40px;
  height: 38px;
}

#content a
{ 
  color:  #40552D; /*#00CC99;*/
  text-decoration: underline;
}
#content a:visited
{ 
  color: #FFFFFF;
  text-decoration: underline;
}
#content h2
{ 
  font-size: 14pt;
  margin-bottom: 0;
}
#content p
{
  width: auto;
  margin-top: 10px;
  margin-bottom: 0px;
  padding-left: 10px;
}
#content ul
{ 
  display: block;
  width: 270px;
  margin: 5px auto 5px 5px;
  padding: 0 0 0 10px;
  list-style-position: inside;
}
#content li
{ 
  list-style-type: square; 
  margin-bottom: 5px;
/*  border-style: dotted; 
  border-color: blue;*/
}
/* For labels and field headers on forms (e.g. in user.asp): */
#content .input
{ 
  width: 98%;
  overflow: hidden;
  margin: 5px 0 5px 0;
}

#content label.input
{ 
  display: block;
  width: 100%;
  text-align: left;
  margin: 8px 0 4px 0;
  padding: 2px 0 2px 5px;
  background-color: #636632;
}
#content form
{ 
  width: 270px;
  margin-top: 25px;
}
#content form.fullpage
{ 
  width: 98%;
  padding: 0 0 10px 0;
}
#content input, select, textarea
{ 
  margin: 2px 5px 0 5px;
}
#content label
{
  display: block;
  float: left;
  width: 50px;
  text-align: right;
}
#content input.button
{ 
  display: block;
  width: auto;
  margin-left: auto;
  margin-right: auto;
}

/* For title information on the books.asp page */
#content .titleBrief
{ 
  clear: left;
  min-height: 100px;
  width: auto;
/*  border-style: dotted;
  border-color: yellow; */
  margin: 10px 0 15px 10px;
}
#content .titleBriefForm
{ 
  width: 350px;
  margin: 0;
  padding: 0 0 15px 0;
  float: left;
/*  border-style: dotted;
  border-color: red; */
}
#content .titleBriefForm .title
{ 
  font-size: 1.2em;
  font-weight: bold;
}
#content .titleBriefForm .price
{ 
  font-weight: bold;
}
#content .titleBriefForm p
{ 
  margin: 5px 0 5px 0;
}
#content .titleBriefForm form
{ 
  margin: 5px 0 0 0;
}
#content img.titleBrief
{ 
  display: block;
  clear: left;
  float: left;
  margin: 0 10px 0 0;
  width: 100px; 
/*  border-style: dotted;
  border-color: blue;*/
}

/*
 * cart -- the shopping cart div
 */
#cart
{ }

/* 
 * categories -- the div containing the category listing for books
 */
#categories
{  }
/*
 * right -- flash video and other text in the right side of #content
 */
#right
{ 
  width: 500px;
  height: 100%;
  min-height: 600px;
  float: right;
  margin-left: 10px;
  background-color: #636632;
}

#right p 
{ 
  /* temporary fix to get content off the left border*/
  padding-left: 10px;
}
#right a
{ 
  color:#00cc99;  
}
#right strong.red
{ 
  font-size: 0.8em;
  color: red; 
}
#mainflashcontent
{ 
/*  border-style: dotted;
  border-color: blue; */
}
/*
 * footer -- the site footer
 */
#footer
{ 
  width: 100%;
  height: 150px;
  clear: both;
  padding-top: 25px;
  padding-bottom: 40px;
/*  border-style: dotted;
  border-color: #000000;*/
  font-family: Verdana, Helvetica, Arial, sans-serif;
  background-color: #40552D;
  color:#00cc99;
}

#footer a
{ 
  color:#00cc99;
  text-decoration: none;
}
#footer ul.linklist
{
  height: 20px;
  margin: 0 auto 0 auto;
  padding-left: 100px;
  list-style-type: none;
}
#footer .linklist li
{
  height: 20px;
  width: auto;
  padding: 0 3px 0 2px;
  margin: 0 1px 0 1px;
  float: left;
  font-size: 7pt;
  line-height: 20px;
  text-align: center;
}
.address
{ 
  font-size: 10pt;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
/**** cartBar
 * The current shopping cart box.
 
.cartBar
{
  border: 1px solid #000000;
  width: 275px;
  margin: 5px 0 10px 0;
}
.cartBar a
{ 
  text-decoration: none;
  color: #FFFF66; 
}
*/
/**** 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;
  font-weight: 700;
  margin-bottom: 50px;
}

/**** tblHeader
 * The header row of most data tables.
 */
.tblHeader
{
  background-color: #636632;
  font-weight: bold;
}

/**** tblFooter
 * The bottom row of most data tables.
 */
.tblFooter
{
  background-color: #636632;
  font-weight: bold;
}
.tblFooter a
{ 
  color: #000066; 
}
.tblFooter a:hover
{ 
  color: #FF0000; 
}

/*** dataTbl
 * Most data containing tables.
 */
.dataTbl
{
  width: 80%;
  margin: auto;
}


/**** 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 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: 10px auto 10px auto;
  border-color: #FF5555;
  border-style: solid;
  border-width: medium;
  background-color: #FFFF00;
  padding: 2px;
  clear: both;
} 
.warningTitle
{
  font-weight: 700;
  font-variant: small-caps;
  background-color: #FF5555;
  padding: 0;
}

/**** notice
 * Notice message boxes
 */
.notice
{
  margin: 20px auto 10px auto;
  clear: both;
  width: 75%;
  border-color: #FFFF00;
  border-width: thin;
  border-style: solid;
} 
.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;
}

/**** loginBox
 * A compact login form that is displayed in various areas where login is optional.
 */
.loginBox
{
  background-color: #636632;
  width: 400px;
}
.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;
}

/**** 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;
}
/* 
 * titleviewTop -- title and subtitle on detail pages
 */
#titleviewTop
{
  width: 60%;
  float: left;

/*  border-style: dotted;
  border-color: red; */
}
#titleviewTop h2
/* title */
{ 
  text-align: center;
  margin: 10px auto 0 auto;
  font-weight: normal;
  font-size: 14pt;
}
#titleviewTop h3
/* subtitle */
{  
  text-align: center;
  margin: 5px auto 0 auto;
  font-style: oblique;
  font-weight: normal;
  font-size:11pt;
}
#titleviewTop h4
/* author(s) */
{
  text-align: center;  
  margin: 5px auto 10px auto;
  font-weight: normal;
  font-size: 1em;
}
/*
 * titleviewLeft -- image, basic info, and order form on title detail pages
 */
#titleviewLeft
{
  height: auto;
  width: 33%;
  float: left;
  clear: left;
  text-align: right;
/*  border-style: dotted;
  border-color: green; */
  padding: 10px 20px 10px 0;
}
#titleviewLeft form
{ 
  display: block;
  float: right;
  height: auto;
  width: 95%; 
  clear: both;
  text-align: right;
  margin: 15px 0 10px 0;
  padding: 0;
/*  border-style: dotted;
  border-color: red; */
}
#titleviewLeft .fullline
{ 
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  border: none;
}
#titleviewLeft .fullline label
{ 
  width: 70%;
  display: inline;
  padding: 0;
  margin: 0;
}
#titleviewLeft .fullline input
{ 
  width: 25%;
  display: inline;
  padding: 0;
  margin: 0; 
}
#titleviewLeft #cartsubmit 
/* submit button for the shopping cart */
{ 
  text-align: center;
  width: 100%;
  line-height: 20px;
  margin: 0 0 5px 0;
  padding: 0;
}
#titleviewLeft img
{ 
  display: block;
  clear: right;
  width: 150px;
  margin: 5px 0 auto auto;
/*  border-style: dotted;
  border-color: white;*/
}
#titleviewLeft ul
{ 
  display: block;
  float: right;
  width: auto;
  margin: 15px 0 5px 0;
  padding: 0 0 0 0;
  clear: left;
/*  border-style: dotted;
  border-color: white;*/
}
#titleviewLeft li
{
  list-style-type: none;
  margin: 5px auto 0px auto;
  line-height: 10pt;
  text-align: right;
}
/*
 * titleviewBody -- content (overview/author bio/content sample) on title 
 * detail pages
 */
#titleviewBody
{
  width: 60%;
  float: left;
/*  border-style: dotted;
  border-color: blue; */
}

/*
 * debug -- debugging information
 */
#debug
{ 
  background-color: #FFFFFF;
  border: 1px dotted black;
  color: #000000;
  margin: 10px auto 10px auto;
  padding: 0 10px 0 10px;
}