body { font-family: arial,sans-serif; }

h3   { text-align: center; }
td   { border: solid white 1px; }
img  { border: 0px; }

#noscript              { color: red; font-weight: bold; text-align: center;
                         padding: 2px; border: solid #000 0px; }
#noscript span         { font-size: 80%; }
#noscript span a       { font-size: 100%; }
#noscript a            { font-size: 80%; margin-left: 5px; margin-right: 5px; }
#noscript-menu         { border: solid #ddddd8 1px; }
#noscript-menu a       { border: solid #fff 1px; text-decoration: none; }
#noscript-menu a:hover { text-decoration: underline; }



#display-paths    { border: solid #aaa 1px; }
#display-paths td { border: solid #ddd 1px; }



#logo { float: right; width: 170px; height: 170px;
        padding-right: 5px; margin: 10px 10px; }



#header { text-align: center;
          font-size: 120%;
          font-weight: bold;
          color: #000; background-color: #ffd663;
          margin-bottom: 1em;
        }

/* Left-hand side navigation menu */
#nav            { float: left; width: 20%; font-size: 75%;
                  margin-right: 20px; padding: 5px 5px 5px 5px;
                  text-align: center;
                  border: solid #fff 1px;
                  color: #333; background-color: #ffd663;
                }
#nav-head       { font-weight: normal; }
#nav-head span  { font-weight: bold; }

#nav-body       { margin-top: 10px; }

.nav-link            { border: solid #ffd663 1px; margin: 0px 2px 10px 2px; }
.nav-link a          { display: block; text-decoration: none;
                       border: solid #ffd663 1px; }
.nav-link a:link     { color: #333; }
.nav-link a:active   { color: #f00; border-color: white; }
.nav-link a:visited  { color: #000; border-color: #ffd663; }
.nav-link a:hover    { border-color: #fff; }

#nav-news       { border: solid #fff 1px; padding: 10px 10px; margin-bottom: 20px;
border-width-bottom: 1px; }
#nav-news-title {  }


/* For id #w3c-valid - see below */

#current-page { background-color: #fff; color: #777;
                margin-right: 0px;
                border: solid #fff 1px;
              }

.contacts    { border: solid #444 1px; width: 70%; margin: 1em 5% 1em 5%; }
.contacts td, .contacts th { padding: 3px 3px; }
.contacts th { border: solid #777 1px;
             }
.contacts td { border: solid #ccc 1px;
               padding-left: 2em;
             }

.contacts-first { color: red; background-color: #fff; }
.contacts-phone { width: 12em; }



#w3c-valid   { margin-top: 2em; padding: 10px 10px; }
#w3c-valid a { display: inline; }

/* #w3c-valid img { color: transparent; background-color: #ffd663; }
*/


#footer { color: #000; background-color: #ffd663;
          margin-top: 2em; text-align: right;
          clear: left; font-size: 70%;
        }
#footer span { float: left; }
#footer a:link    {  background-color: #ffd663; color: #000; text-decoration: none;}
#footer a:visited {}
#footer a:active  {}
#footer a:hover   { text-decoration: underline;}


/* When in Print Preview, or actual printing, suppress the navigation column
@media print
{
  #nav { display: none; }
}