@import url(/styles/essentials.css); 

body {color:black;font-family:"Trebuchet MS", Arial, sans-serif;}

#toolbar       {font-size:75%;text-align:right;margin-bottom:0.25em;}
#toolbar a     {text-decoration:none;}

#header        {margin:0em 0em 0.5em 0em;padding:0em;}
#header a      {text-decoration:none;}
#header hr     {color:green;height:3px;width:100%;margin:0em;padding:0em;}
#headercolor   {background-color:#33ff00;width:100%;height:100%;margin:0em;padding:0em;}
#headercolor:after {content:".";display:block;height:0;overflow:hidden;clear:both;visibility:hidden;}
#title         {color:white;font-size:3em;padding:0em 0.25em 0em 0.25em;}
#navigation    {float:right;text-align:right;margin-right:2em;}

#distributor   {width:95%;text-align:center;margin-top:8em;margin-bottom:8em;padding:10px;}

#projects      {position:relative;}
#project:hover {box-shadow:10px 10px 20px #999999;}

.mainbox       {border:1px solid white;margin:4em;padding:4px;text-decoration:none;}
.mainbox:hover {border:1px solid black;}
.mainbox img   {vertical-align:middle;}

.linkbox         {width:200px;text-align:center;margin:25px;padding:0.5em;border:1px solid white;}
.linkbox a       {display:block;text-decoration:none;padding:4px;width:100%;}
.linkbox p       {margin-top:1em;margin-bottom:1em;}

.navelem       {color:green;border:1px solid green;border-bottom-style:none;padding:0em 1em 0em 1em;}
.navelemsel    {background-color:green;color:white;color:green;border:1px solid green;border-bottom-style:none;padding:0em 1em 0em 1em;}
.navelemsel:link,
.navelemsel:hover,
.navelemsel:focus,
.navelemsel:active,
.navelemsel:visited {background-color:green;color:white;}

div.content    {clear:both;margin-top:1em;margin-bottom:4em;}
div.left       {float:left;text-align:center;margin-bottom:60em;width:30%;}
div.middle     {width:70%;margin-left:4em;}

div.subnavigation {border:1px solid green;margin-top:1em;padding:0.5em 0em 0.5em 0em;width:70%;font-size:85%;}
div.subnavigation a {text-decoration:none;width:80%;display:block;}

div.middlecenter {margin:4em;width:50%;margin-left:25%;}

div.linkgroup        {margin:1em 0.2% 0px 0px;width:30%;min-width:210px;float:left;}
div#last.linkgroup   {margin:1em 0px 0px 0px;}
div.linkgrouptitle   {font-size:85%;background-color:#999999;text-align:center;}
div.linkgroupcontent {margin:1em;text-align:center;}
div.linkgroupcontent p {margin-bottom:1em;}

input.searchsubmit {width:70px;}

@media only screen and (max-width: 750px)
{
  div.left       {float:none;width:100%;text-align:center;margin:2em;}
  div.middle     {width:100%;}
}