body{
  background: #EEEEEE;
  color: #DDDDDD;
}

#main{
  background: #444444;
  color: #DDDDDD;
}

#logo{
  background: #FFFFFF url(paper-converting-logo.jpg) no-repeat;
  color: #AAAAAA;
  border-color: #338800;
}

h1, #column2 h1{
  background: transparent;
  color: #338800;
}

ul li{
  list-style: none;
}

#menu{
  background: transparent;
}

#menu li a{
  background: #AAAAAA;
  color: #666666;
}

#menu li a#selected, #menu li a#selected:hover{
  background: #444444;
  color: #338800;
} 

#menu li a:hover{
  background: #888888;
  color: #DDDDDD;
} 

#content, #column2, #column2 a{
  background: #444444;
  color: #DDDDDD;
  border-color: #DDDDDD;
}

html{height: 100%;}

body, table{
  font-family: verdana, arial, sans-serif;
  padding: 0px;
  margin: 0px;
  font-size: 11px;
  text-align: center;
}

p{
  margin: 0px;
  padding: 0px 0px 0px 0px;
}

h1{
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  letter-spacing: 1px;
}

h2{
  margin: 0px;
  padding: 0px 0px 4px 0px;
  font-size: 100%;
}

a{outline: none;}


#main, #footer, #logo, #menu, #content{
  margin-left: auto; 
  margin-right: auto;
}

#main{width: 780px;}

#footer{
  width: 780px;
  height: 36px;
}

#logo{
  width: 780px;
  height: 125px;
  border-bottom: 4px solid;
}

#menu{
  height: 30px;
  width: 780px;
  margin-top: -30px;
  position: relative;
}

#menu ul{margin: 0px auto;} 

#menu li{
  float: left; 
  margin: 0px 0px 0px 4px; 
  padding: 0px;
  list-style: none;
} 

#menu li a{
  display: block; 
  float: left; 
  height: 16px;
  text-decoration: none; 
  padding: 6px 19px 8px 19px;
  text-transform: uppercase;
  font-size: 88%;
} 

#menu li a:hover, #menu li a#selected, #menu li a#selected:hover{
  height: 16px;
  padding: 6px 19px 8px 19px;
} 

#content{
  width: 780px;
  overflow: hidden;
} 

#sidebar{
  width: 206px;
  height: 600px;
  float: right;
  background: #666666 url(paper-sheeting-sidebar.jpg) no-repeat;
}

#column2{
  text-align: justify;
  width: 508px;
  float: left;
  padding: 2px 3px 15px 19px;
  font-size: 11px;
}

#column2 a{
  font-family: verdana, arial, sans-serif;
  color: #FFFFFF;
  text-decoration: underline;
}

#column2 a:hover{
  font-family: verdana, arial, sans-serif;
  color: #338800;
  text-decoration: underline;
}

#column2 h1{
  font-family: verdana, arial, sans-serif;
  padding: 16px 0px 5px 0px; 
  margin: 0px 0px 12px 0px; 
  border-bottom: 1px solid;
  font-size: 150%;
  letter-spacing: 12px;
}


/* popup */
#directions { font-family: verdana, arial, sans-serif;
  font-size: 12px;
  color: #000000;
  text-align: justify;
  z-index: 0;
  position: absolute;
  visibility: hidden;
  width: 200px;
  height: 400px;
  left: 0px;
  top: 0px;
  background-color: #AAFFAA;
  filter:alpha(opacity=85);
  opacity: 0.85;
  -moz-opacity:0.85;
  border: 2px solid #000000;
  padding: 10px;
}