body
{
  background-image: url('images/bg2.png');
}

h2 {
  margin: 2em 1em 1em 1em;
}

.data
{
  text-align: center;
}

.folderContainer
{
  margin: 52px 0px 0px 0px;
  padding: 20px 0px 0px 0px;
}

.folder
{
  border: 1px solid #4f3f31;
  /*background-color: #a89a8e;*/
  background-color: #a89a8e;
  display: block;
  width: 177px;
  height: 210px;
  padding: 10px 3px 0px 3px;
  margin: 0px 5px 10px 5px; 
  float: left;
  text-decoration: none;
}

.folderImage
{
  border: 1px solid #4f3f31;
}

.folderName
{
}

.folderImageWrapper
{
  height: 164px;
}

#folderBack .folderImage
{
  border: 0px;
}

.centerOther
{
  max-width: 600px;
  border: 1px solid #4f3f31;
  background-color: #a89a8e;
  padding: 2em;
  margin: 0px auto 0px auto;
  text-align: left;
}

/*
p
{
  padding: 1em 0px 1em 0px;
  color: #4f3f31;
  font-size: 12pt;
  line-height: 18pt;
}


object, embed
{
  padding: 1em 1em 1em 0px;
}

#folderBack
{
  display: none;
}

.data
{
  position: absolute;
  top: 58px;
  width: 100%;
  left: 0px;
  text-align: center;
}

h1
{
  color: #4f3f31;
  margin: 20px 0px 20px 0px;
}

#programmingTable
{
  border-spacing: 10px;
  margin: 0px auto 0px auto;
  text-align: left;
}



#leftArrow
{
  vertical-align: top;
  padding: 3em 1em 0px 0px;
}

#rightArrow
{
  vertical-align: top;
  padding: 3em 0px 0px 1em;
}

#next
{
  display: none;
  border: 1px solid black;
}

#nextLink
{
  width: 52px;
  margin: 0px auto 60px 0px;
}

#nextLink a 
{
 display: block;
 width: 52px;
 height: 66px;
 background: url("images/right_arrow2.png") no-repeat scroll 0px 0px;
}

#nextLink a:hover 
{
 background-position: 0px -66px;
}


#prev
{
  display: none;
  border: 1px solid black;
}

#prevLink
{
  width: 52px;
  margin: 0px auto 60px 0px;
}

#prevLink a 
{
 display: block;
 width: 52px;
 height: 66px;
 background: url("images/left_arrow2.png") no-repeat scroll 0px 0px;
}

#prevLink a:hover 
{
 background-position: 0px -66px;
}

.progThumbnail
{
  float: left;
  margin: 0px 1em 0px 0px;
}
*/