body {
  text-align: center;
  background-color: #D5D0B0;
  margin-top:10px;
  margin-bottom:10px;
  color:#666666;
}

A:link {
	COLOR: #C86000; text-decoration: none
}
A:visited {
	COLOR: #C86000; text-decoration: none
}
A:active {
	COLOR: #C86000; text-decoration: none
}
A:hover {
	COLOR: #C86000; text-decoration: underline
}

#page_wrapper {
  margin-left: auto; 
  margin-right: auto;
  width: 760px;
  text-align: left;
  background: #FFFFFF url('../img/content_bg.gif') top left repeat-y;
}

#page_header {
  height: 140px;
  background: #FFFFFF url('../img/header.jpg') bottom left no-repeat;
  clear: both;
}

#page_header h1 {
  padding-top:50px; padding-left:15px;
  margin:0px;
  font-family: verdana;
  font-size: 24px;
  color: #FBD539;
  line-height:26px;
  letter-spacing:-1px;
}

#page_header h2 {
  margin:0px;
  padding-left:15px;
  font-family: verdana;
  font-size: 12px;
  color: #D5D0B0;
  line-height:22px;
}

#menu_bar {
  margin:0px;
  padding:0px;
  border:0px dashed #cccccc;
  height:31px;
  clear:both;
  background: #FFFFFF url('../img/menu_bg.gif') bottom left no-repeat;
}

#content_wrapper {
  margin-top:10px;
  margin-bottom:10px;
  margin-left:10px;
  margin-right:10px;      
  border:0px dashed #FFFFFF;  
}

#center {
  margin-left:160px;
  margin-right:160px;
  border:0px dashed #cccccc;
}

#center h3 {
  margin-top:0px;
  margin-bottom:5px;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  color: #ffffff;
  padding:4px;
  border: 1px solid #425227;
  background-color: #739240;
}

#center p {
  margin-top:5px;margin-bottom:15px;
  padding:4px;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  line-height: 16px;
}

#left_side {
  float: left;
  width:140px;
  border:0px dashed #cccccc;
}

#left_side h3 {
  margin-top:0px;
  margin-bottom:5px;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  color: #ffffff;
  padding:4px;
  border: 1px solid #425227;
  background-color: #739240;
}

#left_side p {
  margin-top:5px;margin-bottom:15px;
  padding:4px;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  line-height: 16px;
  color: #666666;
}

#right_side {
  float: right;
  width:140px;
  border:0px dashed #cccccc;
}

#right_side h3 {
  margin-top:0px;
  margin-bottom:5px;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  color: #ffffff;
  padding:4px;
  border: 1px solid #425227;
  background-color: #739240;
}

#right_side p {
  margin-top:5px;margin-bottom:15px;
  padding:4px;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  line-height: 16px;
  color: #666666;
}

#page_footer {
  height: 60px;
  background: white;
  clear: both;
  border-left: 1px solid #425227;
  border-right: 1px solid #425227;
  border-bottom: 1px solid #425227;
}

#page_footer p {
  padding-top:15px;
  text-align:center;
  font-family: verdana;
  font-size: 10px;
  line-height:14px;
  color:#D5D0B0;
}

#page_footer A:link {
	COLOR: #FBD539; text-decoration: none
}
#page_footer A:visited {
	COLOR: #FBD539; text-decoration: none
}
#page_footer A:active {
	COLOR: #FBD539; text-decoration: none
}
#page_footer A:hover {
	COLOR: #FBD539; text-decoration: underline
}


#navcontainer ul {
  padding-left: 0;
  margin-left: 0;
  margin-top:0px;
  background-color: #C86000;
  background: url('../img/bar.jpg') top right no-repeat; 
  color: White;
  float: left;
  width: 100%;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a {
  padding-top: 5px;
  padding-bottom: 7px;
  padding-left:10px;
  padding-right:10px;
  background-color: transparent;
  color: White;
  text-decoration: none;
  float: left;
  border-right: 1px solid #BD620E;
}

#navcontainer ul li a:hover {
  background-color: #DE6B02;
  background: url('../img/bar_bg_hover.gif') bottom left repeat-x; 
  color: #fff;
}

#linklist {
  padding-left: 0;
  margin-left: 0;
  border-bottom: 1px solid #D1D9C4;
  width: 140px;
}

#linklist li {
  list-style: none; 
  margin: 0;
  line-height:20px;
  border-top: 1px solid #D1D9C4;
  font-family:verdana;
  font-size:10px;
}

#linklist li a { text-decoration: none; }

.thumbnail_left {
  float:left;
  margin-right:10px;
  margin-bottom:5px;
  border:0px;
}

.thumbnail_right {
  float:right;
  margin-left:10px;
  margin-bottom:5px;
  border:0px;
}
/* ---- responsive layer (added on top of the original 2008 stylesheet) ---- */
html { -webkit-text-size-adjust: 100%; }
img { max-width: 100%; height: auto; }
#page_wrapper { max-width: 760px; width: auto; }
#center p img { display: inline-block; vertical-align: top; }
#center table { width: 100%; }
#center td { display: table-cell; }
#page_footer { height: auto; overflow: hidden; }
#page_footer table { float: none !important; margin: 0 auto; }
#page_footer img { max-width: 100%; height: auto; }
#page_footer p { padding-top: 0; margin: 4px 0; line-height: 14px; }
#page_header h1, #page_header h2 { text-shadow: 0 1px 3px rgba(0,0,0,.7); }
#navcontainer ul { padding: 0; margin: 0; list-style: none; }

