body        { font-family: verdana, arial, helvetica, sans-serif;
              font-size: 13px;
            }

table       { font-family: verdana, arial, helvetica, sans-serif;
              font-size: 13px;
            }

p.justify   { text-align: justify;
              margin-right: 2px;
            }

p.space     { padding-bottom: 0.5cm;
            }

p.date      { padding-top: 0.0cm;
            }

p.large     { padding-bottom: 1.0cm;
            }

a.anchor    { display: block;
              position: relative;
              top: -110px;
              visibility: hidden;
            }

a.button    { color: white;
              text-decoration: none;
              font-size: 1.0em;
              font-weight: bold;
            }

a.button:hover 
            { background-color: #ddd;
              color: black;
              text-shadow: none;
            }      

a.bottom    { height: 32px; 
              color: white;
              text-align: left;
              padding: 4px;
              padding-bottom: 6px;
              text-decoration: none;
              font-size: 1.0em;
              font-weight: bold;
              text-shadow: 1px 1px 3px #000; 
            }

a.bottom:hover 
            { background-color: #ddd;
              color: black;
              text-shadow: none;
            }      

a.link      { text-decoration: none;
              color: #0d4da0;
            }

a.link:hover      
            { text-decoration: underline;
            }


a img:hover { box-shadow: 0 0 1px rgba(0,0,255,1.0);
            }
a.external
            { text-decoration: none;
              padding: 1px 0px 3px 16px;
              background: url(images/external_link_icon.gif) 
              no-repeat scroll left;
            }

a.external:hover
            { text-decoration: underline;
              padding: 1px 0px 3px 16px;
              background: url(images/external_link_icon.gif) 
              no-repeat scroll left;
            }

img         { max-width: 100%;
              height: auto;
            }

img.right   { float: right;
              margin: 0px 0px 10px 10px;
            }

hr          { border-top: 0px;
              border-bottom: 0px;
              background-color: #aaaaaa;
              color: #aaaaaa;
              height: 2px;
              clear: both;
            }

hr.thin     { border-top: 0px;
              border-bottom: 0px;
              background-color: #aaaaaa;
              color: #aaaaaa;
              height: 1px;
              clear: both;
            }

span.listDate 
            { margin-left: 5px;
              font-size: 12px;
            }

span.listText
            { margin-left: 5px;
              font-weight: bold;
              font-size: 12px;
            }

#logo        { position: absolute; top: 0px; left: 10px;
             } 

.menu_box    { color: #0d6579;
               height: 40px;
               width: 35px;
               left: 20px;
               position: relative;
               cursor: pointer;
               background: currentColor;
               border-radius: 3px;
               padding-left: 8px;
             }

.menu_icon,
.menu_icon:before,
.menu_icon:after
             { content: '';
               position: absolute;
               top: 10px;
               height: 3px;
               width: 25px;
               background: white;
             }

.menu_icon:before
             { top: 8px;
             }

.menu_icon:after
             { top: 16px;
             }

.menu_button_active
             { 
             }

.menu_button_active .menu_icon
             { 
               background: transparent;
               transform: rotate(-135deg);
             }

.menu_button_active .menu_icon:before,
.menu_button_active .menu_icon:after
             { top: -8px;
               left: -4px;
             }

.menu_button_active .menu_icon:before
             { transform: rotate(90deg);
             }

ul.menu      { position: relative;
               left: 0px;
               margin: 0;
               padding: 0;
               padding-left: 10px;
               list-style: none;
             }

ul.menu li   { background: white;
               padding-top: 3px;
               padding-bottom: 3px;
              }

ul.menu li a 
             { color: black;
               text-decoration: none;
               font-size: 1.0em;
               font-weight: bold;
               text-shadow: none;
             }

ul.menu li a:hover 
             { background: transparent;
               color: blue;
               text-shadow: 1px 1px 1px #ddd;
             }

ul.first     { width: 100%;
               position: absolute;
               top: 25px;
               left: 25px;
             } 

ul.first li  { float: left;
               list-style: none;
             }
  
ul.first li a 
             { height: 40px; 
               color: white;
               text-align: left;
               padding: 10px;
               padding-bottom: 14px;
               text-decoration: none;
               font-size: 1.0em;
               font-weight: bold;
               text-shadow: 1px 1px 3px #000; 
             }

ul.first li a:hover 
             { background-color: #ddd;
               color: black;
               text-shadow: none;
             }      

ul.second    { display: none;
             }

ul.second li { float: left;
               background: white;
             }

ul.second li a 
             { color: black;
               text-decoration: none;
               font-size: 1.0em;
               font-weight: bold;
               text-shadow: none;
             }

ul.second li a:hover 
             { background: transparent;
               color: blue;
               text-shadow: 1px 1px 1px #ddd;
             }

ul.first li:hover ul.second, ul.first li.hover ul 
             { position: absolute;
               top: 35px;
               left: 0;
               display: inline;
               width: 100%
               margin: 0;
               padding: 0;
               background-color: #ffffff;
               padding-left: 50px;
               padding-right: 15px;
             }

#menu_div    { 
              position: relative;
              left: 14px;
              width: 12em;
              border:1px solid #aaaaaa;
              background: white;
             }

ul.list      { list-style-type: disc;
               padding-left: 40px;
             }

ul.list li   {
               margin-bottom: 3px;
             }

ul.list li a { text-decoration: none;
               color: #0d4da0;
             }
  
#button      { width: 90%;
               text-align: center;
               padding: 5px;
               margin-right: 10px; 
               float: right;
             }  

#newsbox     { width: 85%;
               border:1px solid #aaaaaa;
               background-color: #e4eff0;
               padding: 5px;
               margin-bottom: 20px; 
               margin-right: 10px; 
               box-shadow: 8px 8px 8px #666;
               float: right;
               border-radius: 10px;
             }

