body
{
	background-color: #ffffff;
	color: #000000;
	font-family:Arial; 
	font-size:0.7em;
	text-align:center;
}
h1 {
	font-size: 1.8em; 
}
h4 {
	font-family: Verdana; text-align:center; vertical-align:middle; font-size: 1.2em;
}
table {
	clear:both; float:left; text-align:center;
}

#title {float:left;}
#llgc_logo {float:right;margin:5px;}
#lang_bar {clear:both; align:center; text-align:right;padding:4px 8px; margin:12px 0 16px 0; background-color:#ffffcc; border: 1px solid black;}

#content {clear:both;}
#left {float:left; width:22%; background-color:#ffffcc; border:1px solid black;}
#letter_select {padding:5px; margin:10px;}
#data_view {padding:5px; margin:10px; border:1px solid black; background-color:#ffffff;}
#thumbs_bar {padding:5px; margin:10px; border:1px solid black; background-color:#ffffff;}

#main {align:center; float:left; width:76%; margin-left:1%; text-align:center;}
#picture {text-align:center; padding:20px 0;}
#reference {clear:both; text-align:center;}
#footer {clear:both; float:left; text-align:center; margin:24px 0 ; padding:4px 0; width:100%; border:1px solid black; background:#ffffcc;}
#nav {clear:both; float:left; text-align:center;  margin:12px 0 ; padding:4px 0; border:1px solid black; width:100%; background:#ffffcc; font-weight: bold;}

.left_thumb {width:120px; text-align:center; float:left; clear:both;padding:10px;}
.right_thumb {width:120px; text-align:center; float:right; padding: 10px;}
.centre_thumb {width:120px; text-align:center; float:left; padding:10px;}
.left_thumb_mini {width:33%; text-align:center; float:left; clear:both;}
.centre_thumb_mini {width:33%; text-align:center; float:left; }
.right_thumb_mini {width:33%; text-align:center; float:right;}