BODY { FONT-SIZE: 12px; COLOR: #47536c; FONT-FAMILY: verdana, helvetica, arial; margin: 0; padding: 0;}

div.logo { FONT-SIZE: 22px; COLOR: #128da5; FONT-FAMILY: verdana, helvetica, arial; text-align: right; font-weight: bold; 
}
.kolibri {font-size:11px;text-align:center;}
h1 {
     FONT-SIZE: 16px;
     COLOR: #8085a8;
     FONT-FAMILY: verdana, helvetica, arial;
     font-weight: lighter;
     margin: 30px 0 10px 0;
}
h2 {
	FONT-SIZE: 14px;
	COLOR: #79675A;
	FONT-FAMILY: verdana, helvetica, arial;
	text-align: center;
	font-weight: lighter;
	margin: 0
}

.common {
	width:900px;
	margin:0 auto;
}

A {	TEXT-DECORATION: underline;
	COLOR: #333;
	border : Black;
	border-color: Black;}
A:hover { TEXT-DECORATION: underlined; COLOR: #999; }
A.gray { TEXT-DECORATION: none; COLOR: #aaa; FONT-SIZE: 10px; }
 A:hover.gray { TEXT-DECORATION: none; COLOR: #aaa; FONT-SIZE: 10px; }
a:visited.gray{ text-decoration:none; color:#aaa; FONT-SIZE: 10px; }


.top {width:100%;margin:0 auto;margin-bottom:2px;}


.left { width: 190px; float:left; background:#D3E7FF url(/img/line.gif); vertical-align: top;line-height: 1.5;}

.cent { width:540px; float:left; FONT-SIZE: 14px; COLOR: #352316; FONT-FAMILY: verdana, helvetica, arial; text-align : justify;padding: 0 10px 0 15px;line-height: 1.5;}

.right { width:140px; float:right;}

p.n { FONT-SIZE: 11px; COLOR: #000; FONT-FAMILY: verdana, helvetica, arial; margin: 5px; 
}


TD { FONT-SIZE: 14px; COLOR: #47536c; FONT-FAMILY: verdana, helvetica, arial }

header {
	background-color: #fff;
}
#menu {margin: 0 0 0 10px;
	display: table;
	width: 100%;
	border-collapse: collapse;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#menu ul {
	display: table-row;
	background-color: #FFFFFF;
	list-style: none;
FONT-SIZE: 11px; LIST-STYLE-type: square; FONT-FAMILY: verdana, helvetica, arial; COLOR: #C00;
}

#menu ul li {
	border: none;
line-height: 150%;

}
#menu ul li a {
	font-size: 12px;
color:#369;
text-decoration: none;
display: block;
}

#menu ul li a:hover {
	color: #ccc;
}
#nav_button {
	display: none;
	width: 15px;
	height: 15px;
	font-size: 2.5em;
	text-align: center;
	cursor: pointer; margin:0 auto; padding: 0;
}


@media screen and (max-width: 1100px) {

header {
position: absolute;top:-13px;right:20px;width:100%;text-align:right;
}

h1 {
     COLOR: #4d527b;}

h2 {
	COLOR: #4d527b;
position:relative;
top:27px;
margin-bottom:30px;}

.top {display: none;}

	#menu {
		display: inline-block;
		position: relative;
		width: auto;text-align:left;

	}
	#menu ul {
		display: none;
		position: absolute;
		top: 0;left:-30px;
		width: 100%;
		z-index: 20;
	}
	#menu ul li {
		display: list-item;

		border-bottom: 1px solid #cccccc;
	}
	#nav_button {
		display: inline-block;


	}
	#menu:hover, #menu.open_nav {
		width: 100%;
		-webkit-user-select: none;
		-moz-user-select: none;
		-webkit-touch-callout: none;
	}
#menu ul {

	background-color: #FFFFFF;
	list-style: none;

}

	#menu:hover ul, #menu.open_nav ul {
		display: block;
    margin: 0;
	}
#menu ul li a {
padding: 20px;
	width: 100%;
	height: 20px;
	line-height: 20px;
	font-size: 1.8em;
	text-align: left;

}


.common {
	width:95%;
	margin:0 auto;
	padding: 0;}

.left { float:left; width: 100%; background:none; vertical-align: top; FONT-SIZE: 16px; COLOR: #352316; text-align: justify; margin:0 auto; padding: 0; background:#D3E7FF; }

.cent { float:left; font-size:18px; width:100%; margin:0 auto; padding: 0;text-align:left;}

.right { float:right; width: 100%; vertical-align: top; FONT-SIZE: 12px; color:#369; text-align: justify; margin:0 auto; margin-bottom:50px; padding: 0;}

p.n { width: 95%; vertical-align: top; FONT-SIZE: 14px; COLOR: #352316; text-align: justify;  margin:0 auto; padding: 5px;}

TD { FONT-SIZE: 14px;}

.invis {display:none;}

}