/* Generic Styles */

a:link {color: #0000FF;}
a:visited {color: #9933CC;}
a:hover {color: #FF0000;}
a:active {color: #FF3300;}

body {
  font-family: "arial", "microsoft sans serif", "trebuchet ms";
  font-size: 12pt;
  margin: 0px;
  padding: 0px;
}

.heading {
  font-size: 14pt;
  font-weight: bold;
}

img {
  border-style: none;
}

.img-table {
  border-collapse: collapse;
  border-style: none;
  margin: 0px;
  padding: 0px;
  width: 100%;
}

.img-cell {
  border-collapse: collapse;
  border-style: none;
  margin: 0px;
  padding: 0px;
}

.img-header {
  border-collapse: collapse;
  border-style: none;
  margin: 0px;
  padding: 0px 0px 0px 4px;
  text-align: center;
  vertical-align: middle;
  width: 100%;
}

.img-content {
  border-collapse: collapse;
  border-style: none;
  margin: 0px;
  padding: 0px 0px 0px 8px;
  text-align: left;
  vertical-align: middle;
  width: 100%;
}

/* Page Structure */

.main {
  margin: 0px auto 0px auto;
  min-width: 600px;
  padding: 0px;
  width: 80%;
}

.header {
  background-image: url('images/header.jpg');
  background-position: top left;
  background-repeat: repeat-x;
  font-size: 24pt;
  font-weight: bold;
  margin: 0px 12px 0px 12px;
  padding: 0px;
}

.menu {
  border-color: #808080;
  border-style: solid solid none solid;
  border-width: 1px;
  float: left;
  margin: 4px 4px 4px 16px;
  padding: 0px;
  width: 146px;
}

.content {
  margin: 0px 12px 0px 166px;
  padding: 8px;
}

.filler {
  clear: both;
  margin: 0px;
  padding: 0px;
}

.footer {
  font-size: 8pt;
  margin: 0px auto 0px auto;
  padding: 0px;
  text-align: center;
}

/* Menu */

.menu ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

.menu li a {
  background-image: url('images/menubutton.jpg');
  background-position: 100% 0px;
  background-repeat: no-repeat;
  display: block;
  font-size: 11pt;
  font-weight: bold;
  height: 24px;
  line-height: 24px;
  padding: 4px 4px 4px 8px;
  text-decoration: none;	
}	

.menu li a:link,
.menu li a:visited {
  color: #000000;
}

.menu li a:hover {
  background-position: 100% -32px;
  color: #000000;
}

.menu li a.active {
  background-position: 100% -64px;
  color: #666666;
}

/* Menu Folder */

.menuf ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

.menuf li a {
  background-image: url('images/folder.png');
  background-position: 0% 0px;
  background-repeat: no-repeat;
  font-size: 11pt;
  font-weight: normal;
  height: 48px;
  line-height: 24px;
  padding: 4px 4px 4px 30px;
  text-decoration: none;	
}	

.menuf li a:link,
.menuf li a:visited {
  color: #0000FF;
}

.menuf li a:hover {
  background-image: url('images/folder.png);
  color: #000000;
}

.menuf li a.active {
  background-image: url('images/folder.png);
  color: #666666;
}

/* Page Border */

.bottom {
  background-image: url('images/bottom.jpg');
  background-position: bottom left;
  background-repeat: repeat-x;
  height: 14px;
}

.left {
  background-image: url('images/left.jpg');
  background-position: top left;
  background-repeat: repeat-y;
}

.right {
  background-image: url('images/right.jpg');
  background-position: top right;
  background-repeat: repeat-y;
}

.bottomleft {
  background-image: url('images/bottomleft.jpg');
  background-position: bottom left;
  background-repeat: no-repeat;
  height: 14px;
}

.bottomright {
  background-image: url('images/bottomright.jpg');
  background-position: bottom right;
  background-repeat: no-repeat;
  height: 14px;
}