/* Sutherland Business Index CSS */
/* Modified:29/09/2021           */

:root {
  --body-col: #F0FFF0; /* */
  --link-col: #266600; /* */
  --link-hov: #000066; /* */
  --light-col: #CCFFCC; /* */
  --medium-col: #BBEEBB; /* */
  --dark-col: #266626; /* */
  --text-col: #266626; /* */
}

.map{left:325px;}

.logo{width:300px;}

.feedplace {
 padding-top:1px;
 padding-bottom:1px;
}

BODY {background-color:var(--body-col);}

A {color:var(--link-col);}

A:hover {color:var(--link-hov);}

H1,
H2,
H3,
H4,
.dropbutton {
  color:var(--dark-col);
}

H4,
.header,
.footer,
.feedplace {
 border-color:var(--medium-col);
 background-color:var(--medium-col);
}

.clock,
.sideitem,
.sideitem_last,
.feedplace,
.btn {
  color:var(--text-col);
}

.mainpanel {
 border-color:var(--medium-col);
}

.sideitem,
.sideitem_last,
.bak2top,
.btn {
 border-color:var(--medium-col);
 background-color:var(--light-col);
}

.newsfeed {
 border-color:var(--medium-col);
 background-color:var(--medium-col);
 color:var(--text-col);
}

.adsense {
 background-color:var(--body-col);
}

.newform {
  margin:0 auto;
}
.newform fieldset{
  background-color:#fff;
  border-color:var(--medium-col);
}
.newform input,
.newform textarea {
  background:transparent;
}
.newform textarea {
  overflow-y:scroll;
  overflow-x:hidden;
}

.btn {
  font-size:20px;
  padding:5px 10px 5px 10px;
  border:solid 1px;
  border-radius:3px;
  text-decoration:none;
  margin:5px;
}
.btn:hover {
  background-color:var(--light-col);
  text-decoration:none;
}
.row1 {
 background-color:var(--light-col);
}
.drop_container,
.dropbar{
 background-color:var(--medium-col);
}
.dropbutton {
 border-color:var(--medium-col);
}
.dropbuttonhover {
 color:#000000;
 border-color:#FFFFFF;
 background-color:#C9FFC9;
}
.dropmenu {
 background-color:#C9FFC9;
 border-color:var(--medium-col);
}
.dropitem {
 background-color:#C9FFC9;
 color:#003300;
 border-color:var(--medium-col);
}
.dropitem:hover {
 background-color:#A9EEA9;
 color:#003300;
 border-color:#E6FFE6;
}
.dropshadow {
 background-color:#333366;
}

/* Temp Additions to be moved to default CSS  */
@media (max-width:800px) {
 .sidebar { display:none;}
 .bannerad { display:none; }
 .dropbar { width:100%; }
 .flright { float:left; clear:left; }
 .mainbody { width:95%;}
 .mainbox { width:100%; padding:0px; margin:0px; border:0px; }
 .mainpanel { width:100%; padding:0px; margin:0px; border:0px; }
 .inner_header { width:100%;}
 .feedplace { display:none;}
 .newsfeed { display:none;}
 .newsfeed2 { display:none;}
 .feed { display:none;} 
 .newsitem {width:100%;}
 .newsitem IMG{ max-width:40%; min-width:40%; }
 IMG {max-width:98%; clear:both; margin-bottom:5px;}
 .adsense {width:320px;}
 .footer_placer { display:none;}
 .logo {width:auto; max-height:40px; }
 .map {left:310px; max-height:40px; width:auto;}
 .clock {display:none;}
 .newform {width:90%;}
}