body
{
background:#EEFFEE;
margin:10px;
padding:10px;
font-family:verdana,times,arial;
font-size:13px;
margin:0;
padding:10px;
/*Some browsers ingore the margin,some divide it in 4, some just find other ways to mess it up
so we put it at 0 and use a padding which most browsers seem to do ok with*/
}

h1
{
font-size:20px;
text-decoration:underline;
}
h2
{
font-size:17px;
text-decoration:underline;
}

a.nostyle,a:visited.nostyle,a:hover.nostyle,a:active.nostyle
{
font-weight:normal;
}

a,a:visited
{
color:000000;
text-decoration:none;
font-weight:bold;
}

a:hover,a:active
{
text-decoration:underline;
}



table.plain,td.plain
{
padding:0;
border-spacing:0;
}


table.wrapper
{
border: solid 1px #000000;
width:100%;
background:#CCDDCC;
padding:0px;
}
td.header
{
height:120px;
border: solid 1px #000000;
background:#CCDDCC;
text-align:center;
vertical-align:middle;
background-image: url("graphics/top.jpg");
background-repeat: no-repeat;
background-position:center;
}
td.bodytbl
{
border: solid 1px #000000;
text-align:center;
vertical-align:top;
padding:0px;
background:#C4D4C4;
}
td.footer
{
border: solid 1px #000000;
background:#CCDDCC;
text-align:center;
vertical-align:middle;
font-size:10px;
padding:10px;
}

table.content
{
width:100%;
padding:0;
border-spacing:0;
}
td.sidecontent
{
background-image: url("graphics/side-bg.gif");
vertical-align:top;
text-align:center;
width:150px;
padding:14px;
}
td.maincontent
{
background-image: url("graphics/content-bg.gif");
background-repeat:repeat-y;
padding:0;
vertical-align:top;
font-size:14px;
}


table.navigation-wrap
{
/*Absolute aling allows us to place the menu directly on top of
other elements, so we can do the cool effects with the border*/
position:absolute;
top:122px;
left:50%;
margin-left:-265px;
width:530px;
height:24px;
border-spacing:0;
padding:0;
}

table.navigation
{
width:100%;
height:24px;
border: 1px solid #000000;
border-spacing:0;
padding:0;
}

td.navigation
{
border-spacing:0;
padding:0;
text-align:center;
vertical-align:middle;
background:#AEC4AD;
width:120px
}
td.navigation-sp
{
border-spacing:0;
padding:0;
text-align:center;
vertical-align:middle;
background:#A5B9A3;
width:120px
}

td.navigation:hover
{
background:#A5B9A3;
}

td.navigation-left
{
width:25px;
background-image: url("graphics/nav-left.gif");
background-repeat: no-repeat;
background-position:right;
}
td.navigation-right
{
width:25px;
background-image: url("graphics/nav-right.gif");
background-repeat: no-repeat;
background-position:left;
}


a.navigation,a.navigation:hover,a.navigation:visited,a.navigation:active
{
text-decoration:none;
font-size:12px;
}


table.side
{
background:#C4D4C4;
width:150px;
border: 1px solid #000000;
border-spacing:2px;
}
td.side
{
font-size:12px;
padding:3px;
border: 1px solid #000000;
}
td.sidetitle
{
font-weight:bold;
font-size:12px;
padding:3px;
background:#A5B9A3;
border: 1px solid #000000;
}

table.default
{
padding:0;
border-spacing:1px;
background:#000000;
width:98%;
}

td.defaulttitle
{
background:#A5B9A3;
font-size:14px;
font-weight:bold;
padding:5px;
color:#002200;
}

td.defaultsubtitle
{
background:#B1C3A8;
font-size:14px;
font-weight:bold;
padding:3px;
}

td.default
{
font-size:13px;
background:#CCDDCC;
padding:3px;
}



/*form tables*/
table.form
{
width:100%;
border-spacing:1px;
background-color:#006600;
}
td.formcenter
{
text-align:center;
vertical-align:top;
background:#CFE0CF;
padding:5px;
font-weight:bold;
width:50%;
}
td.formleft
{
text-align:right;
vertical-align:top;
background:#DDEFDD;
padding:5px;
font-weight:bold;
width:50%;
}
td.formright
{
text-align:left;
vertical-align:top;
background:#D6E8D6;
padding:5px;
width:50%;
}

font.formsmallprint
{
font-size:10px;
}

/* forms */
input.forms, textarea.forms
{
color:#444444;
border:1px solid #005500;
background:#E3F3E3;
font-family:fixedsys, courrier new;
width:100%;
}
input.forms:hover, textarea.forms:hover
{
color:#444444;
border:1px solid #006600;
background:#DDEFDD;
font-family:fixedsys, courrier new;
width:100%;
}
input.forms:focus, textarea.forms:focus
{
color:#000000;
border:1px dotted #000000;
background:#DDEFDD;
font-family:fixedsys, courrier new;
width:100%;
}

/*form selects */
select.forms, option.forms
{
color:#005500;
border:1px solid #E3F3E3;
background:#E3F3E3;
font-family:fixedsys, courrier new;
}
select.forms:hover, option.forms:hover
{
color:#000000;
border:1px solid #000000;
background:#CFF3CF;
}
select.forms:focus, option.forms:focus
{
color:#000000;
border:1px dotted #000000;
background:#E3F3E3;
font-family:fixedsys, courrier new;
}

select.forms2, option.forms2
{
color:#000000;
text-decoration:underline;
border:1px collapse #005500;
background:#E3F3E3;
font-family:fixedsys, courrier new;
}


/*submit buttons*/
input.formbuttons
{
border:1px solid #005500;
background:#E3F3E3;
font-family:fixedsys, courrier new;
padding:2px;
}

input.formbuttons:hover
{
border:1px solid #000000;
background:#CFF3CF;
font-family:fixedsys, courrier new;
padding:2px;
}