BODY {
    font-family: sans-serif, Times, serif;
}

h1, h2, h3, h4, h5, h6 { position: relative;
                         width: auto;
                         text-align: center; 
                         font-weight: bold; 
                         color: #005; 
                         border: 1em; 
                         font-family: sans-serif; 
                         }
h1 { font-size: 200%; }
h2 { font-size: 170%; }
h3 { font-size: 150%; }
h4 { font-size: 125%; }
h5 { font-size: 115%; }
h6 { font-size: 100%; margin-bottom: 1px;}

img { border: 0px; }

.alert { color: #C00; font-weight: bold; font-size: 115%; }
.go    { color: #080; font-weight: bold; font-size: 115%; }
.warn  { color: #F60; font-weight: bold; font-size: 115%; }
.info  { color: #609; font-weight: bold; font-size: 115%; }

.bigger {
   font-size: 115%;
}


A {
    font-weight: bold;
    color: #0000AA;
    text-decoration: none;
}

A:hover {
    font-weight: bold;
    color: #0000AA;
    text-decoration: underline;
}
/* ************************************************ */
/*                   Recent additions               */
/* ************************************************ */

div.box { border-style: solid; 
          border-color: #005; 
          border-width: thin;
          padding: 7px; 
          margin-bottom: 10px; }

h3.box { border-style: solid; 
         border-color: #005; 
         border-width: thin;
         padding: 7px; 
         background: #CCF; 
         margin-bottom: 1px; }

div.box p { width: 90%; 
            left: 5%;
            text-align:justify; }

div.contact { width: auto; 
              border-style: none; 
              text-align: left; 
              margin-left: 33%; }


/* ----------- Navigation menus ----------- */

div.topmenu { position: relative;
              width: auto;
              padding: 0px;
              margin: 0px; 
              margin-bottom: 20px;
}

div.topmenu p  { width: 100%; }
div.topmenu ul { margin: 0px;
                 margin-left: -30px;
                 }
div.topmenu ul li { display: inline; 
                    list-style-type: none;
                    border-style: solid; 
                    border-color: #CCF; 
                    border-width: thin;
                    padding: 5px;
                    margin: 2px;
                    text-align: center; }
div.topmenu ul li:hover { background: #CCF;
                          text-decoration: none; }
/*div.topmenu a { color: #005; } */
div.topmenu a:hover { text-decoration: none; }

a.topbutton { border-style: solid; 
              border-color: #CCF; 
              border-width: thin;
              padding: 5px;
              margin: 5px;
              text-align: center;
              }
a.topbutton:hover { background: #CCF;
                    text-decoration: none; 
                    }
/* ----------- Links ----------- */
a { font-color: #00F; }
a.current { font-color: #005; }

a.alertlink { color: #C00; font-weight: bold; }
a.golink    { color: #080; font-weight: bold; }
a.warnlink  { color: #F60; font-weight: bold; }
a.infolink  { color: #609; font-weight: bold; }

/* ************************************************ */
/*                    Menu items                    */
/* ************************************************ */
.menulink {
    font-size: 85%;
    font-weight: normal;
    color: #333366;
    background: #9999CC;
    text-decoration: none;
}

.menulink:hover {
    font-size: 85%;
    font-weight: normal;
    color: #9999CC;
    background: #333366;
    text-decoration: none;
}


/* Red menu items */
.redmenulink {
    font-size: 85%;
    font-weight: normal;
    color: #CC0000;
    background: #9999CC;
    text-decoration: none;
}

.redmenulink:hover {
    font-size: 85%;
    font-weight: normal;
    color: #333366;
    background: #CC0000;
    text-decoration: none;
}

.menuitem {
    font-size: 85%;
    font-weight: normal;
    text-decoration: none;
}

/* ************************************************ */


.plainwhite {
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
}
.plainwhite:hover {
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
}

.blacklink {
    font-size: 100%;
    font-weight: bold;
    color: black;
    text-decoration: none;
}

.blacklink:hover {
    font-size: 100%;
    font-weight: bold;
    color: black;
    text-decoration: underline;
}

.greenlink {
    font-size: 100%;
    font-weight: bold;
    color: green;
    text-decoration: none;
}

.greenlink:hover {
    font-size: 100%;
    font-weight: bold;
    color: green;
    text-decoration: underline;
}

.redlink {
    font-size: 100%;
    font-weight: bold;
    color: #CC0000;
    text-decoration: none;
}

.redlink:hover {
    font-size: 100%;
    font-weight: bold;
    color: #CC0000;
    text-decoration: underline;
}