* {
	margin : 0;
	padding : 0;
}

html, body {
	margin : 0;
	padding : 0;
}

body {
	font : normal 9pt/1.4em Verdana, Tahoma, Arial, Helvetica, sans-serif;
	color : #5b5b5b;
	text-align : justify;
	background : #fff url(../images/body_bg.png) no-repeat top left;
}

p {
	margin-top : 1.4em;
	text-align : justify;
	height : auto;
}

p.heading {
	text-align : right;
	font-weight : bold;
	text-transform : uppercase;
	color: #a1c704;
	clear : both;
}

p.margin-top-0 {
	margin-top : 0;
}

p.margin-top-05 {
	margin-top : .5em;
}

p.margin-top-2 {
	margin-top : 3em;
}

/* caution and note */
.caution, .error {
	color : #b3b3b3;
	font-size : .95em;
}

.error {
	color : #ff0000;
}

.small {
	font-size : .95em;
}

img {
	border : 0;
}

img.editors {
	float : left;
	display : block;
	width : 180px;
	height : 120px; 
	margin : 1.4em 1.6em 0 0;
	border : 1px solid #eaeaea;
}

img.online {
	float : left;
	display : block;
	width : 85px;
	height : 120px; 
	margin : 1.4em 1.6em 0 0;
	border : 1px solid #eaeaea;
}

div.vspace {	
	clear : both;
}

/* table */
table {
	font : normal 1em/1.4em Verdana, Tahoma, Arial, Helvetica, sans-serif;
	color : #5b5b5b;
	border-collapse : collapse;
	margin-top : 1.4em;
	text-align : left;
	width : 593px;
}

td, th {
	border : 1px solid #eaeaea;
	padding : 6px 10px;
}

caption {
	font-size : .95em;
	color : #b3b3b3;
	padding-top : 3px;
}

/* forms */
form {
	margin-top : 1.4em;
	width : 593px;	
}

legend {
	font-size : 1em;
	color : #5b5b5b;
	font-weight : bold;
	margin-left : -1.5em;
}

fieldset {
	padding : 0 2.5em 1.4em 2.5em;
	border : 1px solid #eaeaea;
	margin-bottom : 1.4em;
}

label, fieldset input, select, textarea {
	font : normal .95em Verdana, Tahoma, Arial, Helvetica, sans-serif;
	color : #5b5b5b;
	display : block;
	float : left;
	margin-top : 1.2em;
}

label {
	font-size : 1em;
	width : 12em;
}

select {
	width : 316px;
}

textarea {
	width : 312px;
	height : 100px;
}

span.checkbox {
	display: inline-block;
	margin: 1em 0 0 1em;
}

.hide {
	display : none;
}

form br {
	clear : both;
}

form input[type="submit"], form input[type="reset"] {
	font-size: 95%;
	font-weight: bold;
	margin-right: 1.5em;	
	height: 3em;
	width: 11em;
	border: 1px solid #eaeaea;
	color: #5b5b5b;
	background-color: #fff;
	cursor: pointer;
}

/* divs */
div#container {
	width : 100%;
	text-align : left;
	background : transparent url(../images/body1px.png) repeat-x 0 116px;
}

div#wrap {
	width : 936px;
}

div#branding {
	width : 620px;
	height : 375px;
	float : left;
	background : transparent url(../images/branding_bg.jpg) no-repeat 0 116px;
}

div#branding h1 {
	font-size : 12pt;
	text-indent : -9999px;
}

/* logo link to index */
a.branding {
	position : absolute;
	z-index : 1;
	width : 412px;
	height : 102px;
	left : 108px;
	top: 144px;
}

div#logoelement {
	position : absolute;
	z-index : 2;
	width : 76px;
	height : 18px;
	left : 448px;
	top: 98px;
	background : transparent url(../images/logoelement.png) no-repeat top left;
}

/* left menu */
ul#menul {
	list-style : none;
	position : relative;
	height : 28px;
	top : 36px;
	left : 30px;
	text-align : left;
	background : transparent url(../images/menul_bg.png) no-repeat top left;
}

ul#menul li {
	display : inline;
}

ul#menul a , ul#menul a:hover {
	float : left;;
	width : 81px;
	height : 28px;
	margin-left : 47px;
	margin-right : 28px;
	text-decoration : none;
}

ul#menul img {
	border : 0;
}

ul#menul a.m1 {
	background : url(../images/menul.png) no-repeat 0 0;
}

ul#menul a.m1:hover, ul#menul a.m1_, ul#menul a.m1_:hover {
	background : url(../images/menul.png) no-repeat -162px 0px;
}

ul#menul a.m2 {
	background : url(../images/menul.png) no-repeat -81px 0px;
}

ul#menul a.m2:hover, ul#menul a.m2_, ul#menul a.m2_:hover {
	background : url(../images/menul.png) no-repeat -243px 0px;
}

ul#menul span {
	display : none;
}

div#menu {
	width : 316px;
	height : 375px;
	float : left;
	background : transparent url(../images/menu_bg.jpg) no-repeat 0 40px;
}

/* menum - main menu */
ul#menum {
	list-style : none;
	position : relative;
	width : 139px;
	top : 42px;
	left : 89px;
	text-align : right;	
}

ul#menum li {
	display : inline;
}

ul#menum a , ul#menum a:hover {
	display : block;
	width : 139px;
	height : 21px;
	margin-top : 15px;
	text-decoration : none;
}

ul#menum img {
	border : 0;
}

ul#menum a.m1 {
	background : url(../images/menum.png) no-repeat 0 0;
	margin-top : 0;
}

