/* margins/padding: 
   4 - top right bottom left
   2 - top&bottom left&right
   1 - all
*/
body {
 background-color: #fff;
 color: #000;
 background-image:url(../images/background.jpg); background-repeat:no-repeat; background-position:center; 
 margin: 0;
 padding: 0;
 line-height: 1.33;
}
/* fonts */
body, th, td, input, select {
 font-family: Verdana, Helvetica, Arial, sans-serif;
}
body, th, td, input, select {
 font-size: x-small; /* ie5 bug */
 voice-family: "\"}\"";
 voice-family: inherit;
 font-size: small;
}
small, #news, #footer, #footer td, .small {
 font-size: xx-small; /* ie5 bug */
 voice-family: "\"}\"";
 voice-family: inherit;
 font-size: x-small;
}

a:link {
 color: #000066;
}
a:visited {
 color: #336699;
}
a.nodecor  {
 text-decoration: none;
}
a[href]:hover {
 background: #ffa;
}

/* areas of the screen - sizes, colours */
div#banner {
 background-color: #eee;
 border-bottom: 1px solid #000066;
}
#banner img {
 display: block;
}
#banner td {
 vertical-align: middle;
}
div#banner h1 {
 color: #000066;
 font: bold 3.5em "Lucida Bright", Georgia, Times, serif;
 margin: 0 0 0 0.5em;
}

table#main {
 height: 400px;
}
td#navcol {
 margin: 1em;
}
td#bodycol, div#bodycol {
 padding: 0 1.5em 1em 0.5em;
}
div#news {
 width: 17em;
 border: 1px dotted #000;
 float: right;
 margin: 1em 0 0 0.5em;
 padding-right: 0.5em;
}
div#footer {
 padding: 4px;
 margin: 0 2px;
}

/* menu setup */
#menu h1 {
 color: #fff; 
 background-color: #000066;
 padding: 0.3em;
 font-size: 1em;
 font-weight: bold;
 margin: 0 0 0.5em 0;
 text-align: center;
 white-space: nowrap;
}
#menu {
 border: 1px solid #000066;
 background-color: #eee;
 /* background-color: ##f5f2ec; */
}
#menu ul, .links ul {
 padding-left: 0;
 margin: 0.5em 0.2em 0.5em 2em;
}
#menu ul ul {
 padding-left: 0;
 margin: 0 0 0 1em;
} 
div.searchbox {
 margin: 0.5em 1em 0.5em 2em;
 text-align: right;
 white-space: nowrap;
}
/* headings */
h1, h2, h3 {
 color: #336699;
}
h1 {
 font-size: 2em;
 font-weight: bold;
 margin: 0.3em 0 0.5em 0; 
}
h2 {
 font-size: 1.5em;
 font-weight: bold;
 margin: 0.5em 0;
}
h3 {
 font-size: 1.33em;
 font-weight: bold;
 margin: 0.5em 0;
}

/* paragraph */
p {
 margin: 0.67em 0 0.67em 1.5em;
}
img, #bodycol img.no-bdr {
 border: 0px;
}
#bodycol img {
 border: 1px solid #000;
}
.thumbnails img {
 margin: 5px;
}
hr {
 border-width: 1px 0 0 0;
 border-style: solid;
 border-color: black;
}
hr.dotted {
 border-style: dotted;
}

/* lists */
ul, ol {
 padding-left: 0px;
 margin: 0.67em 0.2em 0.67em 4em;
}
ol ul, ul ol, ul ul, ol ol {
 /* IE sets padding, Mozilla margin, so make sure we set one to 0 */
 padding-left: 0;
 /* since we changed ul margins, need to reset others */
 margin: 0 0 0 2em;
} 

/* tables */
#bodycol table {
 margin-left: 1.5em;
}
#bodycol table.noindent {
 margin-left: 0;
}
#bodycol table table {
 margin-left: 0;
}
#bodycol th {
 text-align: left;
 white-space: nowrap;
}
td, th {
 vertical-align: top;
}
tbody.vmiddle td {
 vertical-align: middle;
}
table.center th, tr.center th, th.center {
 text-align: center;
}
table.events td {
 border-bottom: 1px dotted #000;
 padding-bottom: 1.33em;
 padding-top: 1em;
}
table.events table {
 margin: 0.4em 0;
}
table.events td img {
 display: block;
}
table.events table td {
 border-bottom: 0;
 padding: 0;
}
table.links td > h2:first-child {
 margin-top: 0;
}
.links h2 {
 font-size: 1.17em;
 margin: 0.5em 0;
}
.links p {
 margin-left: 1em;
}
table.rankings ol {
 margin: 0 0 0 2em;
}
.rankings h2 {
 font-size: 1.33em;
 margin-top: 0;
}
table.rankings th, table.rankings td {
 padding-right: 3em;
}
table.rankings td {
 border-bottom: 1px dotted #000;
}

.searchurl {
 color: #333399;
}
.center {
 text-align: center;
}
.right {
 text-align: right;
}
.left {
 text-align: left;
}
div.side {
 margin-left: 1em;
 float: right;
}
div.side img {
 margin-bottom: 0.75em;
}