/* All Pages */
body {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: "Trebuchet MS", Arial, sans-serif;
	background-color: #E0DCC5;
	font-size: 14pt;
}
#container {
	width: 900px;
	margin: 0 auto;
	padding: 0;
	font-size: 10px;
	border: 2px #4A7B67 solid;
	background-color: #F1EFE4;
}
#masthead {
	width: 900px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
	background-color: #E0DCC5;
	background-image: url('images/masthead.gif');
	background-repeat: no-repeat;
	height: 60px;
}
#content {
	width: 870px;
	margin: 0;
	padding: 15px;
	border: 0;
	background-color: #fff;
}
#footer {
	width: 100%;
	overflow: hidden;
	clear: both;
	margin: 0;
	padding-top: 5px;
	border: 0;
	height: 40px;
	text-align: center;
	color: #FFFFFF;
}
html>body #footer {
	text-align: center;
	padding-bottom: 0;
	background-color: #4A7B67;
}
#footer p {
	color: #fff;
}
#footer a {
	color: #fff;
}
#footer a:hover {
	color: #89b8ac;
}
.table{
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 10pt;
}
.tableHR{
	border-bottom: 2px #484027 solid;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 11pt;
	font-weight: bold;
}

/* All Pages Site typography */
ul {
	font-size: 10pt;
	color: #000;
}
ol {
	font-size: 10pt;
	color: #000;
}
p {
	font-size: 10pt;
}
blockquote {
	font-size: 10pt;
	color: #000;
}
a {
	color: #484027;
	text-decoration: underline;
}
a:hover {
	color: #4A7B6F;
	text-decoration: underline;
}
a:active {
	color: #4A7B6F;
	text-decoration: underline;
}
#menu {
	width: auto;
	padding-left:10px;
	line-height: 27px;
	color: #4A7B6F;
}
#menu a {
	color: #4A7B6F;
	text-decoration: none;
}
#menu a:hover {
	color: #484027;
	text-decoration: underline;
}
#menu a:active {
	color: #484027;
	text-decoration: underline;
}
.style_bold {
	font-weight: bold;
}
.style_italic {
	font-style: italic;
}
.small {
	font-size: 7pt;
}
.style_credit {
	font-style: italic;
	font-size: 10pt;
	text-align: right;
}
h1 {
	font-size: 16pt;
	color: #484027;
}
h2 {
	font-size: 13pt;
	color: #4a7b6f;
}
h3 {
	font-size: 12pt;
	color: #333333;
	line-height: 10px;
}
h4 {
	font-size: 11pt;
	color: #7c704b;
}
.style20 {
	font-size: 10pt;
	color: #484027;
}
.style21 {
	font-size: 9pt;
	color: #4a7b6f;
}

/* Layout Inside Pages */
#column_l {
	position: relative;
	float: left;
	margin: 0;
	width: 255px;
	padding: 0px 10px 15px 10px;
}
html>body #column_l {
	width: 255px;
	padding: 0px 10px 15px 10px;
}
#column_r {
	position: relative;
	float: left;
	margin: 0;
	width: 600px;
	padding: 15px 10px;
	background-color: #fff;
}
html>body #column_r {
	width: 600px;
	padding: 15px 10px 15px 15px;
	background-color: #fff;
}
#column_r img {
	border: 1px #333333 solid;
	margin: 8px;
}
/* Layout Home Page */
#container-home {
	width: 900px;
	margin: 0 auto;
	padding: 0;
	font-size: 10px;
	border: 2px #4A7B67 solid;
	background-color: #ffffff;
}
#banner {
    height: 150px;
}
#banner-caption {
	height: 14px;
	font-size: 8pt;
	text-align: right;
	font-weight: bold;
	margin-left: 0;
	color: #4A7B6F;
	margin-right: 0;
	background-color: #FFFFFF;
}
#spacer {
	height: 900px;
	width:1px;
	background-color:#fff;
	float: right;
}
#column_1 {
	position: relative;
	float: left;
	margin: 0;
	width: 230px;
	padding: 10px;
}
html>body #column_1 {
	width: 230px;
	padding: 20px 10px 10px 10px;
}
#column_2 {
	position: relative;
	float: left;
	margin: 0;
	width: 230px;
	padding: 10px;
	background-color: #FFFFFF;
}
html>body #column_2 {
	width: 230px;
	padding: 20px 10px 10px 30px;
}
#column_3 {
	position: relative;
	float: left;
	margin: 0;
	width: 230px;
	padding: 10px;
	background-color: #FFFFFF;
}
html>body #column_3 {
	width: 230px;
	padding: 20px 10px 10px 10px;
}
#column_4 {
	position: relative;
	float: left;
	margin: 0;
	width: 120px;
	padding: 10px;
	background-color: #FFFFFF;
}
html>body #column_4 {
	width: 120px;
	padding: 20px 0px 10px 10px;
}		
.Transparent{
		background-color:transparent;
		border:0px;
		font-weight:bold;
		color: #0000CC;
	}
#menu-special {
	line-height: 27px;
	color: #4A7B67;
}
#menu-special {
	line-height: 27px;
	color: #4A7B67;
}
#credits {
	font-size: .6em;
	text-align: center;
	line-height: 20px;
}
#white {
	background-color:#ffffff;
}
.img-pdf {
	padding:0 5 0 5;
}
.img-jona {
	margin-top: 8px;
}
.style99 {display: none}

#menutree li {
   list-style: none;          /* all list item li dots invisible */
         }

   li .menu_label + input[type=checkbox] {
      opacity: 0;             /* checkboxes invisible and use no space */
     }                        /* display: none; is better but fails in ie8 */

    li .menu_label {
      cursor: pointer;        /* cursor changes when you mouse over this class */
    }                         /* could add the many user-select: none; commands here */

      li .menu_label + input[type=checkbox] + ol > li
         {
            display: none;         /* prevents sublists below unchecked labels from displaying */
         }

      li .menu_label + input[type=checkbox]:checked + ol > li
         {
           display: block;         /* display submenu on click */
         }