/* General styling properties */
body
{
  font-family : verdana , serif;
  font-size: 70%;
  color : #000;
  background : #efefef;
  text-align: center;
}

div#container
{
  margin-left: auto;
  margin-right: auto;
  width : 750px;
  text-align: left;
  background: #a5aab5;
  padding: 25px;
}




/* Tabs styling properties */
.folders
{
  width: 100%;
}

.folders .tabs
{
  background: #a5aab5;
  padding: 0px;
  vertical-align: bottom;
}

.folders .tabs ul.nav ,
.folders .tabs ul.nav li
{
  list-style-type: none;
  margin: 0;
  padding:0;
}

.folders .tabs ul.nav
{
  margin: 0px;
}

.folders .tabs ul.nav li
{
  float: left;
  margin-right: 4px;
  text-align: center
}

.folders .tabs ul.nav a
{
  float: left;
  width: 10em;
  padding: 5px 0;
  text-decoration: none;
  background: #213042;
  color: #fff;
}

.folders .tabs ul.nav a:hover
{
  background: #fcd134;
  color: #000;
}

.folders .tabs ul.nav li.selected a,
.folders .tabs ul.nav li.selected a:hover
{
  font-weight: bold;
  background: #cecfde;
  color: #000;
}




/* Content styling properties */
.folders .content h1.center ,
.folders .content div.images
{
  text-align: center
}

.folders .content
{
  vertical-align: text-top;
  background: #cecfde;
  padding: 5px 10px;
  width: 100%;
  height: 400px;
}



/* Project list styling properties */
.folders .content table
{
  width: 100%;
}

.folders .content table td
{
  vertical-align: text-top;
}

#projectlist
{
  margin: 0;
  padding: 0;
  width: 150px;
}

#projectlist h3
{
  margin: 0px;
  padding: 5px 0 0;
  text-align: center;
  background: #a5aab5;
}

#projectlist ul
{
  margin: 0;
  background: white;
  list-style:none;
  text-align: center;
  padding-left: 0px;
  border: 2px solid #a5aab5;
}

#projectlist ul li
{
  padding: 5px 3px;
}

#projectlist ul li a
{
  color: black;
  text-decoration: none;
}

#projectlist ul li a.current
{
  text-decoration: underline;
  color: red;
}

#projectlist ul li a:hover
{
  color: blue;
}