<!--
/* Default style of the page. */
body td, tr{
    font-family: "Times Roman", serif; 
    font-size: 100%;
    color: #444444;
    background-color: #FFFFFF;
    text-align: left;
    vertical-align: middle;
    line-height: normal;
}
.maintable {
    font-size: 95%;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.newsletter {
    font-size: 95%;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 20px;
    padding-bottom: 20px;
}
.newsletter2 {
    font-size: 100%;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 20px;
    padding-bottom: 20px;
}
.greyedout {
    font-size: 140%;
    color: #888888;
}
/* Styles for the banner of every page. */
.logo {
    font-family: "Time Roman", serif; 
    font-size: 90%;
    color: #000000;
    background-color: #FDFDFD;
    text-align: left;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
}
.banner {
    font-family: "Times Roman", serif; 
    font-size: 110%;
    color: #FFFFFF;
    background-color: #705123;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
}
.centered {
    text-align: center;
}
.centeredimage {
    text-align: center;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
}
.leftjustify {
    text-align: left;
}
.rightjustify {
    text-align: right;
}
.emphasized {
    font-weight: bold;
}
.leftcolumn {
    font-family: "Times Roman", serif; 
    font-size: 100%;
    color: #EFE8CB;
    background-color: #705123;
    background-image: url(images/lb_oldbooks2.jpg);
    background-repeat: repeat-y;
    text-align: center;
    vertical-align: top;
}
/* Style for the menu on every page. */
.menu {
    font-weight: bold;
    color: #7E240C;
    background-color: #EFE8CB;
    text-align: center;
    padding-left: 1px;
    padding-right: 1px;

}
.breakoutbox {
    color: #7E240C;
    background-color: #EFE8CB;
    text-align: center;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 4px;
    padding-bottom: 4px;
}
.thispage {
    color: #888888;
}
.categories {
    font-size: 90%;
    background-color: #CCD982;
    vertical-align: top;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}
/* Style for the menus populated from database. */
.video_table {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #444444;
}
/* Large red font on existing background colour. */
.title {
    font-size: 150%;
    font-weight: bold;
    color: #7E240C;
    text-align: left;
}
/* Small white font on red background. */
.header_white_text {
    font-size: 100%;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #7E240C;
    text-align: center;
}
/* Small red font on existing background colour. */
.red_text {
    font-size: 100%;
    font-weight: bold;
    color: #7E240C;
}
/* Small red font on existing background colour, centered. */
.header_red_text {
    font-size: 100%;
    font-weight: bold;
    color: #7E240C;
    text-align: center;
}
.text_centered {
    text-align: center;
}
.padding_left_bottom {
    /* Used to control white space around image on right side of table. */
    border-left: solid 16px #FFFFFF;
    border-bottom: solid 16px #FFFFFF;
}
.padding_right_bottom {
    /* Used to control white space around image on right side of table. */
    border-right: solid 16px #FFFFFF;
    border-bottom: solid 16px #FFFFFF;
}
/* Used to control border La Brocante exterior photograph in header. */
.photo_exterior {
    border-top:    solid 0px #7E240C;
    border-bottom: solid 0px #7E240C;
    border-left:   solid 0px #7E240C;
    border-right:  solid 0px #7E240C;
}
/* Used to control white space around image on right side of table. */
.photo_on_right {
    border-top: solid 10px #FFFFFF;
    border-left: solid 10px #FFFFFF;
    border-bottom: solid 10px #FFFFFF;
}
/* Used to control white space around image on right side of table. */
.photo_on_right_green {
    border-top: solid 10px #CCD982;
    border-left: solid 10px #CCD982;
    border-bottom: solid 10px #CCD982;
}
/* Used to control white space around image on left side of table. */
.photo_on_left {
    border-top: solid 10px #FFFFFF;
    border-right: solid 10px #FFFFFF;
    border-bottom: solid 10px #FFFFFF;
}
/* Used to control white space around ABE logo on home page. */
.photo_abe {
    border-right: solid 10px #FFFFFF;
}
/* Used to control border around photo of old books on home page. */
.photo_oldbooks {
    border-top:    solid 17px #705123;
    border-bottom: solid 17px #705123;
    border-left:   solid 17px #705123;
    border-right:  solid 17px #705123;
}
/* Used for copyright message. */
.footleft {
    font-size: 90%;
    color: #7E240C;
    background-color: #EFE8CB;
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}
/* Used for author message. */
.footright {
    font-size: 90%;
    color: #7E240C;
    background-color: #EFE8CB;
    text-align: right;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}
/* All these below control the look of text for links. */
/* Default style for links. */
a {
    font-size: 100%;
    color: #7E240C;
    text-decoration: none;
}
/* Style for links embedded into text. */
a.inline {
    font-size: 100%;
    color: #254AA2;
    background-color: #FFFFFF;
    text-decoration: underline;
}
/* Style for embedded links that have been visited. */
a.inline:visited {
    color: #6342A6;
}
/* Style for link to Usable Web Designs. */
a.whiteonred {
    color: #FFFFFF;
    background-color: #7E240C;
    text-decoration: none;
}
/* Style for links when the mouse is hovering over them.  Keep this at the end. */
a:hover {
    color: #AAAAAA;
}
.currentpage {
	color: #888888;
}
/* Style for embedded links when the mouse is hovering over them.  Keep this at the end. */
a.inline:hover {
    color: #AAAAAA;
}
-->