body {
	background-color:#DDD;
padding:0;margin:0;
}
hr {
	border:0; height:1px; background-color:#d4d4d4;
	color:#d4d4d4	/* IE6 */
}

.container {margin-bottom:10px; }
.maincontent {
	padding: 15px;
	background-color: #Ffffff;
	
}


.home {font-size:13px;padding:3px 60px;float:left;color:#999}
.home a:link, .home a:visited {color:#fff;text-decoration:none;}
.home a:hover, .home a:active {color:#FFFF00;text-decoration:underline;}
.lang {font-size:13px;padding:3px 20px;float:right;color:#333}
.lang a:link, .lang a:visited {color:#333;text-decoration:none;}
.lang a:hover, .lang a:active {color:#FFFF00;text-decoration:underline;}

.whitebg {background-color:#fff;padding:25px; line-height:150%; text-align:left;}


.tit {
	text-align: center;
	background-color: #1296AD;
	color: #fff;
	margin: 10px auto;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	font-size: 16pt;
	line-height: 150%;

}
.navbar {padding:0;margin:0 0 5px 0}
.pagination {padding:0;margin:8px 0;}

.footer {padding:30px 20px 20px 20px;}
.headerpic { max-width: 100%; height:auto; width:100%; }
.table-nonfluid {
   width: auto;
}


/* Large desktop */
@media (min-width: 1200px) {.container {width:760px}}

/* Portrait tablet to landscape and desktop */
@media (min-width: 980px) and (max-width: 1199px) {.container {width:760px}}
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {.container {width:760px}}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {.maincontent {padding:10px;}}
 
/* Landscape phones and down */
@media (max-width: 480px) {.maincontent {padding:5px;}}