body {
    background-image:url(../imgs/ttemu_int.jpg), url(../imgs/iZIP_Soudan.png);
    background-attachment: fixed;
    background-position: right bottom, left bottom;
    background-repeat: no-repeat, no-repeat;
    background-size: 35%, 35%;
    background-color: rgba(255,255,255,0.6);
    background-blend-mode: lighten;
}

.title {
	width: 90%;
	margin: auto;
	background-color: rgba(120,150,180,0.9);
	padding: 1em 2em;;
	text-align: center;
	font-size: 120%;
	border-radius: 10px;
	overflow: auto;
	box-shadow: 5px 5px 5px rgb(100,100,100);
}

.seal-main {
    height: 6.5em; 
    margin-top:0.3em;
}

.main_body {
	text-align: center;
	margin: auto;
}

#index-box1 {
	text-align: left;
	background-color: rgba(120,150,180,0.9);
	width: 30em;
	padding: 10px 20px;
	margin: 20px auto;
	border-radius: 10px;
	box-shadow: 5px 5px 5px rgb(100,100,100);
}

#index-mid-container {
	overflow: auto;
	width: 55em;
	margin: auto;
}

#index-box2 {
        text-align: left;
        background-color: rgba(120,150,180,0.9);
        width: 18em;
	float: left;
        padding: 10px 20px;
        margin: 20px;
        border-radius: 10px;
        box-shadow: 5px 5px 5px rgb(100,100,100);
}

#index-newsbox {
        text-align: left;
        background-color: rgba(120,150,180,0.9);
        width: 25em;
	float: right;
        padding: 10px 20px;
        margin: 20px;
        border-radius: 10px;
        box-shadow: 5px 5px 5px rgb(100,100,100);
}

#center-box {
        text-align: left;
        background-color: rgba(120,150,180,0.9);
        width: 18em;
        padding: 10px 20px;
        margin: 20px auto;
        border-radius: 10px;
        box-shadow: 5px 5px 5px rgb(100,100,100);
}

#talk-box {
        text-align: left;
        background-color: rgba(120,150,180,0.9);
        width: 30em;
        padding: 10px 20px;
        margin: 20px auto;
        border-radius: 10px;
        box-shadow: 5px 5px 5px rgb(100,100,100);
}

.float-box {
	float:left;
	background-color: rgba(120,150,180,0.9);
        margin: 20px 15px;
	width: 30%;
        border-radius: 10px;
        box-shadow: 5px 5px 5px rgb(100,100,100);
}

.float-top {
	background-color: rgba(100,130,160,1);
 	text-align: center;
 	font-weight: bold;
 	font-size: 130%;
	width: 100%;
	border-radius: 5px 5px 0 0;
	padding: 5px 0px;
}

.float-body {
	margin: 10px 20px;
}

.footer {
	float: clear all;
	text-align: center;
	padding: 1em;
	border-radius: 10px;
}

ul {
	text-align: left;
	font-size: 120%;
}

ul.no_points {
	list-style-type: none;
}

li {
	margin: 10px;	
}

table {
	background-color: rgb(230,230,230);
	text-align: center; 
	margin: auto; 
	width: 95%;
	border: .1em solid black;
	border-radius: 5px;
	box-shadow: 2px 2px 2px rgb(100,100,100);
}

.tabletitle {
	font-style: italic;
	font-weight: bold;
}

td {
	padding: 10px;
}

.section-head{
	text-align: center;
	margin: 10px auto;
	text-decoration: underline;
	font-size: 120%;
}

kbd {
	background-color: white;
	padding: 0px 3px;
	border:1px dotted rgb(10,10,10);
}

#people-table {
        background-color: rgba(120,150,180,0.9);
        padding: 5px 5px;
        margin: 20px auto;
        width: 75em;
        border-radius: 10px;
        box-shadow: 2px 2px 2px rgb(100,100,100);
}

#news-table {
        background-color: rgba(120,150,180,0.9);
        padding: 5px 5px;
        margin: 20px auto;
        width: 70em;
        border-radius: 10px;
        box-shadow: 2px 2px 2px rgb(100,100,100);
}

#contact-table {
        background-color: rgba(120,150,180,0.9);
        padding: 5px 5px;
        margin: 20px auto;
        width: 55em;
        border-radius: 10px;
        box-shadow: 2px 2px 2px rgb(100,100,100);
}

#useful-content {
	width: 75em;
	overflow: auto;
	margin: 1em auto;
}