body {
  text-align : center;
  background : #E5F0E5;
}

.main {
  max-width    : 715px;
  width        : 715px;
  margin-top   : 10pt;
  margin-right : auto;
  margin-left  : auto;
  border       : 1px solid #aaa;
}

/* HEADER */

#headerbar {
  height: 244px;
  
  background-image    : url('../pics/headbar.jpg');
  background-repeat   : no-repeat;
  background-position : left top;

  border       : 0pt;
  margin-right : auto;
  margin-left  : auto;
  padding      : 0px;

  font-size    : 10pt;
  font-family  : "Trebuchet MS", Arial;

  vertical-align:middle;
}

#headbarTitle {
  margin      : 0pt;
  margin-left : 2pt;

  font-size   : 14pt;
  color       : #959595;
  font-weight : normal;
}

#headbarCaption {
  margin      : 2pt;
  margin-left : 2pt;

  font-size   : 20pt;
  color       : #FF3F00;
}

.content {
  max-width    : 715px;
  width        : 715px;
  margin-right : auto;
  margin-left  : auto;
  border       : 1px solid #aaa;
  background   : white;

  margin-top  : 1pt;

  text-align  : left;
  font-size   : 10pt;
  font-family : Arial;
}

/* DEFAULT TEXT CONTENT */

.defaultText {
  margin : 5pt;
}

.defaultText p {
  font-size   : 10pt;
}

.defaultText h2 {
  font-size   : 14pt;
  font-family : Arial;
  font-weight : normal;
  color       : #000050;
}

.defaultText h3 {
  font-size   : 10pt;
  font-family : Arial;
  color       : #000;
}

.defaultText a {
  text-decoration : none;
  color : #00F;
}

.defaultText a:active {
  text-decoration : none;
  color : #00F;
}

.defaultText a:hover {
  text-decoration : underline;
  color : #00F;
}

.defaultText table {
  font-size   : 10pt;
  margin-left : 10pt;
}

.defaultText td {
  padding        : 3pt 15pt 3pt 0pt;
  vertical-align : top;
}

.defaultText.tableLine {
  border-top-width : 1px;
  border-top-style : solid;
  border-top-color : #A0A0A0;
}

/* MAIN MENU */

.mainmenu {
  max-width      : 715px;
  width          : 715px;
  margin-top     : 0pt;
  margin-right   : auto;
  margin-left    : auto;
  margin-bottom  : 2pt;

  border         : 1px solid #aaa;

  display:table;         /* ignored by IE */
  list-style-type:none;
  white-space:nowrap;    /* keep text on one line */
  border:0px none;

  font-size    : 8pt;
  font-family  : "Trebuchet MS", Arial;
  font-width   : normal;
}

.mainmenu ul {
    display             : block;
    margin              : 0px;
    padding             : 1px;
    list-style-image    : none;
    list-style-type     : none;
    width               : auto;
    }

.mainmenu ul li{
    float               : left;
    list-style-image    : none;
    list-style-type     : none;
    margin-right        : 0px;
}

.mainmenu a, .mainmenu a:link{
    display             : block;
    color               : #404070;
    border              : 0pt none;
    font-weight         : bold;
    text-decoration     : none;
    padding             : 2px 8px 2px 8px;
}

.mainmenu a:hover{
	border              : 1px solid;
	padding             : 1px 7px 1px 7px;
}

.mainmenu a:active{
    color               : #EEEEBE;
    background-color    : #404070;
    border-color        : #404070;
}

/* FOOTER */

#footerbar {
  max-width      : 715px;
  width          : 715px;

  margin-top     : 12pt;
  margin-right   : auto;
  margin-left    : auto;
  margin-bottom  : 2pt;

  border         : 0px none;

  font-size    : 8pt;
  font-family  : "Trebuchet MS", Arial;
  font-width   : normal;

  text-align : center;
  color : #808080;
}

/* BLOG */

.blog {
  margin : 5pt;
}

.blog p {
}

.blog h2 {
  font-size   : 14pt;
  font-family : Arial;
  font-weight : normal;
  color       : #107F10;
  clear       : both;
}

.blog h3 {
  font-size   : 10pt;
  font-family : Arial;
  color       : #000;
}

.blog a {
  text-decoration : none;
  color : #00F;
}

.blog a:active {
  text-decoration : none;
  color : #00F;
}

.blog a:hover {
  text-decoration : underline;
  color : #00F;
}

.blog table {
  font-size   : 10pt;
  margin-left : 10pt;

  border : 0pt none;
}

.blog td {
  padding        : 3pt;

  vertical-align : top;
  border-top-width    : 1px;
  border-left-width   : 1px;
  border-right-width  : 1px;
  border-bottom-width : 1px;

  border-top-color    : #888;
  border-left-color   : #888;
  border-bottom-color : #BBB;
  border-right-color  : #BBB;

  border-top-style    : solid;
  border-left-style   : solid;
  border-bottom-style : solid;
  border-right-style  : solid;
}

.blog a img {
  border : 0pt none;
}

.blog img {
  padding : 2pt 5pt 5pt 0px;
}

.blogTime {
  font-size   : 8pt;
  font-family : Arial;
  color       : #888;
}

.blogComment h2 {
  font-size   : 14pt;
  font-family : Arial;
  font-weight : normal;
  color       : #008;
}

.blogComment p {
  border     : 1px solid #CCC;
  padding    : 4pt;
  font-style : italic;
  background : #FFFFD0;
}

// BUTTONS

.button {
  display:table;         /* ignored by IE */
  list-style-type:none;
  white-space:nowrap;    /* keep text on one line */
  border:0px none;
}

.button ul {
    display             : block;
    margin              : 0px;
    padding             : 0px;
    list-style-image    : none;
    list-style-type     : none;
    width               : auto;
}

.button ul li{
    float               : left;
    list-style-image    : none;
    list-style-type     : none;
    margin-right        : 10px;
}

.button a, .button a:link{
    display             : block;
    color               : #404070;
    border              : 1px solid #000000;
    font-weight         : bold;

    text-decoration     : none;

    background-image    : url(../pics/button_background.gif);
    background-repeat   : repeat-x;
    background-position : 0px 0px;
    background-color    : #1C1C1C;

    border-top-color    : #B0B0B0;
    border-left-color   : #B0B0B0;
    border-right-color  : #707070;
    border-bottom-color : #707070;

    padding             : 2px 20px 2px 20px;
}

/* Hovered link */
.button ul li a:hover {
    color               : #4040FF;
}

/* Hovered link */
.button ul li a:active {
    border-top-color    : #707070;
    border-left-color   : #707070;
    border-right-color  : #B0B0B0;
    border-bottom-color : #B0B0B0;

    padding             : 3px 19px 1px 21px;
}