/******** Miscel *******/
html, body {
  margin: 0;
  padding: 0;
  border: none;
}

body {
  color: black;
  font-family: verdana, tahoma, helvetica, arial, sans-serif;
  font-size: 95%;
}

h1 {
  font-weight: bold;
  font-size: 100%;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.textHeader {
  font-weight: bold;
  font-size: 120%;
  border-bottom: 2px solid;
  padding-bottom: 1px;
  font-family: "trebuchet ms", tahoma, sans-serif;
}

a:hover {
  color: red;
}

td.error {
  background-color: ffffd5;
  color: red;
  border: 1px solid red;
  padding: 2px 2px 2px 2px;
}

td.success {
	background-color: #dcf4dc;
  border: 1px solid #337733;
  padding: 2px 2px 2px 2px;
  color: #337733;
}

.topOfPage {
  font-size: 90%;
  font-weight: bold;
  font-variant: small-caps;
  text-decoration: none;
  float: right;
}

/******** Header *******/

table.header {
  width: 100%;
  border-bottom: 2px solid black;
  padding: 0px 0px 0px 20px;
  color: white;
	background-color: #337733;
}

td.header-title a {
  font-size: 180%;
  text-decoration: none;
  color: white;
}

td.header-title a:hover {
  color: white;
}

/******** Menu *******/

.menu-header {
  padding: 3px 0 3px 3px;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 80%;
  font-weight: bold;
	border-bottom: 1px solid white;
	color: black;
}

.mbox-off {
  background-color: #337733;
	width: 7%;
	vertical-align: top;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
}

.mbox-on {
  background-color: red;
	width: 7%;
	vertical-align: top;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
}

.mlink a:link, .mlink a:visited, .mlink a:hover, .mlink a:active,
.mlink-cur a:link, .mlink-cur a:visited, .mlink-cur a:hover, .mlink-cur a:active {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
	text-decoration: none;
	display: block;
  width: 100%;
  padding: 3px 0px 3px 3px;
  border-bottom: 1px solid white;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 80%;
}

.mlink a:link, .mlink a:visited {
	color: black;
	background-color: #72a372;
}

.mlink a:hover, .mlink a:active {
  color: white;
  background-color: #337733;
}

.mlink-cur a:link, .mlink-cur a:visited {
	color: white;
  background-color: #337733;
}

.mlink-cur a:hover, .mlink-cur a:active {
	color: white;
	background-color: #337733;
}

/******** Columns *********/

td.menu-area {
	vertical-align: top;
	background-color: #72a372;
}

table.table-menu-area {
	width: 17%;
	background-color: #72a372;
}

table.table-content-area {
	width: 83%;
}

td.content-area {
	vertical-align: top;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
	width: 79%;
}

td.content-area td.resources-title {
  border-bottom: 1px solid black;
  background-color: white;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 3px;
}

td.content-area table.resources-table {
  border: 1px solid black;
  margin-bottom: 20px;
}

td.content-area td.resources {
  padding-left: 3px;
}

td.content-area td.resources-url {
  border-top: 1px solid black;
  background-color: white;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 3px;
}

td.left-area {
	vertical-align: top;
	text-align: left;
	width: 23%;
}

td.breadcrumb {
  font-size: 80%;
}

td.left-menu {
  font-size: 70%;
  padding-bottom: 10px;
}

/******* Footer ******/

table.footer {
  width: 100%;
  border-top: 2px solid black;
  border-bottom: 2px solid black;
  text-align: center;
  font-weight: bold;
  font-size: 100%;
  color: white;
	background-color: #337733;
}

table.footer a.flink-active {
  color: black;
  text-decoration: none;
}

table.footer a.flink-passive {
  color: white;
  text-decoration: underline;
}

table.footer a.flink-active:hover, table.footer a.flink-passive:hover {
  color: red;
  text-decoration: none;
}