/* Yeovil Town RRC Stylesheet */

/* LAYOUT */
#navigation { width: 10em; }
#navlist li { display: inline; list-style-type: none; padding-right: 20px; }
table.rates { border: 1px; border-style: solid; border-color: yellow; border-spacing: 10px; border-collapse: separate; }
table.rates td, table.rates th { border: 1px dashed yellow; border-collapse: collapse; }

/* POSITION */
#navigation { position: absolute; top: 0; left: 0; } 
           /* position: fixed breaks WinIE5.5 :-( */
.central { text-align: center; }

/* WHITESPACE - margin padding */
/* <top> <right> <bottom> <left> */
body { margin: 0 0 1em 13em; }
h1 { padding: 0.5em 0em 0.6em 0; }
h1 { margin: 0 0 -0.1em -4%; }
h2, h3 { margin: 0 -0.6em 1.2em -4%; }
h2, h3 { padding-left: 3em; padding-right: 3em; padding-top: 0.2em; padding-bottom: 0.2em }
p, img { margin: 1em; }
#navigation { padding: 3em 1.5em 1em 1em; margin: 0 0 0 0; }
#navigation div { margin: 1em 0 0 0; }
#navigation div p { margin: 0; }
#navigation div div { margin: 0.2em 0 0 1em; }
#navigation h2 { margin-top: 4.4em; }
#navigation h2 { padding-left: 2em; padding-right: 2em; padding-top: 0.2em; padding-bottom: 0.2em }
central { padding: 0 10em; }

/* line height */
body { line-height: 150%; }
h1 { line-height: 170%; }
.subtitle { line-height: 70%; }

/* ALIGNMENT */
h1 { text-align: center; }
h2 { text-align: left; }

/* DECORATION - border */
h1 { border-bottom: medium solid; }
#navigation { border-right: solid; }

/* COLOR */
body { background-color:#fff5ee; color: black; }
h1 { color: sepia;  background-image: url(b_floral.jpg); }
.grec, .subtitle { color: #996600; }
h2 { background-color: #996633; color: #ffffff; }
/* h2 { background-color: #363604; color: #11ffff; } */
:link { color: blue; background: transparent; }
:visited { color: purple; background: transparent; }
:link:hover, :link:active, 
:visited:hover, :visited:active { color: red; background: transparent; }
#navigation { background-image: url(b_floral.jpg); color: black; }

/* FONTS */
h1, h2 { font-family: "Verdana", "Arial Black", sans-serif; }
h1 { font-size: 230%; }
.subtitle { font-size: 35%; }
h1 { font-style: normal; font-variant: small-caps; }
.grec, .subtitle { font-variant: normal; }
#navigation { font-size: smaller; font-weight: bold; }
#navigation h2 { font-size: 110%; }

.navigright { list-style-type: none; }
.navigright { margin: 0; padding-left: 1em; padding-right: 1em; padding-top: 1em; padding-bottom: 1em; }
.navigright { border-width: thick; border-style: solid; border-color: silver; }
.navigright { color: white; background-color: #ffffcc; float: right; }
ul.navigright, li { margin-top: 0.2em; margin-botton: 0.2em; }
.picleft { float: left; }
.picright { float: right; }

/* END */