/* 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;
	font-size: 8pt;
}

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

a:hover
{
	text-decoration: underline; 
}	

img { border: none; }

p
{
	width: 90%;
}


/*****************************
 * Grace Acres Press specific definitions 
 */

#bodyCell
{
	background-color: #008647;
	vertical-align: top;
	margin: auto;
	min-height: 600px;
}
/* for Internet Explorer */
/*\*/
* html #bodyCell {
height: 600px;
}


.bookBlock
{
	background-repeat: no-repeat;
	min-height: 275px;
}

.bookBlock img
{
	margin: 10px;	
}

.bookBlock h1
{
	color: #76C930;
	font-size: 14pt;
	font-weight: bold;
	margin: 0;
}

.bookBlock p
{
	color: white;
	font-size: 8pt;
	font-weight: 600;
	font-stretch: wider;
}

.bookBlock li
{
	margin-left: 3em;	
}
#borderLeftBottom
{
	background-color: #006B62;
	width: 32px;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}

#borderLeftTop
{
	background-color: #006B62;
	width: 32px;
	margin: 0;
	padding: 0;
	vertical-align: top;
}

#borderRightBottom
{
	vertical-align: bottom;
	background-color: #1E7542;
	width: 14px;
	margin: 0;
	padding: 0;
}

#borderRightTop 
{
	vertical-align: top;
	background-color: #0062A4;
	width: 14px;
	margin: 0;
	padding: 0;	
}




#copyright
{
	font-weight: normal;
	text-align: center;
	font-size: 9pt;	
}

#headerImage
{
	width: 514px;
	height: 150px;
	background-image: url("images/rightLogo.jpg");
	background-color: #3333AA;
	background-repeat: repeat-x;
	color: #004926;
	font-weight: bold;
	font-size: 8pt;
	
	text-align: center;
	vertical-align: top;
	margin: 0;
	padding: 0;	
}
#headerImage a:link, #headerImage a:visited, #headerImage a:hover
{
	color: #004926;
}

.imgNewRelease
{
	position: relative;
	left: -40px;
}
.infobox
{
	vertical-align: top;
}
.infobox div
{
	margin: 0;
	color: #FFFF00;
	padding-left: 10px;
	width: 140px;
	font-size: 11pt;
	font-weight: bold;
}

#leftBlock
{
	vertical-align: top;
	font-size: 8pt;
}

#leftBlock h3, #leftBlock h4, #leftBlock p
{
	margin-left: 1em;
	margin-right: 1em;
}
#leftBlock h3
{

	color: #0062A4;
	font-size: 11pt;
	font-stretch: wider;
	font-weight: bolder;
}

#leftBlock h4
{
	color: #0062A4;
	font-size: 8pt;
	font-weight: bold;
}

#leftBlock img
{
	margin: auto;	
}

#mainTable
{
	vertical-align: top;
	margin: auto;
	border-spacing: 0px;
	border-collapse: collapse;
	padding: 0;
}
#mainTable td
{ margin: 0;}

/**** navBar
 * The main navigation bar.
 */
#navBar
{
	color: white;
	background-color: #0062A4;
	text-align: right;
	font-size: 8pt;
	font-weight: bold;
	padding-right: 2%;
	height: 24px;
	margin: 0;
}
#navBar a:link, #navBar a:visited
{ color: white; }
#navBar a:hover
{
	color: white;
	text-decoration: underline;		
}
/**** navLeft
 * The left navigation bar (if any.)
 */
#navLeft
{
	background-repeat: no-repeat;
	padding-left: 10px;
	margin-left: 10px;
	margin-right: auto;
}



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

/**** mainBlock
 * Sets subtle display properties for the main text body.
 */
#mainBlock
{
	background-color: #008647;
	outline: 0;
	color: #FFFFFF;
	
}

/**** tblHeader
 * The header row of most data tables.
 */
.tblHeader
{
	background-color: #006A63;
	font-weight: 700;
	color: white;
}

/*
 * debug -- div containing debug info
 */
#debug
{ 
  width: 100%;
  background-color: #FFFFFF;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
}

/*** dataTbl
 * Most data containing tables.
 */
table.dataTbl
{
  clear: left;
  color: white;
  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;
	color: white;
	font-size: 10pt;
}
.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;}

.titleBrief td
{ vertical-align: top; }

/**** 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;
	color: black;
} .warningTitle
{
	font-weight: 700;
	font-variant: small-caps;
	background-color: #FF5555;
	padding: 0;
	color: black;
}

/**** notice
 * Notice message boxes
 */
.notice
{
	margin: auto;
	width: 75%;
	border-color: #FFFF00;
	border-width: thin;
	border-style: solid;
	margin-bottom: 0.5em;
	background-color: white;
	color: black;
} .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;
	color: black;
}

/**** input
 * An individual entry line in a form.  Note that the structure of input entries is complex, modify with care.
 */
div.input
{
  width: 100%;
  margin: 0 0 20px 0;
  font-style: oblique;
}
div.input label
{
  background-color: #004926;
  width: 98%;
  margin: 0; 
  padding: 0;
  display: block;	
}

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

/**** searchBox
 * A medium sized box used to search for titles.
 */
#searchBox
{
	border: 1px;
	width: 35%;
	background-color: #9999FF;
	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%;
	font-weight: 700;
}
.titleMenu td { width: 33% }
.titleMenu a
{
	display: block;
	background-color: #ffcc00;
	text-align: center;
}