html {
#	overflow-y: scroll;
	box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

body {
	background-color: #305E06;
	width:100%;
	font-family: sans-serif;
	font-size: 5mm;
	font-weight:normal;
	margin-left: auto;
	margin-right: auto;
	}

.tntimage {
	width:40%;
	float:left;
	text-align:center;
	vertical-align:top;
	padding:0;
#	line-height:.9em
}

@media (max-width: 400px) {	.tntimage { display:table-cell; width:100%; } }

#frontgal, #gallery { background-color:#2D5900; text-align: center; padding-top:6px; width:100%; }
#frontgal img, #gallery img { width:23%; padding: 0; border: 4px double #ddcc00; margin: 1px 3px; }
@media (max-width: 400px) { #frontgal img, #gallery  img { width:30%; } }



.tntcont {
	width:50%;
	float:left;
	padding: 0 3mm;
#	line-height:.9em
	font-size: 1.8em;
}

@media (max-width: 400px) { .tntcont { display:block; width:100%; padding-top:2mm } }

#stick {
	position: fixed;
	width: 100%;
	height:12mm; 
	top: 0;
	right: 0;
	text-align: right;
	background-color: #08725b;
	background-image: url("../images/aa-header.png");
	background-repeat: no-repeat;
	background-size: 80%;
}

#stick img {
	
	height: 12mm;
	width: 18mm;
#	margin: 0 0 0 0;
}

.aslogo  { width: 10mm; }
@media (max-width: 400px) {	.aslogo  { width: 8mm; }}

.ascover { width: 50mm; }
@media (max-width: 400px) {	.ascover { width: 24mm; margin: 0 4px}}

.navbox {
	display: block;
#	align: center;
	text-align: center;
	width:100%;
	background-color: #e3d2b7;
	padding-bottom:.5mm;
	margin: -.3mm auto 0 auto;
}

a:link { color: #555; text-decoration: none; }
a:visited { color: #555;  }
a:hover { color: #F9AE00; text-decoration: underline; }

.company {
	margin-top: 0;
	margin-bottom: 16px;
	color: #333300;
	font-weight: 600;
	font-size:15px;
	}

.main {
	display:block;
		float:left;
	width:100%;
	background-color: white;
	border: 1px solid #49835C;
	padding:4px;
	vertical-align:top;
    text-align: left;
#    font-size: 5mm;
}

#copyright {
	text-align:center;
	padding:4px;
	background-color:rgba(30,60,0,0.7);
#	background-color:#336600;
	font-weight: 600;
	font-size: 5mm;
	color:#eee;
	}
@media (max-width: 400px) {	#copyright { font-size: 3mm; }}
	
#emailSuccess {
	font-size: 1.3em;
	color: green;
	}
	
#emailError {
	font-size: 1.3em;
	color: red;
	}
	
#footer {
	display:inline-block;
width:100%;
	text-align:center;
	margin: 5mm auto;
#	background-color: black;
}

h1, h2 {
	background-color: #2F5E00;
	text-align: left;
	font-weight: bold;
	font-size: 4mm;
	padding: 2px 8px;
	margin: 0 0 8px 0;
	color: white;
}

#header {
	width:100%;
#	background-image: url('../images/mwheader-360.png');
}

form {
	font-size: 1em;
	}

input {
	font-size: 1.1em;
}

.isb img{
	width:80px;
	height:80px;
}

p {
	font-size: 1.2em;
	padding:0 1mm 0 1mm;
}

textarea {
	font-size: 1.1em;
}

select {

	font-size: 1.1em;
}

ul {
	padding-left:32px;
	list-style-position: outside;
	list-style-type: square;
}

li {
	font-size: .9em;
	font-weight:medium;
#		line-height: 1em;
}

ol {
	list-style-type: decimal;
	list-style-position: outside;
}

.small {
	font-size: .7em;
}

.smallofsup {
	margin-top: 0; margin-bottom: 0;
	text-align: left;
	line-height: 1.1em;
	font-size: .9em;
}

.big {
	font-size: 1.2em;
	font-weight:bold;
	}
	
.med {
	font-size: 15px;
	}
	
.exhdate {
	font-size: 25px;
	font-weight:bold;
	}
	
.article {
	background-color:black;
	font-weight:bold;
	font-size: 19px;
	padding-left: 10px;
	color:#ffcc01;
	}

.articlerep {
	background-color:#ffcc00;
	font-weight:bold;
	font-size: 1em;
	line-height: 1.2em;
	padding-left: 10px;
	color:black;
	}

.tabmen a:hover {
	color: #afd6ef;
}

a {
	text-decoration: none; 
	color:#333333;
	}

.bodystyle {
	font-size: 12px;
}

.box1 {
	padding: 3px;
	border-width: thin;
	border-style: solid;
	border-color: #CCCCCC #666666 #666666 #CCCCCC;
}

.box2 {
	border-width: 3px;
	border-style: solid;
	padding: 5px;
}

#left {
	width:100%;
	border:1px solid  #888; 
	vertical-align:top;
    text-align: center;
    background-color: white;
}

.lang-switch, .navtd {
	display: inline-block;
	background-color: #ecf5b4;
		line-height:.9em;
	width: 50mm;

	color: #0D4F00;
	text-align: center;
		line-height:.9em;
	margin: .4mm .2mm;
	font:  bold .9em/3em 'Arial', sans-serif;
	align:center;
}

.lang-switch { background-color:#555; color: #ecf5b4; }
.navtd a { color: black; }
.lang-switch a { # background-color:#555; }

.lang-switch a { color: #FFD528; }
.lang-switch a:link { display:block; text-decoration: underline; }
.lang-switch a:hover { display:block; color: yellow; text-decoration: underline; }
.lang-switch a:visited { display:block; color: #FFD528; text-decoration: none; }

.osup {
	width:100%;
#	height:3em;
	border: 1px solid black;

}

.isup img{
	height:36px;
	width:auto;
}

wide {
	width:100%;
	padding: 10px;
	vertical-align:top;
    text-align: left;
    background-color: white;
}

div.office {
	display: inline-block;
	width: 100%;
	margin: 2mm 1mm 4mm 1mm;
}

div.flag {
	display: inline-block;
	width: 100%;
#	margin: 2mm 1mm 4mm 1mm;
}

div.flag img{
	float: left;
	margin-right:3mm;
	height:10mm;
}

.tel {
	display: inline-block;
	float:left;
	height:9mm;
	font:  3.6mm/3.2mm 'Arial', sans-serif;
	padding: 2mm 0;
	margin: 2mm 4mm 2mm 0;
	text-align: left;
	vertical-align: middle;
}

.tel img {
#	float:left;
	margin-right: 1.5mm;
#	margin-bottom: 4mm;
	width:8mm;
	vertical-align: middle;
}