/* ---- modern refresh: same brand colours, cleaner type and cards ---- */
:root { --orange:#C86000; --green:#739240; --green-d:#5b7632; --cream:#faf8ee; --ink:#3d3a33; }
body { font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; color: var(--ink);
  background: linear-gradient(#e6e1c4, #D5D0B0) fixed; margin: 24px 0; }
#page_wrapper { max-width: 940px; background: var(--cream); border-radius: 14px; overflow: hidden;
  box-shadow: 0 10px 40px rgba(60,50,20,.25); }
#page_header { background-color: #2f3a1c; background-size: cover; background-position: center bottom; }
#menu_bar { background: #C86000; }
#navcontainer ul { background: #C86000 url('../img/bar.jpg') top right no-repeat; }
#page_header h1 { font-family: inherit; font-size: 32px; line-height: 36px; letter-spacing: -.5px; font-weight: 700; }
#page_header h2 { font-family: inherit; font-size: 15px; font-weight: 400; letter-spacing: .3px; }
#navcontainer ul { font-family: inherit; font-size: 14px; }
#navcontainer ul li a { padding: 7px 16px 9px; border-right-color: rgba(255,255,255,.18); transition: background-color .15s; }
#navcontainer ul li a:hover { background: #E37512; }
#content_wrapper { margin: 22px 22px 8px; }
#center, #left_side h3, #right_side h3 { font-size: 15px; }
#center h3, #left_side h3, #right_side h3 { font-family: inherit; font-size: 13px; letter-spacing: .6px; text-transform: uppercase;
  border: 0; border-radius: 6px; padding: 8px 12px; background: var(--green); }
#center p, #left_side p, #right_side p { font-family: inherit; font-size: 15px; line-height: 1.65; color: var(--ink); }
#left_side p, #right_side p { font-size: 14px; }
#linklist { border-bottom: 0; }
#linklist li { font-family: inherit; font-size: 14px; line-height: 1.4; border-top: 0; }
#linklist li a { display: block; padding: 7px 12px; border-radius: 6px; transition: background-color .15s; }
#linklist li a:hover { background: #efe9cf; text-decoration: none; }
a { transition: color .15s; }
/* logo grid on the home page */
#center p:has(> a > img[width="250"]):not(:only-child) { display: grid; gap: 14px; padding: 4px 0;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); }
#center p:has(> a > img[width="250"]):not(:only-child) a { display: block; background: #fff; border: 1px solid #e4dfc4;
  border-radius: 10px; overflow: hidden; transition: transform .15s, box-shadow .15s; }
#center p:has(> a > img[width="250"]):not(:only-child) a:hover { transform: translateY(-3px); box-shadow: 0 8px 18px rgba(60,50,20,.18); }
#center p:has(> a > img[width="250"]):not(:only-child) img { width: 100%; display: block; }
/* partner pages: label / value rows */
#center table, #center tbody, #center td, #center td p, .style4 { text-align: left !important; }
#center table { border-collapse: separate; border-spacing: 0 10px; }
#center td { vertical-align: top; }
#center td:first-child:not(:only-child) { width: 28% !important; }
#center td:first-child:not(:only-child) p { color: var(--green-d); font-weight: 700; margin: 0; }
#center td p { margin: 0; padding: 0 6px; }
#center td + td { border-left: 3px solid var(--green); padding: 2px 0 2px 10px; background: #fff; border-radius: 0 8px 8px 0; }
#page_footer { background: #fff; border: 0; border-top: 1px solid #e4dfc4; padding: 14px 0 10px; }
#page_footer p { font-family: inherit; font-size: 12px; color: #8d876c; text-align: center; }
#page_footer p a { color: var(--orange) !important; }
#center table, #center tr, #center td, #center tbody { border: 0 !important; font-size: 15px !important; line-height: 1.65; }
#center td + td { border-left: 3px solid var(--green) !important; }
#center li { font-size: 14px !important; line-height: 1.6; margin: 2px 0; }
#center ul { text-align: left; }
#center td:only-child { border-left: 3px solid var(--green) !important; background: #fff; border-radius: 0 8px 8px 0; padding: 2px 0 2px 10px; }

@media (max-width: 680px) {
  body { margin: 0; background: var(--cream); }
  #center td:first-child { width: 100% !important; }
  #center table { border-spacing: 0; }
  #page_wrapper { background-image: none; border-radius: 0; box-shadow: none; }
  #page_header { height: 110px; background-size: cover; background-position: right bottom; }
  #page_header h1 { padding-top: 32px; }
  #menu_bar { height: auto; background: #C86000; }
  #navcontainer ul { float: none; width: auto; display: flex; flex-wrap: wrap; background: #C86000 url('../img/bar.jpg') top right no-repeat; }
  #navcontainer ul li { flex: 1 1 auto; display: block; text-align: center; }
  #navcontainer ul li a { float: none; display: block; padding: 10px 8px; border-bottom: 1px solid #BD620E; }
  #content_wrapper { margin: 10px; display: flex; flex-direction: column; }
  #left_side, #right_side { float: none; width: auto; }
  #center { margin: 0; order: 1; }
  #left_side { order: 2; margin-top: 15px; }
  #right_side { order: 3; }
  #linklist { width: auto; }
  #center p img { width: 100%; max-width: 250px; height: auto; }
  /* stack the label / text table rows */
  #center table, #center tbody, #center tr, #center td { display: block; width: 100% !important; box-sizing: border-box; }
  #center tr { margin-bottom: 8px; }
  #center td:first-child:not(:only-child) p { margin-bottom: 2px; }
  #center td + td { border-radius: 0 8px 8px 0; }
  #page_footer table, #page_footer tbody { display: block; }
  #page_footer tr { display: flex; flex-wrap: wrap; justify-content: center; }
}