
* {
 margin: 0;
 padding: 0;
 border: 0;
}

#main ul li,
body {
 background: #ffd;
}

body {
 background-image: url( ../new/tfn-vbar.png );
 background-repeat: repeat-y;
 background-position: 1px 0;

}

h1, #navbar a, #datestamp {
 background: #4135b5;
 color: white;
 font-weight: bold;
}

h1 {
 margin-top: 1px;
 margin-left: 1px;
 height: 44px;
 font-size: 30px;
 font-style: italic;
 font-family: arial, helvetica, sans-serif;
 background-image: url( ../new/whitebar-1.png );
 background-repeat: repeat-x;
 background-position: center 22px;
 color: black;
 text-align: center;
 padding: 0 0 0 80px;
}

h1 img {
 position: relative;
 top: -1px;
}

img#logo {
 position: absolute;
 top: 0;
 left: 0;
}

#navbar {
 position: relative;
 top: -5px;
 margin-left: 90px;
 text-align: center;
 font-size: .80em;
}

#navbar ul {
 text-align: center;
 margin: 0 2em;
 max-width: 90%;
/* border: 1px solid white; */
}

#navbar li {
 display: inline;
 list-style-type: none;
 margin: 0 .066em;
}

#navbar a,
#leftbar a {
 text-align: center;
 white-space: nowrap;
}

#navbar a {
 border: 2px solid white;
 padding: 0 .5em;
}

#navbar a:visited,
#leftbar a:visited {
 color: #eee;
}

#navbar a:active,
#leftbar  ul li a:active {
 color: yellow;
}

#navbar a:hover,
#leftbar a:hover {
 color: #ff0;
}

#main a {
 color: #00c;
}

#main a:visited {
 color: #909;
}

#main ul li a:active {
 color: yellow;
}

#main a:hover {
 background: #ff0;
}

h2 {
 text-align: center;
}

#leftbar {
 width: 25%;
 min-width: 9.3em;
 min-height: 90%;
 float: left;
 background-image: url( tfn-vbar.png );
 background-repeat: repeat-y;
 background-position: 1px 0;
}

#leftbar ul {
 margin-top: 3em;
 list-style-type: none;
}

#leftbar li {
 list-style-type: none;
 margin: .5em;
 padding: .125em 0;
 background: #4135b5;
 border: 2px solid white;
 text-align: center;
}

#leftbar li, #leftbar li a {
 color: white;
 font-weight: bold;
}

#main {
 width: 70%;
 margin: auto;
}

#main ul {
 width: 28em;
 margin: auto;
 margin-top: 1em;
 list-style-type: none;
 padding: 1px 0;
}

#main ul li {
 margin: 2px;
 padding: .125em .5em;
 line-height: 1.2;
}

#datestamp {
 clear: both;
 font-size: .85em;
 text-align: right;
 padding-right: 1em;
 background-image: url( tfn-vbar.png );
 background-repeat: repeat-y;
}

#datestamp a {
 width: 12em;
 float: left;
 background-position: 1px 0;
 color: white;
}

