body
{
  background-image:   url(img/bg.gif);
  color:              #1D3480;
  font-family:        Arial, Helvetica, sans-serif;
  font-size:          12px;
  margin:             0;
  padding:            0;
}

form
{
  margin:             0;
}

#wjoLogo
{
  position:           absolute;
  top:                19px;
  left:               15px;
}

#wjoMotto
{
  position:           absolute;
  top:                18px;
  left:               795px;
}

#header
{
  background:         url(img/head/bg.gif);
  border-bottom:      #1D3480 solid 12px;
  height:             113px;
}

#mainmenu
{
  position:           absolute;
  left:               180px;
  top:                92px;
  white-space:        nowrap;
}

#content
{
  width:              962px;
}

#content tr
{
}

#content td.left
{
  padding-top:        25px;
  vertical-align:     top;
  width:              180px;
}

#content td.center
{
  padding:            23px 13px 30px 13px;
  vertical-align:     top;
  width:              580px;
}

#content td.right
{
  padding-top:        25px;
  vertical-align:     top;
  width:              180px;
}

#footer
{
  background:         #1D3480;
  color:              white;
  font-size:          11px;
  padding:            2px 0;
  position:           fixed;
  top:                auto;
  bottom:             0;
  text-align:         center;
  width:              100%;
}

#footer a
{
  color:              white;
  text-decoration:    none;
}

/**
 * featureBoxLeft
 */
.featureBoxLeft
{
  margin:             0 16px;
  width:              148px;
}

.featureBoxLeft tr.header
{
  color:              #1D3480;
  font-size:          12px;
  font-weight:        bold;
  vertical-align:     top;
  width:              148px;
}

.featureBoxLeft tr.header th.arrow
{
  background:         #E7E7E7;
  padding-top:        9px;
  width:              14px;
}

.featureBoxLeft tr.header th.label
{
  background:         #E7E7E7 url(img/featureBox/bg.thead.left.gif);
  text-align:         left;
  padding:            6px 0 4px 0;
  width:              134px;
}

.featureBoxLeft tr.header th.label a
{
  color:              #1D3480;
  text-decoration:    none;
}

.featureBoxLeft tr.body
{
  background:         #F3F3F3 url(img/featureBox/bg.tbody.left.gif);
}

.featureBoxLeft tr.body *
{
  color:              black;
  font-size:          11px;
}

/**
 * submenu
 */
table.submenu
{
  border-bottom:      white solid 2px;
  margin:             0 1px;
  width:              146px;
}

table.submenu tr.cell
{
  color:              #999999;
  font-size:          12px;
  font-weight:        bold;
  vertical-align:     top;
}

table.submenu tr.cell td.arrow
{
  border-top:         white solid 2px;
  padding-top:        8px;
  width:              13px;
}

table.submenu tr.cell td.label
{
  border-top:         white solid 2px;
  color:              #1D3480;
  font-size:          12px;
  padding:            6px 0 4px 0;
  width:              133px;
}

table.submenu tr.cell td.label a:link,
table.submenu tr.cell td.label a:visited
{
  color:              #989898;
  font-size:          12px;
  text-decoration:    none;
}

table.submenu tr.cell td.label a:active,
table.submenu tr.cell td.label a:hover
{
  color:              #1D3480;
  font-size:          12px;
  text-decoration:    none;
}



h1
{
  background:         url(img/content/bg.heading.gif);
  color:              #1D3480;
  font-size:          17px;
  height:             33px;
  left:               -13px;
  margin:             0;
  padding:            7px 0 0 12px;
  position:           relative;
  text-transform:     uppercase;
}

h2
{
  color:              #1D3480;
  font-size:          15px;
  margin-top:         2em;
  margin-bottom:      .25em;
}

h1 + h2
{
  margin-top:         .5em;
}

h3
{
  color:              #1D3480;
  font-size:          12px;
  margin-bottom:      .25em;
}

h3 + p,
p + p
{
  margin-top:         0;
  margin-bottom:      .5em;
}

p
{
  color:              #1D3480;
  font-size:          12px;
  margin-top:         .5em;
  margin-bottom:      .5em;
}

/**
 * featureBoxRight
 */
.featureBoxRight
{
  margin:             0 16px 12px 16px;
  width:              148px;
}

.featureBoxRight tr.header
{
  color:              #1D3480;
  font-size:          12px;
  font-weight:        bold;
  vertical-align:     top;
  width:              148px;
}

.featureBoxRight tr.header th.arrow
{
  background:         #E7E7E7 url(img/featureBox/bg.thead.right.gif);
  padding-top:        9px;
  width:              14px;
}

.featureBoxRight tr.header th.label
{
  background:         #E7E7E7;
  text-align:         left;
  padding:            6px 0 4px 0;
  width:              134px;
}

.featureBoxRight tr.body
{
  background:         url(img/featureBox/bg.tbody.right.gif);
  color:              black;
  font-size:          10px;
}

.featureBoxRight tr.body td.content
{
  color:              black;
  height:             23px;
  padding:            9px 14px 2px 14px;
  width:              134px;
}

.featureBoxRight tr.body td.content a:link,
.featureBoxRight tr.body td.content a:visited
{
  color:              #989898;
  text-decoration:    none;
}

.featureBoxRight tr.body td.content a:active,
.featureBoxRight tr.body td.content a:hover
{
  color:              #1D3480;
  text-decoration:    none;
}

a:link,
a:visited
{
  color:              #666666;
  text-decoration:    none;
}

a:hover,
a:active
{
  color:              #1D3480;
  text-decoration:    underline;
}


/**
 * NewsItem
 */
div.newsItems
{
  margin-bottom:      1em;
}

div.scheduleItems p.date,
div.newsItems p.date,
div.newsItem p.date
{
  font-size:          11px;
  margin:             0;
}

div.newsItems h2
{
  font-size:          12px;
  margin:             0;
  margin-bottom:      .5em;
}

div.scheduleItems span.date,
div.newsItems span.date
{
  font-size:          11px;
  font-weight:        normal;
}

div.scheduleItems h2 small,
div.newsItems h2 small
{
  font-size:          12px;
}

div.scheduleItems p.intro,
div.newsItems p.intro
{
  margin:             0;
  margin-bottom:      .5em;
}

div.scheduleItems p.link,
div.newsItems p.link
{
  color:              #666666;
  margin:             0;
}

div.newsItem h2
{
  font-size:          14px;
  margin-top:         0;
  margin-bottom:      .5em;
}

div.newsItem h2 small
{
  font-size:          12px;
}

/**
 * Schedule
 */
div.scheduleItems
{
  margin-bottom:      2em;
}

div.scheduleItems h2
{
  font-size:          14px;
  margin:             0;
  margin-top:         .75em;
  margin-bottom:      .5em;
}

div.scheduleItems h3
{
  font-size:          12px;
  margin:             0;
  margin-bottom:      .5em;
}

div.scheduleItems h3 small
{
  font-size:          12px;
  font-weight:        normal;
}

/**
 * constitution
 */
div.constitution
{
  width:              500px;
}

div.constitution h3
{
  font-size:          13px;
  margin-top:         2em;
}

div.constitution li,
div.constitution li
{
  margin-left:        -20px;
}

div.constitution p + ol,
div.constitution p + ul
{
  margin-top:         0;
}

div.constitution li
{
  margin:             0 0 .25em 0;
}