/* default.css */

html {height: auto}
body {height: 100%; margin: 0px; padding: 0px; font: 12px "Courier New", Courier, mono; color: #351D05; background: #672718;}

a       {color: #981B1E; background: none;}
a:hover {color: #EEA303; background: none;}
a img   {border: none;}

h1      {margin: 10px 0px; font: bold 16px Georgia, "Times New Roman", Times, serif; color: #981B1E; background: none;}
h2      {font: bold 14px Georgia, "Times New Roman", Times, serif; color: #663300; background: none;}
h3      {font: bold 12px Georgia, "Times New Roman", Times, serif; color: #000000; background: none;}
h4      {font: bold 12px "Courier New", Courier, mono; color: #000000; background: none;}
p		{margin: 12px 0px; line-height: 150%}

.center {text-align: center;}

table              {border: 1px solid #CCB972; margin-bottom: 5px;}
table tr           {font: 12px "Courier New", Courier, mono; color: #000000; background: #EEEDDA;}
table tr.alternate {color: #000000; background: #E6E5C9;}
table th           {font: bold 14px Georgia, "Times New Roman", Times, serif; color: #EEEDDA; background: #981B1E; border: 1px solid #CCCCCC; border-bottom-style: dashed;}
table th a         {color: #FFF; background: none;}
table td           {border: 1px solid #CCB972; border-bottom-style: dashed;}
table td h1        {margin: 5px 0px; padding: 0px; font: bold 14px Georgia, "Times New Roman", Times, serif; color: #981B1E; background: none;}
table td h2        {margin: 5px 0px; padding: 0px; font: bold 12px Georgia, "Times New Roman", Times, serif; color: #754517; background: none;}
table td p         {margin: 5px 0px;}

/*div#layout                 {float: right; position: relative; width: 91%; min-width: 776px; height: 100%; margin: 0px; padding: 0px; color: inherit; background: #E6E4BE;}*/
div#layout                 {position: relative; width: 91%; min-width: 776px; height: 100%; margin-left: 9%; padding: 0px; color: inherit; background: #E6E4BE;}

/** html div#layout          {width: expression(((document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.clientWidth : document.body.clientWidth) < 776 ? "776px" : "91%");}*/

/* HEADER */
div#header                         {position: relative; width: 100%; height: 182px; background: url(/images/bg_header2.gif) repeat-x;}
div#headerContent                  {position: relative; width: 100%; height: 100%; background: url(/images/bg_header.jpg) no-repeat;}

div#headerContent div#logo         {position: absolute; top: 13px; left: 3px; width: 209px; height: 169px;}
div#headerContent div#librarian1   {position: relative; top: 0px; left: 580px; width: 178px; height: 182px; background: url(/images/librarian_male1.jpg) no-repeat;}
div#headerContent div#shoppingCart {position: absolute; top: 46px; left: 365px; width: 205px; height: 98px; text-align: center;}
div#shoppingCart dl         {margin: 0px; padding: 0px; width: 100%; font: bold 14px Georgia, "Times New Roman", Times, serif; color: #443408; background: none;}
div#shoppingCart dt         {float: left; clear: left; display: inline; width: 60px; margin: 5px 0px 5px 9px; padding: 0px 0px 0px 10px; border-bottom: 3px double #443408;}
div#shoppingCart dd         {float: right; clear: right; display: inline; width: 111px; margin: 5px 9px 5px 0px; padding: 0px 0px 0px 6px; border-bottom: 3px double #443408; text-align: left;}

/* CONTENT */
div#content                 {position: relative;}
div#contentTitle            {position: relative; width: 100%; height: 50px; background: url(/images/bg_contenttitle.gif) repeat-x;}
div#contentTitle h1         {margin: 0px 0px 0px 37px; padding: 1px 0px; line-height: 48px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; font-weight: normal; color: #E7E5C5; background: none;} /* Can't use short tag font with vertical alignment */

/* Nav page 1 2 3 ... */
div#navPage                  {position: relative; width: 310px; height: 50px; line-height: 50px; margin-top: -50px; margin-left: 455px;}
div#navPage ul               {float: right; margin: 0px; padding: 0px;}
div#navPage ul li            {float: left; margin: 0px 0px 0px 7px; padding: 0px; display: inline; list-style: none;}
div#navPage ul li a          {font: bold 12px Georgia, "Times New Roman", Times, serif; color: #FFFFFF; background: none;}
div#navPage ul li a.selected {color: #F0BB18; background: none;}
div#navPage ul li a:hover    {color: #D74B4E; background: none;}

/* Book Search Form */
div#searchForm                        {position: relative; width: 462px; height: 149px; margin: 0px; color: #E7E5C5; background: #9D5725;  border-right: 1px solid #FFFFFF; z-index: 1;}
div#searchForm form                   {margin: 0px; padding: 0px;}
div#searchForm form fieldset          {margin: 0px; padding: 0px; border: 0px;}
div#searchForm form legend            {display: none;}
div#searchForm form dl                {margin: 14px 0px 0px 37px; padding: 0px;}
div#searchForm form dl dt             {float: left; clear: left; width: 115px; font: bold 14px Georgia, "Times New Roman", Times, serif;}
div#searchForm form dl dd             {margin-bottom: 10px;}
div#searchForm form dl dd.floatedLeft {float: left; clear: none; margin: 0px 8px 0px 0px;}
div#searchForm form input.button      {float: left; clear: right;}
div#searchForm p                      {margin: 6px 0px 0px 37px; font: 11px "Courier New", Courier, monospace;}

/* Chat */
div#chat            {position: relative; width: auto; height: 149px; margin: -149px 0px 0px 463px; padding: 0px; background: #723F1B url(/images/librarian_female1.jpg) left top no-repeat;}
div#chat h1         {margin: 0px 0px 0px 151px; padding: 23px 0px 0px; font: 18px Georgia, "Times New Roman", Times, serif; color: #EEECD1; background: none;}
div#chat p          {width: 155px; margin: 12px 0px 7px 151px; font: 14px Georgia, "Times New Roman", Times, serif; color: #EEECD1; background: none;}
div#chat div.button {margin-left: 151px;}

/* Book Cart */
div#bookCartForm                        {position: relative; width: auto; height: 114px; margin: 0px; color: #E7E5C5; background: #9D5725; z-index: 1;}
div#bookCartForm form                   {margin: 0px; padding: 0px;}
div#bookCartForm form fieldset          {margin: 0px; padding: 0px; border: 0px;}
div#bookCartForm form legend            {display: none;}
div#bookCartForm form dl                {margin: 14px 0px 0px 37px; padding: 0px;}
div#bookCartForm form dl dt             {float: left; clear: left; width: 115px; font: bold 14px Georgia, "Times New Roman", Times, serif;}
div#bookCartForm form dl dd             {margin-bottom: 10px;}
div#bookCartForm form dl dd.floatedLeft {float: left; clear: none; margin: 0px 8px 0px 0px;}
div#bookCartForm form input.button      {float: left; clear: right;}
div#bookCartForm p                      {margin: 6px 0px 0px 37px; font: 11px "Courier New", Courier, monospace;}

/* Result */
div#mainBox                        {position: relative; padding: 4px 0px 4px 54px; background: #E6E4BE url(/images/bg_content.gif) repeat-x; min-height: 210px;}
div#mainBox dl#searchQuery dt      {float: left; clear: left; min-width: 122px; line-height: 150%; font-weight: bold;}
div#mainBox dl#searchQuery dd      {clear: right; line-height: 150%;}

div#mainBox form                   {margin: 0px; padding: 0px;}
div#mainBox form fieldset          {margin: 0px; padding: 0px; border: 0px;}
div#mainBox form legend            {display: none;}
div#mainBox form dl                {margin: 14px 0px 0px 37px; padding: 0px;}
div#mainBox form dl dt             {float: left; clear: left; width: 120px; font: bold 14px Georgia, "Times New Roman", Times, serif;}
div#mainBox form dl dd             {margin-bottom: 10px;}
div#mainBox form dl dd.floatedLeft {float: left; clear: none; margin: 0px 8px 0px 0px;}
div#mainBox form input.button      {float: left; clear: right; margin-left: 152px;}

div#mainBox hr                           {clear: both; margin: 15px 0px; border: 0px; border-top: 1px dashed #946D37; height: 0px;}
div#mainBox div.book                     {position: relative; width: 670px; height: auto; min-height: 140px; padding: 0px 20px;}
div#mainBox div.book div.bookDescription {width: 480px;}
div#mainBox div.bookDescription h3       {font: bold 14px Georgia, "Times New Roman", Times, serif; color: #981B1E;}
div#mainBox div.book div.bookPrice       {position: absolute; top: 0px; right: 0px; margin-top: 38px;}
div#mainBox div.bookPrice p              {width: 120px; padding: 10px 0px; border-top: 3px double #443408; border-bottom: 3px double #443408; text-align: center;}
div#mainBox div.bookPrice div            {text-align: right;}

div#mainBox div#resultCounter            {position: relative; width: 670px; height: 15px; padding: 0px 20px;}
div#resultCounter p                      {margin: 0px; padding: 0px; font: 12px Georgia, "Times New Roman", Times, serif; color: #981B1E; background: none;}

/* Nav page 1 2 3 ... */
div#navPage2                  {position: relative; width: 310px; height: 15px; line-height: 15px; margin-top: -15px; margin-left: 401px;}
div#navPage2 ul               {float: right; margin: 0px; padding: 0px;}
div#navPage2 ul li            {float: left; margin: 0px 0px 0px 7px; padding: 0px; display: inline; list-style: none;}
div#navPage2 ul li a          {font: bold 12px Georgia, "Times New Roman", Times, serif; color: #981B1E; background: none;}
div#navPage2 ul li a.selected {color: #F0BB18; background: none;}
div#navPage2 ul li a:hover    {color: #D74B4E; background: none;}

/* Content Border */
div#contentBrdLeft {position: absolute; top: 1px; left: -10px; width: 50px; height: 100%; background: url(/images/bg_book.gif) repeat-y; z-index: 1;}
* html div#contentBrdLeft {margin-left: -54px; height: 400%;}

/*FOOTER*/
div#footer                  {height: 100px; margin: 0px; padding: 80px 0px 0px; text-align: center; font: 11px "Courier New", Courier, monospace;}
div#footer p                {margin: 0px; font: bold 12px Georgia, "Times New Roman", Times, serif; color: #754517; background: none;}
div#footer ul               {width: 485px; margin: 10px auto; padding: 0px;}
div#footer ul li            {float: left; margin: 0px 8px 0px 0px; padding: 0px; display: inline; list-style: none;}
div#footer ul li#shockmedia {float: none; clear: both; position: relative; top: 5px;}
div#footer ul li a          {color: #754517; background: none;}
div#footer ul li a:hover    {text-decoration: none;}

/* Hand Border */
/*div#handBrdLeft    {position: relative; top: 0px; left: 0px; width: 230px; height: 273px; margin-top: -273px; margin-left: -162px; background: url(/images/bg_hand.jpg) no-repeat; z-index: 2;}*/
div#handBrdLeft    {position: absolute; bottom: 0px; left: 0px; width: 230px; height: 273px; margin-top: -273px; margin-left: -162px; background: url(/images/bg_hand.jpg) no-repeat; z-index: 2;}

/* Left border */
/*div#layoutBrdLeft  {position: absolute; top: 0px; left: 9%; width: 10px; height: 100%; margin-left: -10px; background: url(/images/brd_left.gif) repeat-y; z-index: 1;}
div#layoutBrdLeft {float: left; width: 1%; height: 100%; display: inline; margin-left: 8%; background: url(/images/brd_left.gif) right top repeat-y;}*/
div#layoutBrdLeft  {position: absolute; top: 0px; left: 0px; width: 10px; height: 100%; margin-left: -10px; background: url(/images/brd_left.gif) repeat-y; z-index: 1;}