BODY
{
    font-family: Verdana,Arial,Helvetica,sans-serif;
    padding-right: 0px;
    padding-left: 0px; /*background-image: url(images/graph.gif);*/
    padding-bottom: 0px;
    margin: 0px;
    color: #000000;
    padding-top: 0px;
    background-color: #ffffff;
}

div
{
    border: none;
    margin: 0px;
    padding: 0px;
}

.header
{
    border-right: #dcdcdc 1px solid;
    padding-right: 0px;
    border-top: #dcdcdc 1px solid;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 10px;
    border-left: #dcdcdc 1px solid;
    color: #000000;
    padding-top: 0px;
    border-bottom: #dcdcdc 1px solid;
}

/* -21px is for who? Netscape 4, I would guess - er yes */
.columns
{
    padding-top: 5px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    margin: -21px 0px 0px;
    color: #000000;
}
/* NB - OmniWeb displays the 1px space as looking somewhat thicker, but set it to 0px and there is no space */
/* IE5 gets the spacing all wrong: -18px puts it right. Then use the tantek-family hack to make everything right again */
/*/*/
.columns
{
    margin-top: -18px;
    font-family: "\"}\"";
    font-family: inherit;
    margin-top: 1px;
}
/* */
/* empty required to get IE5 vback on track */
#empty
{
}
#maincontent
{
	LEFT: 18%; WIDTH: 65%; POSITION: relative; TOP: 0px;

    border-right: #dcdcdc 1px solid;
    border-bottom: #dcdcdc 1px solid;
    border-top: #dcdcdc 1px solid;
    border-left: #dcdcdc 1px solid;
    /*
    margin-left: 183;
    */
}
#sidebar
{
	PADDING-RIGHT: 4px; 
	PADDING-LEFT: 4px; LEFT: 10px; 
	PADDING-BOTTOM: 4px; 
	WIDTH: 16%; 
	PADDING-TOP: 4px; 
	POSITION: absolute; TOP: 52px;
    
    border-right: #dcdcdc 1px solid;
    border-bottom: #dcdcdc 1px solid;
    border-top: #dcdcdc 1px solid;
    border-left: #dcdcdc 1px solid;
    
}
#rightcol
{
    border-right: #dcdcdc 1px solid;
    border-bottom: #dcdcdc 1px solid;
    border-top: #dcdcdc 1px solid;
    border-left: #dcdcdc 1px solid;

	LEFT: 85%; WIDTH: 15%; POSITION: absolute; TOP: 52px;
}

.leftcolumn
{
    padding: 0px;
    border-right: #dcdcdc 1px solid;
    border-bottom: #dcdcdc 1px solid;
    border-top: #dcdcdc 1px solid;
    border-left: #dcdcdc 1px solid;
    left: 0px;
    float: left;
    margin: -11px 0px 0px;
    width: 180px;
    color: #000000; /*     background-color: transparent;     */
}
.leftcolumn
{
    /*/*/
    margin-top: 0px; /* */
}

/*
make sure that the hack widths equals the value of .centercolumn's margin-right
the initial width is for NN4 - experiment and set to what seems best
*/
.rightcolumn
{
    padding: 0px;
    border-right: #dcdcdc 1px solid;
    border-top: #dcdcdc 1px solid;
    z-index: 3;
    float: right;
    margin: 0px;
    border-left: #dcdcdc 1px solid;
    width: 198px;
    color: #000000;
    border-bottom: #dcdcdc 1px solid;
    position: static; /*     height: 500px;     background-image: url(images/draw1.gif);     background-repeat: no-repeat;          */
}

/* 
For NN4, -25px is the margin-left setting to make the centercolumn column but up against the left column. (OmniWeb is much the same, but this stylesheet makes no allowances for it).
For other browsers, the equivalent margin-left setting is equal to the width of the left column.
margin-right is set to the value of the overriding values for .rightcolumn's width. 
A margin can be created between these two columns either by changing these values, or by setting the padding of the relevant #...padding divs.
margin-top is set to -1px to make NN4 line up correctly.
*/
.centercolumn
{
    padding: 0px;
    border-right: #dcdcdc 1px solid;
    border-bottom: #dcdcdc 1px solid;
    border-top: #dcdcdc 1px solid;
    border-left: #dcdcdc 1px solid;
    z-index: 4;
    margin: 0px;
    color: #000000;
/*    background-color: lightyellow; */
}
.centercolumn
{
    margin-right: 0px;
    margin-top: -1px;
    margin-bottom: 0px;
    margin-left: -25px;
}
/* IE5 once again goes awry - shift it down (29px is right for this layout but no doubt the exact value will vary [sigh]) and then zap 
empty because otherwise IE5 goes rampaging on */
/*/*/
.centercolumn
{
    margin-right: 203px;
    margin-left: 183px;
    margin-top: 29px;
    font-family: "\"}\"";
    font-family: inherit;
    margin-top: 0px;
}
#empty
{
}
/*  */

/* following bit only necessary if OmniWeb to be handled - the .fake bit is only picked up by OmniWeb, IE and, er, Amaya
see  http://www.fu2k.org/alex/css/test/OmniWebInlineHack.mhtml
But exclude it from IE5/mac */
/*\*/
.fake.centercolumn
{
    margin-right: 1px;
    margin-left: 1px;
}
/* this bit resets for IE */
* html .centercolumn
{
    margin-right: 201px;
    margin-left: 183px;
}
/* End of OmniWeb shenanigans */