ul#menum a.m1:hover, ul#menum a.m1_, ul#menum a.m1_:hover {
	background : url(../images/menum.png) no-repeat -1251px 0px;
	margin-top : 0;
}

ul#menum a.m2 {
	background : url(../images/menum.png) no-repeat -139px 0px;
}

ul#menum a.m2:hover, ul#menum a.m2_, ul#menum a.m2_:hover {
	background : url(../images/menum.png) no-repeat -1390px 0px;
}

ul#menum a.m3 {
	background : url(../images/menum.png) no-repeat -278px 0px;
}

ul#menum a.m3:hover, ul#menum a.m3_, ul#menum a.m3_:hover {
	background : url(../images/menum.png) no-repeat -1529px 0px;
}

ul#menum a.m4 {
	background : url(../images/menum.png) no-repeat -417px 0px;
}

ul#menum a.m4:hover, ul#menum a.m4_, ul#menum a.m4_:hover {
	background : url(../images/menum.png) no-repeat -1668px 0px;
}

ul#menum a.m5 {
	background : url(../images/menum.png) no-repeat -556px 0px;
}

ul#menum a.m5:hover, ul#menum a.m5_, ul#menum a.m5_:hover {
	background : url(../images/menum.png) no-repeat -1807px 0px;
}

ul#menum a.m6 {
	background : url(../images/menum.png) no-repeat -695px 0px;
}

ul#menum a.m6:hover, ul#menum a.m6_, ul#menum a.m6_:hover {
	background : url(../images/menum.png) no-repeat -1946px 0px;
}

ul#menum a.m7 {
	background : url(../images/menum.png) no-repeat -834px 0px;
}

ul#menum a.m7:hover, ul#menum a.m7_, ul#menum a.m7_:hover {
	background : url(../images/menum.png) no-repeat -2085px 0px;
}

ul#menum a.m8 {
	background : url(../images/menum.png) no-repeat -973px 0px;
}

ul#menum a.m8:hover, ul#menum a.m8_, ul#menum a.m8_:hover {
	background : url(../images/menum.png) no-repeat -2224px 0px;
}

ul#menum a.m9 {
	background : url(../images/menum.png) no-repeat -1112px 0px;
}

ul#menum a.m9:hover, ul#menum a.m9_, ul#menum a.m9_:hover {
	background : url(../images/menum.png) no-repeat -2363px 0px;
}


ul#menum span {
	display : none;
}

div#content {
	clear : both;
	margin-left : 330px;
	padding-left : 55px;
	width : 593px;
}

div#content h1 {
	text-align : left;
	width : 291px;
	margin : 0 0 35px -55px;
	text-indent : -9999px;
	height : 19px;
	font-size : 1em;
	background : url(../images/content_h1.png);
	background-repeat : no-repeat;
}

div#content ul {
	margin-top : .5em;
	width : 593px;
}

div#content ul li {
	margin : .2em 0 0 3em;
}

div#content ul li.margin-top-05 {
	margin-top : .5em;
}

div#content ul.files {
	list-style-type : none;
	line-height : 22px;
	margin-top : 1.4em;
}

div#content ul.files li {
	height : 32px;
	background-position : left top;
	background-repeat : no-repeat;
	padding-left : 39px;
}

div#content ul.files li.last {
	height : 22px;
}

div#content ul.files li.paper {
	height : 22px;
	background-position : left top;
	background-repeat : no-repeat;
	padding-left : 39px;
	margin-left : 0;
}

div#content ul.files a {
	color : #5b5b5b;
}

div#content ul.files a:hover {
	color : #a1c704;
}

div#content ul.columns {
	width : 593px;
}

div#content li.column {
    float : left;
	width : 220px;
}

div#content a {
	color : #a1c704;
	text-decoration : none;
}

div#content a.email {
	font-family : "Courier New";
	color : #5b5b5b;
	text-decoration : none;
}

div#content a.email_caution {
	font-family : "Courier New";
	color : #b3b3b3;
	text-decoration : none;
}

div#content a:hover {
	color : #5b5b5b;
	text-decoration : none;
}

div#navi {
	margin-top : 1.4em;
	background : #fff url(../images/ico_nav.png) no-repeat top left;
	padding-left : 16px;
	height : 22px;
}

div#navi a {
	font-size : .95em;
	line-height : 22px;
}

div#footer {
	clear : both;
	margin : 2em 0 2em 330px;
	width : 648px;
	height : 36px;
	background : transparent url(../images/footer_bg.png) no-repeat top right;
}

div#footer p {
	font-size : .95em;
	line-height : 1.2em;
	text-align : right;
	margin : 0;
	padding : 5px 10px 0 0;
	color : #8b8b8b;
}

div#footer a {
	color : #8b8b8b;
	text-decoration : none;
}

div#footer a:hover {
	color : #8b8b8b;
	text-decoration : none;
}

/* popup */	

.overlay-off {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
  z-index: 3;
}

.overlay-on {
  visibility: visible;
  opacity: 1;
}

.popup-wrap {
  margin: 70px auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  width: 30%;
  position: relative;
  transition: all 3s ease-in-out;
}

.popup-wrap p.popup-title {
  margin-top: 0;
  margin-bottom: 10px;
  color: #a1c704;
  font : bold 11pt/1.4em Verdana, Tahoma, Arial, Helvetica, sans-serif;
}

.popup-wrap .popup-close {
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #5b5b5b;
}

.popup-wrap .popup-close:hover {
  color: #a1c704;
}

.popup-wrap p.popup-text {
  max-height: 30%;
  overflow: auto;
  color: #5b5b5b;
  font : normal 10pt/1.6em Verdana, Tahoma, Arial, Helvetica, sans-serif;
  text-align: justify;
}