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

html, body
{
  width:                      100%;
  height:                     100%;
}

body
{
  background:                 white;
  text-align:                 center;
}

div#wrapper
{
  text-align:                 left;
  width:                      985px;
  margin:                     0 auto;
  padding:                    0 0 0 0;
  height:                     100%;
}

div#topbar
{
  height:                     15px;
}

div#page
{
  background:                 #fff url(../img/body.gif) repeat-y 0 0;
}

div#page2
{
  width:                      985px;
  background:                 url(../img/header.jpg) no-repeat 0 0;
  padding:                    0 0 15px 0;
}

div#page-bottom
{
  width:                      985px;
  background:                 url(../img/bottom.jpg) no-repeat 0 0;
  height:                     30px;
  color:                      #666;
  font-size:                  10px;
  text-align:                 center;
  padding:                    10px 0 0 0;
}

div#header
{
  width:                      955px;
  height:                     100px;
  padding:                    15px;
  position:                   relative;
}

div#logo
{
  position:                   absolute;
  left:                       25px;
  top:                        26px;
  width:                      198px;
  height:                     88px;
}

div#menu
{
  width:                      170px;
  background:                 transparent url(../img/menu.gif) no-repeat 0 0;
  padding-top:                15px;
}

div#menu-bottom
{
  background:                 transparent url(../img/menu.gif) no-repeat left bottom;
  height:                     15px;
}

div#content
{
  width:                      533px;
  background:                 transparent url(../img/pane.gif) no-repeat 0 0;
  padding:                    15px 20px 15px 20px;
}

div#content-bottom
{
  background:                 transparent url(../img/pane.gif) no-repeat left bottom;
  height:                     15px;
}

div#bar
{
  width:                      150px;
  background:                 transparent url(../img/bar_2.gif) no-repeat 0 0;
  padding:                    30px 10px 0 10px;
}

div#bar-bottom
{
  background:                 transparent url(../img/bar.gif) no-repeat left bottom;
  height:                     15px;
}

div#menu ul
{
  list-style-type:            none;
  padding:                    0;
  margin:                     0;
}

div#menu li
{
  padding:                    0;
  margin:                     0;
  position:                   relative;
}

div#menu a,
div#menu a:link,
div#menu a:active,
div#menu a:visited,
div#menu a:hover
{
  background:                 transparent url(../img/menu-item.gif) no-repeat 0 0;
  display:                    block;
  width:                      160px;
  height:                     23px;
  color:                      #000;
  font-size:                  9pt;
  font-weight:                bold;
  text-decoration:            none;
  padding:                    7px 0 0 10px;
}

div#menu a:hover,
div#menu a.active,
div#menu a.active:link,
div#menu a.active:active,
div#menu a.active:visited,
div#menu a.active:hover
{
  background:                 transparent url(../img/menu-item-active.gif) no-repeat 0 0;
  color:                      #fff;
}

div#menu ul ul
{
  position:                   absolute;
  left:                       -1000px;
  top:                        0;
  z-index:                    1;

}

/***************************************
 *                                     *
 *           TYPOGRAPHY                *
 *                                     *
 ***************************************/

body
{
  text-align:                 left;
  font-family:                Verdana, Arial, Trebuchet MS, sans-serif;
  font-size:                  10pt;
  color:                      #333;
  line-height:                1.1em;
}

a,
a:link,
a:visited,
a:active,
a:hover
{
  text-decoration:            underline;
  color:                      #336;
  border:                     none;
}

a:hover
{
  text-decoration:            none;
}

h1, h2, h3, h4, h5, h6
{
  font-family:                 Verdana, Arial, Helvetica, sans-serif;
}

h1
{
  color:                       #333;
  font-size:                   18px;
  font-weight:                 bold;
  padding:                     8px 0 10px 0;
  line-height:                 1.2em;
}

h2
{
  color:                       #333;
  font-size:                   15px;
  font-weight:                 bold;
  padding:                     8px 0 4px 0;
  line-height:                 1.2em;
}

h3
{
  color:                       #555;
  font-size:                   12px;
  font-weight:                 bold;
  padding:                     8px 0 4px 0;
}

p
{
  line-height:                 1.5em;
  text-align:                  justify;
  margin:                      0 0 5px 0;
}

ul
{
  margin-bottom:              0.8em;
  text-align:                 justify;
  line-height:                1.6em;
  padding-left:               15px;
}

ol
{
  margin-bottom:              0.8em;
  text-align:                 justify;
  line-height:                1.6em;
  padding-left:               15px;
}

img
{
  border:                     none;
}

td
{
  vertical-align:             top;
}


/***********************************
 *                                 *
 *            DATEBOX              *
 *                                 *
 ***********************************/

div.datebox
{
  border:                     solid 1px #55A7EE;
  margin-right:               5px;
  color:                      #fff;
}

div.datebox-border
{
  border:                     solid 1px #fff;
}

div.datebox-inner
{
  background:                 #55A7EE;
  color:                      #fff;
  font-weight:                bold;
  line-height:                1em;
  padding:                    1px;
  text-align:                 center;
}

div.datebox-wday
{
  margin-bottom:              1px;
  font-size:                  10px;
  color:                      #fff;
}

div.datebox-day
{
  font-size:                  16px;
  position:                   relative;
  color:                      #fff;
}

div.datebox-month
{
  color:                      #fff;
}

div.datebox-year
{
  font-size:                  10px;
  color:                      #fff;
}