body { color: black; background: white; font-family: "Times New Roman", serif; min-width: 1200px; background-image: url(/img/bg.png); background-repeat: no-repeat; }
a:link { color: blue }
a:visited { color: navy }
a:active { color: red }
a:hover { color: red }

article, aside, figure, figcaption, footer, header, nav, section {
	display: block;
}

#siteName {
	position: absolute;
	top: 0px;
	left: 5px;
	font-style: italic;
	font-size: 48pt;
	color: navy;
	font-weight: bold;
	text-shadow: gray 0.1em 0.1em 0.1em;
}

#siteName span {
	font-size: 36pt;
}

#siteName a {
	text-decoration: none;
}

nav {
	padding: 5px;
	font-weight: bold;
	margin-top: 24px;
	margin-bottom: 9px;
	border-top: 1px solid red;
}

nav a {
	text-decoration: none;
}

nav a:hover {
	border-bottom: 4px solid red;
	padding-bottom: 2px;
}

nav.first {
	border-top: 0;
	border-bottom: 2px solid teal;

}

form.fr {
	float: right;
	clear: all;
}

form.frtx {
	float: right;
	clear: all;
	margin-left: 1em;
	margin-bottom: 1em;
}

div.ad {
	text-align: right;
	min-height: 68px;
}

span.msg {
	float: right;
	color: gray;
	font-style: italic;
	font-weight: normal;
}

footer {
	text-align: center;
	margin-left: 10%;
	margin-right: 10%;
	clear: both;
}

#copy {
	font-size: smaller;
	color: Sienna;
}

a img { border: 0; }

ul {
	list-style-image: url(/img/d.gif);
}

h1 {
	font-style: italic;
}

.main {
	margin: 12px;
}

.c1FL {
	clear: both;
	float: left;
	width: 54%;
	margin: 0;
}

.c1FR {
	float: right;
	width: 44%;
	margin: 0;
}

.c1FRy {
	clear: right;
	float: right;
	width: 40%;
	margin: 0;
	border: 1px solid teal;
	background-color: #ffffcc;
	padding-left: 2%;
	padding-right: 2%;
	margin-bottom: 1em;
}

.c1FRb {
	clear: right;
	float: right;
	width: 40%;
	margin: 0;
	border: 1px solid teal;
	background-color: #eeffff;
	padding-left: 2%;
	padding-right: 2%;
	margin-bottom: 1em;
}

.c2FL {
	clear: both;
	float: left;
	width: 49%;
	margin: 0;
}

.c2FR {
	float: right;
	width: 49%;
	margin: 0;
}

.c3FL {
	clear: both;
	float: left;
	width: 30%;
	margin: 0;
}

.c3CEN {
	float: left;
	width: 36%;
	margin: 0;
	padding-left: 2%;
	padding-right: 2%;
}

.c3FR {
	float: right;
	width: 30%;
	margin: 0;
}

.quote {
	border-top: 3px solid gray;
	float: right;
	width: 40%;
	margin: 1em;
	font-style: italic;
	font-size: 120%;
	color: teal;
}

blockquote {
	font-size: 120%;
	color: teal;
	font-style: italic;
	padding-left: 1em;
	border-left: 3px solid gray;
}

.note {
	padding: 1em 0 1em 0;
	font-size: 100%;
	color: gray;
	text-align: right;
}

.pub {
	text-align: right;
	font-style: italic;
	color: gray;
	padding-bottom: 2em;
	padding-top: 2em;
	clear: both;
}

.cen {
	text-align: center;
}

figure {
	text-align: center;
}

figure.fl {
	float: left;
	margin: 0 1em 9px 0;
}

figure.fr {
	float: right;
	margin: 0 0 9px 1em;
}

figure.cen {
	padding: 1em 0 1em 0;
	margin: auto;
}

figcaption {
	color: Sienna;
	font-style: italic;
	width: 250px;
	margin: auto;
	font-size: 12pt;
	font-weight: normal;
}

figcaption.x350 {
	width: 350px;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup { top: -0.5em; }
sub { bottom: -0.25em; }

.flashAudio {
	clear: both;
	color: Sienna;
	font-style: italic;
	text-align: center;
}

.flashAudio div {
	width: 300px;
	margin: auto;
}

td { vertical-align: top; }

.tdL {
	padding-left: 9px;
	padding-right: 9px;
	border: 1px solid teal;
	background-color: #eeffff;
}
.tdC {
	padding-left: 9px;
	padding-right: 9px;
}
.tdR {
	padding-left: 9px;
	padding-right: 9px;
	border: 1px solid teal;
	background-color: #ffffdd;
}

.tdT {border-bottom: 0}
.tdM {border-bottom: 0; border-top: 0}
.tdB {border-top: 0}

iframe.fr {
	float: right;
	margin: 0 0 9px 1em;
}

audio {width: 400px;}

div.audioN {
	clear: both;
	color: Sienna;
	font-style: italic;
	text-align: center;
}

div.fl {
	float: left;
	margin: 0 1em 9px 0;
}

div.fr {
	float: right;
	margin: 0 0 9px 1em;
}

.clear { clear:both; }

moves {
	font-weight: bold;
	font-family: "Sans-serif", Arial;
}

txt4Mov {
	font-weight: normal;
	font-family: "Times New Roman", serif;
	color: Black;
}

moves1 {
	color: Blue;
	font-weight: normal;
}

moves2 {
	color: Teal;
}

moves3 {
	color: red;
}

ChessFont {
	font-family: GC2004D;
	white-space: pre;
	font-size: 24pt;
}

ChessFontFL {
	font-family: GC2004D;
	white-space: pre;
	font-size: 24pt;
	float: left;
	margin: 0 1em 9px 0;
}

ChessFontFR {
	font-family: GC2004D;
	white-space: pre;
	font-size: 24pt;
	float: right;
	margin: 0 0 9px 1em;
}
