

body {
   background-color: #ffffff;
   color: #000000;
   margin: 0px;
}

.topmenu {
   background-image: url( "../graphics/front/header_2line.jpg" ); 
   background-repeat: no-repeat;
   background-position: top left;
}

.front_bg {
   background-image: url( "../graphics/front/homepage.jpg" ); 
   background-repeat: no-repeat;
   background-position: top left;
}

.menu_bg {
   text-align: left;
   padding: 0px 17px 8px 17px;

   vertical-align: top;
/*
   background-image: url( "../graphics/front/menubg.jpg" ); 
   background-repeat: no-repeat;
   background-position: top center;

   border-bottom-width: 1px;
   border-bottom-style: solid;
   border-color: #e0e0e0;
*/
}

.menu_bg a {
   color: #a86c6c;
   font-weight: bolder;
   font-family: trebuchet, verdana, arial, sans-serif;
   font-size: 13px;
   font-variant: small-caps;
}

.menu_drop_bg {
   text-align: left;
   padding: 4px 0px 4px 0px;
   background-color: #ffffff;

   vertical-align: top;

   background-image: url( "../graphics/front/menubg.jpg" ); 
   background-repeat: no-repeat;
   background-position: bottom center;
}

.menu_drop_cell a {
   color: #a0a0a0;
   font-weight: bolder;
   font-family: trebuchet, verdana, arial, sans-serif;
   font-size: 13px;
   font-variant: small-caps;
}

.menu_drop_cell a:hover {
   color: #a86c6c;
}

.menu_box {
   text-align: center;
   padding: 0px 17px 4px 17px;
/*
   background-image: url( "../graphics/front/menubg.jpg" ); 
   background-repeat: no-repeat;
   background-position: top center;
*/
   vertical-align: top;
}

.menu_box a {
   color: #808080;
   font-weight: bolder;
   font-family: trebuchet, verdana, arial, sans-serif;
   font-size: 13px;
   font-variant: small-caps;
}


.centre {
   margin: 5px 20px 10px;
   width: 100%;
}

a {
   text-decoration: none; 
}

p {
   text-align: justify; 
   margin-left: 10px;
   margin-right: 10px; 
   font-size: 12px;
   font-family: trebuchet, verdana, arial, sans-serif;
}

td {
   font-size: 12px;
   font-family: trebuchet, verdana, arial, sans-serif;
}

td a {
   color: #404040;
}

td a:hover {
   color: #a86c6c;
}


th {
   font-size: 12px;
   font-family: trebuchet, verdana, arial, sans-serif;
}

p a {
   color: #808080;
   font-size: 11px;
   font-weight: bolder;
}

p a:hover {
   color: #a86c6c;
}

h1 {
   text-align: center;
   padding: 4px;
   color: #608060; 
   font-size: 16px;
   font-family: trebuchet, verdana, arial, sans-serif;
   font-weight: bold;
}

h2 {
   color: #585858;  
   text-align: left; 
   font-size: 14px;
   font-weight: bold;
   font-family: trebuchet, verdana, arial, sans-serif;
   font-variant: small-caps;
}

h3 {
   color: #585858;  
   text-align: left; 
   font-size: 14px;
   font-weight: bold;
   font-family: trebuchet, verdana, arial, sans-serif;
   font-variant: small-caps;
}

.small {
   font-size: xx-small;
}

.errorbox {
   color: #aa0000;
   background-color: #ffcccc;
   width: 60%; 
   padding: 10px;
   border-style: dashed;
   border-width: thin;
   font-size: x-small;
   font-weight: bold;
   font-family: trebuchet, verdana, arial, sans-serif;
}

.messagebox {
   color: #202020;
   background-color: #eeeeee;
   width: 60%; 
   padding: 10px;
   border-style: dashed;
   border-width: thin;
   font-size: x-small;
   font-weight: bold;
   font-family: trebuchet, verdana, arial, sans-serif;
}


.box {
   font-size: x-small;
   font-family: trebuchet, verdana, arial, sans-serif;
}


.box.heading {
   color: #f0f0f0;
   background-color: #806060;
   filter: Alpha( Opacity=100, Style=1 ); 
   font-size: 12px;
   font-weight: bold;
   font-family: trebuchet, verdana, arial, sans-serif;
}

.box.field {
   text-align: right;
   font-size: 12px;
   font-weight: bold;
   font-family: trebuchet, verdana, arial, sans-serif;
   padding: 0px 15px;
   width: 120px;
}

.box.value {
   font-size: 12px;
   font-weight: bold;
   font-family: trebuchet, verdana, arial, sans-serif;
}

.box.highlight {
   color: #000000;
   background-color: #f0f0f0;
   filter: Alpha( Opacity=50, Style=1 ); 
   border-width: 2px;
   border-style: solid;
   border-top-color:    #ffffff;
   border-left-color:   #ffffff;
   border-bottom-color: #B4CCB4;
   border-right-color:  #B4CCB4;
   padding: 0px 0px;
   font-size: x-small;
   font-family: trebuchet, verdana, arial, sans-serif;
}


button {
   background-color: #e0e0e0;
   color: #000000;
   font-size: 8pt;
   font-weight: bold;
   font-family: trebuchet, verdana, arial, sans-serif;
   padding: 1px, 12px;
}

input {
   background-color: #ffffff;
   color: #000000;
   font-size: 8pt;
   font-family: trebuchet, verdana, arial, sans-serif;
}

textbox {
   background-color: #ffffff;
   color: #000000;
   font-size: 8pt;
   font-family: trebuchet, verdana, arial, sans-serif;
}

select {
   background-color: #ffffff;
   color: #000000;
   font-size: 8pt;
   font-family: trebuchet, verdana, arial, sans-serif;
}
