body { margin: 0; } 
body.white td, body.white p { font-family: Times; font-size: 19px; letter-spacing: 1px; word-spacing: -1px; line-height: 24px; color: black; } 
body.black td, p { font-family: Times; font-size: 19px; letter-spacing: 1px; word-spacing: -1px; line-height: 24px; color: white; } 

body.white a:link { text-decoration: none; border-bottom: 1px solid black; color: black; } 
body.white a:active { text-decoration: none; border-bottom: 1px solid black; color: black; } 
body.white a:visited { text-decoration: none; border-bottom: 1px solid black; color: black; }
body.white a:hover { text-decoration: none; border-bottom: 1px solid red; color: red; }

body.black a:link { text-decoration: none; border-bottom: 1px solid white; color: white; } 
body.black a:active { text-decoration: none; border-bottom: 1px solid white; color: white; } 
body.black a:visited { text-decoration: none; border-bottom: 1px solid white; color: white; }
body.black a:hover { text-decoration: none; border-bottom: 1px solid red; color: red; }

body.white hr { border: 0; height: 1px; color: black; background-color: black; }
body.black hr { border: 0; height: 1px; color: white; background-color: white; }


.imglink  a:link { text-decoration: none; border-bottom: 0px solid black; color: black; } 
.imglink  a:active { text-decoration: none; border-bottom: 0px solid black; color: black; } 
.imglink  a:visited { text-decoration: none; border-bottom: 0px solid black; color: black; }
.imglink  a:hover { text-decoration: none; border-bottom: 0px solid red; color: red; }


.inspring { padding-left: 33px; }
.indent { text-indent: 33px; }
.img-swap { cursor: pointer; }
.book { float: left; padding-right: 17px; padding-bottom: 17px; }
.book2 { float: left; padding-bottom: 17px; }
.book3 { align: center; }
.book4 { float: right; }
.works { margin-right: 25px; }


.olympic {
 margin-bottom: -6px;
 width: 31px;
 height: 18px;
 display:inline-block;
 background:transparent url('http://www.truetruetrue.org/p/rings-black.png') center top no-repeat;
}

.olympic:hover {
   background-image: url('http://www.truetruetrue.org/p/rings-red.png');
}




body.white .button { background-color: white; border: 2px solid; border-color: red; color: red; cursor: pointer; font-family: Times; font-size: 19px; line-height: 24px; letter-spacing: 1px; }
body.black .button { background-color: black; border: 2px solid; border-color: red; color: red; cursor: pointer; font-family: Times; font-size: 19px; line-height: 24px; letter-spacing: 1px; }
body.white .buttonhover { background-color: red; border: 2px solid; border-color: red; color: white; cursor: pointer; font-family: Times; font-size: 19px; line-height: 24px; letter-spacing: 1px; }
body.black .buttonhover { background-color: red; border: 2px solid; border-color: red; color: black; cursor: pointer; font-family: Times; font-size: 19px; line-height: 24px; letter-spacing: 1px; }

body.white .button2 { background-color: white; border: 1px solid black; border-color: black; color: black; font-family: Times; font-size: 19px; letter-spacing: 1px; }
body.black .button2 { background-color: black; border: 1px solid white; border-color: white; color: white; font-family: Times; font-size: 19px; letter-spacing: 1px; }

body.white .button3 { float: right; background-color: white; border: 2px solid; border-color: black; color: black; cursor: pointer; font-family: Times; font-size: 19px; line-height: 24px; letter-spacing: 1px; }
body.black .button3 { float: right; background-color: black; border: 2px solid; border-color: white; color: white; cursor: pointer; font-family: Times; font-size: 19px; line-height: 24px; letter-spacing: 1px; }
body.white .button3hover { float: right; background-color: black; border: 2px solid; border-color: black; color: white; cursor: pointer; font-family: Times; font-size: 19px; line-height: 24px; letter-spacing: 1px; }
body.black .button3hover { float: right; background-color: white; border: 2px solid; border-color: white; color: black; cursor: pointer; font-family: Times; font-size: 19px; line-height: 24px; letter-spacing: 1px; }

body.white .button4 { background-color: white; border: 2px solid; border-color: black; color: black; cursor: pointer; font-family: Times; font-size: 19px; line-height: 24px; letter-spacing: 1px; }
body.black .button4 { background-color: black; border: 2px solid; border-color: white; color: white; cursor: pointer; font-family: Times; font-size: 19px; line-height: 24px; letter-spacing: 1px; }
body.white .button4hover { background-color: black; border: 2px solid; border-color: black; color: white; cursor: pointer; font-family: Times; font-size: 19px; line-height: 24px; letter-spacing: 1px; }
body.black .button4hover { background-color: white; border: 2px solid; border-color: white; color: black; cursor: pointer; font-family: Times; font-size: 19px; line-height: 24px; letter-spacing: 1px; }

body.white .button-soldout { background-color: white; border: 2px solid; border-color: black; color: black; font-family: Times; font-size: 19px; line-height: 24px; letter-spacing: 1px; }
body.black .button-soldout { background-color: black; border: 2px solid; border-color: white; color: white; font-family: Times; font-size: 19px; line-height: 24px; letter-spacing: 1px; }

body.white .button0 { background-color: cyan; border: 2px solid; border-color: blue; color: blue; cursor: pointer; font-family: Times; font-size: 19px; line-height: 24px; letter-spacing: 1px; }
body.black .button0 { background-color: cyan; border: 2px solid; border-color: blue; color: blue; cursor: pointer; font-family: Times; font-size: 19px; line-height: 24px; letter-spacing: 1px; }
body.white .button0hover { background-color: blue; border: 2px solid; border-color: blue; color: white; cursor: pointer; font-family: Times; font-size: 19px; line-height: 24px; letter-spacing: 1px; }
body.black .button0hover { background-color: blue; border: 2px solid; border-color: blue; color: white; cursor: pointer; font-family: Times; font-size: 19px; line-height: 24px; letter-spacing: 1px; }

img {
	border: none;
}

.noborderbottom, .noborderbottom a:link, .noborderbottom a:active, .noborderbottom a:visited {
	border-bottom: none;
}

.hidden {
	display:none;
	padding-left: 33px;
}

.new {
color: red;
background-color: yellow;
}

body.white .swap-link { text-decoration: none; border-bottom: 1px solid black; color: black; cursor: pointer; }
body.black .swap-link { text-decoration: none; border-bottom: 1px solid white; color: white; cursor: pointer; }
body.white .swap-link:hover { border-bottom: 1px solid red; color: red; }
body.black .swap-link:hover { border-bottom: 1px solid red; color: red; }


/* body classes */

.white {
	background-color: white; 
}

.black {
	background-color: black;
}