/*=== BEGIN === WBB-css/Common-01.css ========================================*/
/*--- BEGIN --- WBB-Webpage-Changeable-Section-Header-------------------------*/
div#Webpage-Changeable-Section-Header,
div.Webpage-Changeable-Section-Header-02
{ font-family:      Verdana, Arial, Helvetica, sans-serif;
  text-align:       center;
  color:            #990000;
  }
div#Webpage-Changeable-Section-Header   h1
{ font-variant:     small-caps;
  font-size:        1.75em;
  margin-top:       1.0em;
  }
div#Webpage-Changeable-Section-Header   h2
{ font-size:        1.25em;
  font-weight:      normal;
  }
div#Webpage-Changeable-Section-Header   div.Dates-Time-Place
{ font-size:        1.0em;
  padding-top:      1.5em;
  }
div#Webpage-Changeable-Section-Header   div.Dates-Time-Place   div.Left
{ float:            left;
  clear:            left;
  width:            13.0em;
  padding-right:     1.0em;
  text-align:       right;
  font-weight:      bold;
  }
div#Webpage-Changeable-Section-Header   div.Dates-Time-Place   div.Right
{ float:            left;
  padding-bottom:   1.0em;
  text-align:       left;
  }
/*--- BEGIN --- WBB-Webpage-Changeable-Section-Header---Images------*/
div#Webpage-Changeable-Section-Header   img
{ height:           143px;
  }
/*--- END ----- WBB-Webpage-Changeable-Section-Header---Images------*/
/*--- END ----- WBB-Webpage-Changeable-Section-Header-------------------------*/

/*--- BEGIN --- WBB-Webpage-Changeable-Section-Body---------------------------*/
div#Webpage-Changeable-Section-Body,
div#Webpage-Changeable-Section-Body-02
{ padding:          3em 3em 5em 3em;
  font-family:      Verdana, Arial, Helvetica, sans-serif;
  font-size:        0.75em;
  text-align:       justify;
  }
div#Webpage-Changeable-Section-Body   h2
{ color:            #990000;
  }
div#Webpage-Changeable-Section-Body   li
{ padding:          0.5em;
  }
div#Webpage-Changeable-Section-Body      a,
div#Webpage-Changeable-Section-Body-02   a
{ color:            #990000;
  }
span.ul-Header
{ font-weight:      bold;
  }
/*--- END ----- WBB-Webpage-Changeable-Section-Body---------------------------*/

/*--- BEGIN --- Home-Page ----------------------------------------------------*/
/*--- BEGIN --- Google-and-Bing-Search ---*/
form#Google-Search,
div#WLSearchBoxDiv
{ margin-top:            0.5em;
  }
form#Google-Search   div.Search-Field   input,
div#WLSearchBoxDiv                      input#WLSearchBoxInput
{ width:                 138px;
  font-size:             125%;
  font-weight:           bold;
  background-color:      #EEEEEE;
  background-image:      url(/WBB-images/WWB-Logo-WhereBooksBegin-01.png);
  background-position:   center center;
  background-repeat:     no-repeat;
  border:                1px solid #999999;
  }
form#Google-Search   div.Search-Field   input:hover,
form#Google-Search   div.Search-Field   input:focus,
div#WLSearchBoxDiv                      input#WLSearchBoxInput:hover,
div#WLSearchBoxDiv                      input#WLSearchBoxInput:focus
{ background-image:      none;
  }
form#Google-Search   div.Search-Field   button,
div#WLSearchBoxDiv                      button#WLSearchBoxButton
{ margin-left:           05px;
  width:                 22px;
  height:                22px;
  vertical-align:       -03px;
  background-color:      #EEEEEE;
  border:                2px solid;
  border-left-color:     #CCCCCC;   border-top-color:    #CCCCCC;
  border-right-color:    #666666;   border-bottom-color: #666666;
  }
form#Google-Search   div.Search-Field   button:hover,
div#WLSearchBoxDiv                      button#WLSearchBoxButton:hover
{ vertical-align:       -04px;
  border:                2px solid;
  border-left-color:     #666666;   border-top-color:    #666666;
  border-right-color:    #CCCCCC;   border-bottom-color: #CCCCCC;
  }
form#Google-Search   div.Search-Field   button                     img,
div#WLSearchBoxDiv                      button#WLSearchBoxButton   img
{ height:                16px;
  margin-left:          -02px;
  margin-top:           -02px;
  }
