html {
scrollbar-face-color: black;
scrollbar-base-color: black;
scrollbar-arrow-color: gray;
scrollbar-track-color: gray;
scrollbar-shadow-color: gray;
scrollbar-highlight-color: black;
scrollbar-3dlight-color: lightgray;
scrollbar-darkshadow-Color: darkgray;
}

body {
background-color: black;
color: white;
}

a {text-decoration: none;}

#maincontainer{
width: 1100px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
margin-top: -.75cm;
background-color: black;
padding: 0;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin: 0 20px 0 20px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
width: 850px;
height: 696px;
margin-left: 125px;
margin-top: .75cm;
border-radius: 15px;
}

.innertube{
margin: 1cm 1cm; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: .25cm;
text-align: left;

}

#logosmall {
position: relative;
left: 90px;
top: -100px;
}

#logopic {
border-top: 1px solid gray;
border-left: 1px solid gray;
border-bottom: 4px solid black;
border-right: 4px solid black;
padding: 5px;
background-color: black;
z-index: 50;}

#main {
float: left;
background-image: url(images/gpeef.gif);
background-color: black;
font-family:Arial;
font-size:12px;
font-weight: normal;
width: 100%;
height: 96%; !important;
height /**/:100%;
border-bottom: 4px solid black;
}

#menu {
width: 700px;
margin-left: 125px;
}

#leftcolumn{
float: left;
width: 125px; /*Width of left column in pixel*/
height: 715px;
margin-left: -1100px; /*Set margin to that of -(MainContainerWidth)*/
background: url(images/leftcol.jpg);
}

#rightcolumn{
float: left;
width: 125px; /*Width of right column*/
height: 715px;
margin-left: -125px; /*Set left margin to -(RightColumnWidth)*/
background: url(images/rightcol.jpg);

}

#innerframe {
overflow: hidden;
width: 610px;
height: 400px;
border-top: 1px solid gray;
border-bottom: 1px solid gray;
}

p {
text-indent: .3cm;
text-align: justify;
}

p:first-letter {
font-size: 16px;
color: blue;
}

.list {font-size: 16px;}
.list li {padding: 10px;}

.box {
     background: white;
     font-family: Arial;
     font-size: 8pt;
     font-weight: 500;
     color: black;
     text-align: justify;
     padding: 10px;
     padding-bottom: 20px;
     position: relative;
     border: 1px solid black;
     z-index: 2;
     animation: fading 2s} @keyframes fading{0%{opacity:0}50%{opacity:1}100%;
     line-height: 100pt;
     }
.box2 {
     padding: 11px;
     padding-bottom: 21px;
     position: relative;
     }
.picture {
     background: white;
     font-family: Arial;
     font-size: 8pt;
     text-align: justify;
     padding: 0px;
     position: relative;
     border: 1px solid black;
     z-index: 0;
     animation: fading 2s} @keyframes fading{0%{opacity:0}50%{opacity:1}100%;
     }
.picture2 {
	  padding: 1px;
	  position: relative;
	  }
.icons
       {
       position: relative;
       font-size: 12pt;
       font-family: Arial Black;
       color: gray;
       cursor: grab;
       z-index: 5;
       }
td {
   text-align: center;
   border-left: 1px solid white;
   border-right: 1px solid white;
   font-family: Arial Black;
   width: 25%;
   font-variant: small-caps;
   font-weight: bold;
   }

td:hover {background: rgb(75,75,75); cursor: grab;}

.project {border-radius: 15px; animation: fading 2s} @keyframes fading{0%{opacity:0}50%{opacity:1}100%;}

.projecttitle {
	      background: white;
	      opacity: .65;
	      position: relative;
	      top: -47px;
	      left: 154px;
	      width: 500px;
	      height: 40px;
	      color: black;
	      text-align: center;
	      border-top-left-radius: 15px;
	      border-top-right-radius: 15px;
       	      border: 2px solid black;
	      padding-top: 5px;
	      }
b {
  color: black;
  font-size: 10pt;
  font-weight: bold;
  padding-left: 10px;
  padding-right: 10px;
  background: white;
  }