.leftpadding, .centerpadding, .rightpadding
{
    margin: 0px;
    padding: 10px;
}
.headerpadding
{
    margin: 0px;
    padding: 0px;
}
.footer
{
    clear: both;
    padding-right: 12px;
    margin-top: -11px;
    padding-left: 12px;
    padding-bottom: 4px;
    width: 100%;
    color: #000000;
    padding-top: 4px;
}
.footer
{
    /*/*/
    margin-top: 0px; /* */
}

.boxtitle
{
    padding-right: 2px;
    margin-top: 10px;
    padding-left: 2px;
    font-weight: normal;
    font-size: small; /*     ns4 draws black if transparent     background: none transparent scroll repeat 0% 0%;     */
    padding-bottom: 2px;
    color: #000000;
    line-height: 140%;
    padding-top: 2px;
    border-bottom: #000000 1px dotted;
    font-family: verdana, arial, sans-serif;
    letter-spacing: 0.1em;
    text-align: left;
}

.box
{
    padding-right: 2px;
    padding-left: 2px;
    font-weight: normal;
    font-size: x-small; /*     ns4 draws black if transparent     background: none transparent scroll repeat 0% 0%;     */
    padding-bottom: 2px;
    color: #000000;
    line-height: 140%;
    padding-top: 2px;
    font-family: verdana, arial, sans-serif;
}

input
{
    border-top-width: 1px;
    border-left-width: 1px;
    border-left-color: green;
    border-bottom-width: 1px;
    border-bottom-color: green;
    color: #000000;
    border-top-color: green;
    background-color: whitesmoke;
    border-right-width: 1px;
    border-right-color: green;
}

H1
{
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 1.2em;
    color: #000000;
    background-color: transparent;
}

.smalltext
{
    font-weight: normal; /*font-size : .9em;*/
    font-size: xx-small;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif;
    font-variant: normal;
}


.smalltext a:link
{
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
}

.smalltext a:visited
{
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
}

.noline a:link
{
    text-decoration: none;
}

.noline a:visited
{
    text-decoration: none;
}


.largetext
{
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 1.2em;
}

.largetext a:link
{
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 1.2em;
}

.largetext a:visited
{
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 1.2em;
}

.errortext
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: .9em;
    color: red;
    font-weight: bold;
}

.grid
{
    border: #efb240 .05em solid;
}

.white
{
    background-color: white;
}

.black
{
    background-color: black;
}

.bg_dark
{
    background-color: #d8860a;
}

.bg_medium
{
    /* background-color : #efb240; */
    background-color: #eee;
}

.bg_light
{
    background-color: #f7ca88;
}

.alt_bg_dark
{
    background-color: #066fa0;
}

.alt_bg_medium
{
    background-color: #2794d8;
}

.alt_bg_light
{
    background-color: #5fb0d8;
}

.tabs
{
    padding-right: 10px;
    margin-top: 10px;
    padding-left: 10px;
    font-weight: normal;
    font-size: small;
    padding-bottom: 20px;
    color: #000000;
    line-height: 140%;
    padding-top: 2px;
    border-bottom: #000000 1px dotted;
    font-family: verdana, arial, sans-serif;
    letter-spacing: 0.1em;
    text-align: center;
}

#footer
{
    padding-right: 8px;
    border-top: #cccccc 1px dotted;
    padding-left: 8px;
    padding-bottom: 8px;
    margin: 36px 24px 0px 208px;
    padding-top: 8px;
}
#footer P
{
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    font: bold 12px "Trebuchet MS" , Arial, Helvetica, sans-serif;
    padding-top: 0px;
}


.calendardiv
{
    font-size: 12px;
    font-family: Tahoma, Sans-Serif;
}


.tiny {
	font-size: 10px;
	margin: 0px;
	text-align : center;
	color : #000;
	}	

#wrapper {
  margin: 0 10px;
  padding: 0;
}

#header {
  margin: 10px;
  margin-bottom : 5px;
  padding: 5px;
  border : 1px solid #000;
  background: #ccc;
  height: 60px;	
}

#links {
  margin-top: 5px;
  margin-bottom : 5px;
  margin-left : 10px;
  margin-right : 10px;
  padding: 5px;
  border : 1px solid #000;
  background: #ccc;
  height: 20px;	
}

#left {
   background : #fff;
	float : left;
	width : 150px;
	margin-bottom : 5px;
	padding : 5px;
	border : 1px solid #000;
}

#right {
   background : #fff;
	float : right;
	width : 150px;
	margin-bottom : 5px;
	padding : 5px;
	border : 1px solid #000;
}

#content {
	margin-left : 170px;
	margin-right : 170px;
	padding : 5px;
	border : 1px solid #000;
	background : #FFF;
}

#clear {
	clear : both;
}

#footer {
  background: #ccc;
  padding : 5px;
  margin-left: 10px;
  margin-right : 10px;
  margin-top : 5px;
  margin-bottom : 10px;
  text-align: center;
}

/* Removes default top margin from left/right column paragraphs in Mozilla */
div > p {
  margin-top: 0;
}