form#Google-Search   div.Search-Field   button:hover                     img,
div#WLSearchBoxDiv                      button#WLSearchBoxButton:hover   img
{ margin-left:          -01px;
  margin-top:           -00px;
  }
/*--- END ----- Google-and-Bing-Search ---*/
/*--- END ----- Home-Page ----------------------------------------------------*/

/*--- BEGIN --- Workshops ----------------------------------------------------*/
p.Workshop-Section-Header
{ color:         maroon;
  font-size:     1.40em;
  font-weight:   bold;
  padding-top:   2.0em;
  }
div.Workshop-2009-Autumn-images
{ clear:            left;
  padding-top:      1.0em;
  }
ul.Workshop-2008-Winter-Dates-List,
ul.Workshop-2008-Summer-Dates-List,
ul.Workshop-2009-Autumn-Dates-List,
ul.Workshop-2009-Autumn-01-Dates-List
{ list-style-type:       none;
  }
ul.Workshop-2008-Winter-Dates-List      div.Date,
ul.Workshop-2008-Summer-Dates-List      div.Date,
ul.Workshop-2009-Autumn-Dates-List      div.Date,
ul.Workshop-2009-Autumn-01-Dates-List   div.Date
{ float:            left;
  margin-left:     -1.25em;
  font-size:        0.90em;
  text-align:       right;
  padding-right:    0.375em;
  padding-top:      1px;
  padding-bottom:   3px;
  background-color: rgb(255,235,205);
/*background-color: #F8F6F6;   *//* WBB Background Color */
  color:                      maroon;
  border:           1px solid maroon;
  }
ul.Workshop-2008-Winter-Dates-List      div.Topic,
ul.Workshop-2008-Summer-Dates-List      div.Topic,
ul.Workshop-2009-Autumn-Dates-List      div.Topic,
ul.Workshop-2009-Autumn-01-Dates-List   div.Topic
{ font-weight:      bold;
  }

ul.Workshop-2008-Winter-Dates-List      div.Date { width:        7.50em; }
ul.Workshop-2008-Winter-Dates-List      div.Topic{ padding-left: 7.00em; }

ul.Workshop-2008-Summer-Dates-List      div.Date { width:        5.25em; }
ul.Workshop-2008-Summer-Dates-List      div.Topic{ padding-left: 4.75em; }

ul.Workshop-2009-Autumn-Dates-List      div.Date { width:        8.50em; }
ul.Workshop-2009-Autumn-Dates-List      div.Topic{ padding-left: 8.00em; }

ul.Workshop-2009-Autumn-01-Dates-List   div.Date { width:        19.50em; }
ul.Workshop-2009-Autumn-01-Dates-List   div.Topic{ padding-left: 19.00em; }


span.Quote-Author
{ padding-left:     25.0em;
  }
/*--- END ----- Workshops ----------------------------------------------------*/

/*--- BEGIN --- Events ----------------------------------------------------*/
p.Event-Section-Header
{ color:         maroon;
  font-size:     1.40em;
  font-weight:   bold;
  padding-top:   2.0em;
  }
ul.Event-2010-09-28-A-Dates-List
{ list-style-type:       none;
  }
ul.Event-2010-09-28-A-Dates-List   div.Date
{ float:            left;
  margin-left:     -1.25em;
  font-size:        0.90em;
  text-align:       right;
  padding-right:    0.375em;
  padding-top:      1px;
  padding-bottom:   3px;
  background-color: rgb(255,235,205);
/*background-color: #F8F6F6;   *//* WBB Background Color */
  color:                      maroon;
  border:           1px solid maroon;
  }
ul.Event-2010-09-28-A-Dates-List   div.Topic
{ font-weight:      bold;
  }

ul.Event-2010-09-28-A-Dates-List   div.Date { width:        18.50em; }
ul.Event-2010-09-28-A-Dates-List   div.Topic{ padding-left: 18.00em; }


span.Quote-Author
{ padding-left:     25.0em;
  }
/*--- END ----- Events ----------------------------------------------------*/

/*--- BEGIN --- WBB-Footer----------------------------------------------------*/
p.WBB-Footer
{ font-family:   Verdana, Arial, Helvetica, sans-serif;
  font-size:     0.75em;
  }
p.WBB-Footer  a  
{ font-weight:   bold;
  color:         #990000;
  }
/*--- END ----- WBB-Footer----------------------------------------------------*/

/*--- BEGIN --- WBB-Call-For-An-Application-----------------------------------*/
div#Call-For-An-Application
{ margin-top:    4.0em;
  margin-bottom: 1.0em;
  width:         75%;
  }

