body {
margin : 0;
padding : 0;
font : 80% "Trebuchet MS", verdana, arial, sans-serif;
background : #FFFFFF;
color : #333;
}
#container {
/* width : 740px; */
margin-left : auto;
margin-right : auto;
padding : 0;
border : 5px solid #FFFFFF;
background : #e9eee4;
color : #333;
}

#banner {
height: 70px;
line-height: 35px;
width : 740px;
margin-left : auto;
margin-right : auto;
padding : 0 0 30px 0;
border : 0px solid #FFFFFF;
background : #417c2c;
color : #ffff00;
vertical-align: middle;
}

#top_bar {
  background : #417c2c;
  min-height: 20px;
}

#postercontainer {
float: auto;
width : 740px;
margin-left : auto;
margin-right : auto;
padding : 0;
font-size : 110%;
border-top : 1px solid #fff;
border-bottom : 1px solid #fff;
background : #FFFFFF;
color : #333;
}

.screen_width {
  width: 50%;
}

@media (max-width: 700px){
  .screen_width {
      width: 100%;
  }
}   


			/*TOP NAVIGATION*/
#navcontainer ul {
float: left;
width : 70%;
padding-left : 30%;
margin : 0 0 20px 0;
font-size : 110%;
border-top : 1px solid #fff;
border-bottom : 1px solid #fff;
background : #417c2c;
color : #333;
}
#navcontainer ul li {
display : inline;
}
#navcontainer ul li a {
float : left;
padding : 0.2em 1em;
text-decoration : none;
border-right : 1px solid #fff;
background : #336633;
color : #fff;
}
#navcontainer ul li a:hover, #navcontainer ul li a#current {
background : #91ae00;
color : #000;
cursor: pointer;
}


			/*MAIN CONTENT*/
#content {
margin : 0 0 5px 170px;
padding : 5px;
border-left : 1px dashed #999;
background : inherit;
color : #333;
}
#content a:link, #content a:visited {
text-decoration : underline;
background : inherit;
color : #417C2C;
}
#content a:hover {
background : inherit;
color : #91AE00;
}
 
#content img:hover { cursor: pointer;}



			/*SIDEBAR*/
#sidebar {
float : left;
width : 160px;
margin : 10px 10px 0 0;
padding : 5px;
background : #e9eee4;
color : #333;
}

.sidemenu a:hover { cursor: pointer; }

			/*SIDE MENU*/
.sidemenu ul {
list-style-type : none;
text-align : left;
}
.sidemenu ul li {
color : #666;
background : inherit;
}
.sidemenu ul li a {
background : transparent url(img/list-off.gif) no-repeat left center;
padding-left : 15px;
font : normal 12px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
text-decoration : none;
color : #000;
}
.sidemenu ul li a:hover {
background : transparent url(img/list-on.gif) no-repeat left center;
color : #666;
}
.sidemenu ul li a#current {
background : transparent url(img/list-active.gif) no-repeat left center;
color : #666;
}
			/*FOOTER*/
#footer {
/*clear : both; */
padding : 5px;
margin : 0;
font-size : small;
text-align: center;
color:white;
border-top : 1px solid #fff;
background : #417c2c;
}

			/*TYPOGRAPHY*/
p {
line-height: 1.7em;
margin : 15px;
}
h1 {
margin-top : 10px;
padding : 0;
font-size : 140%;
text-transform : uppercase;
letter-spacing: 3px;
color : #336633;
background : inherit;
}
h2 {
margin : 10px 0 0 5px;
text-align : center;
/padding-left : 10px;
font-size : 120%;
text-transform : uppercase;
letter-spacing : 5px;
color : #fff;
background : #417c2c;
}
			/*CLASSES*/
.img {
float : left;
padding : 10px;
border : none;
}
.img a {
border : none;
}

.top_bar {
  background-color:#417c2c; 
  min-height:20px;
}

.main_content {
  padding-left: 30px;
  padding-right: 30px;
  font-size: medium;
  text-align: left;
  font-weight: bold;
}

.textbox {
float : center;
padding : 10px 0px 0px 70px;
border : none;
width: 78%;
font-size: medium;
text-align: left;
color: black;
}

.textbox h1 {
text-align: center;
font-size:24px;
color: blue;
}

.hide { display: none;}

.button {
  background-color: #4CAF50;
  border: none;
  color: white;
  padding: 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
}

.button1 {border-radius: 2px;}
.button2 {border-radius: 4px;}
.button3 {border-radius: 8px;}
.button4 {border-radius: 12px;}
.button5 {border-radius: 50%;}



			/*TABLE*/

#table {
  border-collapse: collapse;
  border-style:hidden;
}

table {
  border-collapse: collapse;
  border: 1px solid black;
}
td, th {
  border: 1px solid transparent;
  text-indent: 20px;
}

table.type1 {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

table.type1 td {
  width: 30%;
  border: 1px solid black;
  text-indent: 0px;
}