div#Call-For-An-Application  img
{ height:          100px;
  vertical-align:  bottom;
  padding-right:   1.5em;
  }
div#Call-For-An-Application  p
{ text-align:      left;
  }
/*--- END ----- WBB-Call-For-An-Application-----------------------------------*/
  
/*--- BEGIN --- WBB-Payment-Options-------------------------------------------*/
img#Credit-Card-Logos
{ width:  169px;  height: 21px;
  vertical-align: middle;
  }
input#PayPal-Payment-Icon
{ border:         none;
  vertical-align: middle;
  }  
/*--- END ----- WBB-Payment-Options-------------------------------------------*/

/*--- BEGIN --- VRM-History-*-com-Staff --------------------------------------*/
div#VRM-History-WhereBooksBegin-com-Staff,
div#VRM-History-StataBuon-com-Staff
{ font-family:   Verdana, Arial, Helvetica, sans-serif;
  font-size:     1.0em;
  }
p#WWB-Staff-Page-Title
{ text-align:    center; 
  font-size:     1.5em; 
  font-weight:   normal; 
  font-variant:  small-caps;
  padding:       0.5em;
  color:         rgb(139,0,0);   /* rgb(139,0,0)="darkred", 
                                    as an SVG recognized color keyword name */
  }
tr.Directory
{ font-size:        0.85em; 
  vertical-align:   bottom;
  }  
tr.Directory  div
{ text-align:       left;
  background-color: rgb(255,245,230);   /* (white + blanchealmond)/2 */
  }
/*--- END ----- VRM-History-*-com-Staff --------------------------------------*/

/*--- BEGIN --- WBB-webpages/index-new-Changeable-Section.shtml --------------*/
table.Home-Page-Table
{ font-family:      Verdana, Arial, Helvetica, sans-serif;
  font-size:        0.75em;
  width:            690px;
  height:           388px;
  color:            #444444;   /* color table.Home-Page-Table */
  background-color: #CCCCCC;
  border-style:     none;
  }
table.Home-Page-Table   a
{ color:            #666666;
  }
/*--- END ----- WBB-webpages/index-new-Changeable-Section.shtml --------------*/

/*--- BEGIN --- Team-Biographies-Changeable-Section.shtml---------------------*/
/*--- BEGIN --- Images-With-"Offset-Borders"--------------*/
div.Team-Biography-Photo-float-left,
div.Team-Biography-Photo-float-right{ margin-bottom:0.7em; background-color:#D3D3D3/*LightGrey*/; }
div.Team-Biography-Photo-float-left { float:left;  margin-right:2.0em; }
div.Team-Biography-Photo-float-right{ float:right; margin-left :2.0em; }

div.Team-Biography-Photo-float-left   img,
div.Team-Biography-Photo-float-right  img{ position:relative; bottom:-0.5em; padding:1px; border:2px solid #A9A9A9/*DarkGrey*/; }
div.Team-Biography-Photo-float-left   img{ left:+0.5em; }
div.Team-Biography-Photo-float-right  img{ left:-0.5em; }

img.Flexior-George { width:  100px; }
img.Murphy-Kim     { width:  125px; }
img.Jarrah-Chad    { height: 090px; }
/*--- END ----- Images-With-"Offset-Borders"--------------*/
img.Team-Biography-Photo-float-right
{ float:             right;
  padding-left:      2.0em;
  }
img.Team-Biography-Photo-float-left
{ float:          left;
  padding-right:  2.0em;
  }
span.Job-Title-Holder
{ font-size:    1.15em;
  font-weight:  bold;
  }
/*--- END ----- Team-Biographies-Changeable-Section.shtml---------------------*/

/*--- BEGIN --- Contact-Us----------------------------------------------------*/
.Contact-Us
{ font-size:         1.15em;
  margin-left:       10%;
  margin-right:      10%;
  }
ul.Contact-Us  li
{ margin-top:        2.0em;
  margin-bottom:     2.0em;
  list-style-image:  url( ../WBB-images/WBB-Favicon.ico );
  }
ul.Contact-Us  div
{ padding-bottom:    0.5em;
  font-style:        italic;
  }
/*--- END ----- Contact-Us----------------------------------------------------*/

/*--- BEGIN --- Ordered-&-Unordered-Lists-------------------------------------*/
ul.Our-Services-ul,
ul.Our-Fees-ul,
ul.Your-Book-On-The-Internet-ul,
ol.Ten-Myths-About-Writing,
ul.Event-2009-Autumn
{ padding-right:     2.0em;
  }
ul.Our-Services-ul               li   span:first-child,
ul.Our-Fees-ul                   li   span:first-child,
ul.Your-Book-On-The-Internet-ul  li > span:first-child,
ol.Ten-Myths-About-Writing       li   span:first-child
{ font-variant:      small-caps;
  font-style:        oblique;
  font-size:         110%;
  margin-left:                           -0.5em;
  padding:           0.2em  0.5em  0.1em +0.5em;
  background-color:  rgb(255,235,205);
/*background-color:  #F8F6F6;   *//* WBB Background Color */
  }
ul.Our-Services-ul  li  ol,
ul.Our-Fees-ul      li  ol
{ margin-top:        0.2em;
  margin-bottom:     1.0em;
  padding-right:     3.0em;
  text-align:        left;
  }
ul.Our-Services-ul  li  ol  li,
ul.Our-Fees-ul      li  ol  li
{ margin-bottom:    -0.5em;
  }  
/*--- END ----- Ordered-&-Unordered-Lists-------------------------------------*/

/*--- BEGIN --- Sub-Indices --------------------------------------------------*/
a.Absent-Friends-Index,
a.Books-We-Like-Index,
a.Success-Stories-Index,
a.Events
{ font-size:         1.70em;
  text-align:        center;
  }
div.img-float-left,
div.img-float-right
{ text-align:        center;
  font-size:         80%;
  color:             #990000;
  background-color:  #EEEEEE;
  padding-bottom:    5px;
  border:            1px solid #CCCCCC;
  }

div.img-float-left { float: left;  margin-right: 2em; }
div.img-float-right{ float: right; margin-left:  2em; }

div.img-float-left   p,
div.img-float-right  p{ margin: 2px 7px 1px 7px; }
/*--- END ----- Sub-Indices --------------------------------------------------*/

/*--- BEGIN --- Where-Parties-Begin-------------------------------------------*/
div.Where-Parties-Begin-left,
div.Where-Parties-Begin-right
{ margin-bottom:     2.5em;
  width:             250px;
  padding-bottom:    0;
  text-align:        left;
  color:             #990000;
  background-color:  #EEEEEE;
  }
div.Where-Parties-Begin-left { float: left;  margin-left:  2em; clear: left; }
div.Where-Parties-Begin-right{ float: right; margin-right: 2em;              }

div.Where-Parties-Begin-left   p,
div.Where-Parties-Begin-right  p
{ margin:            0;
  padding:           0.50em  1.00em  1.25em  1.00em;
  font-size:         0.90em;
  border:            1px solid #CCCCCC;
  }
/*--- END ----- Where-Parties-Begin-------------------------------------------*/

/*--- BEGIN --- /Books-We-Like------------------------------------------------*/
div.The-Bridge-over-the-River-Kwai-Book-Cover
{ margin-bottom:     3.0em;
  text-align:        center;
  }
div.The-Bridge-over-the-River-Kwai-Book-Cover   img
{ height:            400px;
  }
/*--- END ----- /Books-We-Like------------------------------------------------*/

/*--- BEGIN --- Book-Review-Girl-with-a-Pearl-Earring-------------------------*/
div#Webpage-Changeable-Section-Header   img#Book-Review-Girl-with-a-Pearl-Earring-Book-Cover,
div#Webpage-Changeable-Section-Body     img.Books-We-Like-Book-Cover
{ float:             left;
  padding:           2px;
  border:            1px solid #CCCCCC;
  }
div#Webpage-Changeable-Section-Header   img#Book-Review-Girl-with-a-Pearl-Earring-Book-Cover
{ margin-left:       2.50em;
  height:            243px;
  }
div#Webpage-Changeable-Section-Body     img.Books-We-Like-Book-Cover
{ margin-right:      2.50em;
  height:            400px;
  }
div.Webpage-Changeable-Section-Header-02
p#Book-Review-TOC
{ font-size:         90%;
  }
div.Webpage-Changeable-Section-Header-02
p#Book-Review-TOC   a,
p.Section-Title
{ color:             #990000;
  }
/*--- END ----- Book-Review-Girl-with-a-Pearl-Earring-------------------------*/

/*--- BEGIN --- WBB-Absent-Friends/-------------------------------------------*/
div.Absent-Friends-Image-left,
div.Absent-Friends-Image-right
{ text-align:        center;
  padding-bottom:    0;
  color:             #990000;
  background-color:  #EEEEEE;
  border:            1px solid #CCCCCC;
  }
div.Absent-Friends-Image-left { float: left;  margin-right: 2em; }
div.Absent-Friends-Image-right{ float: right; margin-left:  2em; }

div.Absent-Friends-Image-left    img,
div.Absent-Friends-Image-right   img
{ margin:            2px;
  }
div.Absent-Friends-Image-left    p,
div.Absent-Friends-Image-right   p
{ margin:            5px 2px 10px 2px;
  font-size:         0.90em;
  text-align:        left;
  }
/*--- END ----- WBB-Absent-Friends/-------------------------------------------*/

/*--- BEGIN --- Versioning-Table ---------------------------------------------*/
th.Versioning-Table-Header
{
  padding:          0;
  font-family:      sans-serif;
  font-size:        1.5em;
  font-weight:      bold;
  text-align:       center;
  color:            white;
}
table.Versioning-Table
{
  font-family:      sans-serif;
  background-color: #FFD4D4;
  border:           1px solid #666666;
}
table.Versioning-Table   th,
table.Versioning-Table   td 
{ 
  background-color: white;
  border:           1px solid #666666;
}
table.Versioning-Table   th 
{ 
  background-color: #F4F0F0;
}
table.Versioning-Table   td.TR-Separator 
{ 
  border-color:     #999999;
}
table.Versioning-Table   th
{
  padding:          1.0em;
  text-align:       center;
}
table.Versioning-Table   td.Version-Number
{
  padding:          1.0em;
  text-align:       center;
  font-family:      monospace;
  font-size:        1.25em;
  font-weight:      bold;
}
table.Versioning-Table   td.Time-Stamp
{
  width:            10.00em;
  font-size:        00.75em;
  text-align:       center;
}
table.Versioning-Table   td   p
{
  margin:           1.00em;
  font-size:        0.90em;
  text-align:       justify;
}
div.Horizontal-Rule-Cell
{ margin:            0;
  padding:           1px;
  border:            1px  solid  #999999;
  }
/*--- END ----- Versioning-Table ---------------------------------------------*/

/*--- BEGIN --- General-Style-Classes-----------------------------------------*/
abbr{ cursor:   help; }

.bold      { font-weight:  bold;       }
.italic    { font-style:   italic;     }
.oblique   { font-style:   oblique;    }
.small-caps{ font-variant: small-caps; }

.Greek
{ font-family:    /*Palatino Linotype,*/
                    Cardo, Vusillus Old Face, Arial Unicode MS,
                    Georgia Greek, Athena Roman, Athena, Athena Unicode, Code2000,
                    TITUS Cyberbit Basic, Aisa Unicode, Lucida Sans Unicode;
  letter-spacing:   0.10em;
 }
.font-size-125-percent{ font-size:  125%; }

.float-left       { float:left;  }
.float-left-clear { float:left;  clear:left;  }
.float-right      { float:right; }
.float-right-clear{ float:right; clear:right; }
.clear-left       { clear:left;  }
.clear-right      { clear:right; }

.display-inline   { display: inline; }

.margin-left-60{ margin-left: 60%; }

.text-align-left  { text-align:left;   }
.text-align-center{ text-align:center; }
.text-align-right { text-align:right;  }

span.Job-Title,
span.WBB-Name-In-Text-Emphasis,

h2.Our-Services-h2,
h2.Our-Fees-h2,
h2.Code-40x-Message
{ font-family:  Verdana, Arial, Helvetica, sans-serif;
  font-variant: small-caps;
  font-size:    1.25em;
  font-weight:  bold;
  color:        #990000;
  padding:      0.5em;
  }
span.WBB-Name-In-Text-01
{ font-weight:  bold;
  }
a.WBB-Webpage-Title
{ font-variant:      small-caps;
  }
div.Horizontal-Rule
{ clear:          both;
  margin-top:     1.0em;  border-top-width:    1px;
  margin-bottom:  1.0em;  border-bottom-width: 1px;
  border-style:   solid;
  border-color:   #CCCCCC;
  }
div#WBB-Staff-Revision-History div.Horizontal-Rule
{ border-color:   #FFA500;/*orange;*/
  }
div.Webpage-Bottom-Space
{ margin-top:     8em;
  }
body
{/*background-color:   #F8F6F6;   /* WBB Background Color */
   background-color:   #F4F0F0;   /* WBB Background Color */
  }
/*--- END ----- General-Style-Classes-----------------------------------------*/
/*=== END ===== WBB-css/Common-01.css ========================================*/