@font-face{
	font-family: "mplus-2c-regular";
	src: url("themes/mplus-TESTFLIGHT-058/mplus-2c-regular.ttf") format("truetype");
}

@font-face{
	font-family: "mplus-2c-light";
	src: url("themes/mplus-TESTFLIGHT-058/mplus-2c-light.ttf") format("truetype");
}


#button{
	margin-top:5px;
	 background-color: #00ffaa; 
	 border-color: transparent; 
	 border-radius:5px;
}

#slidehead{
        background-color:#00ffff; 
        padding:10px; 
        border-radius:3px; 
        color:#ffffff; 
        font-size:20px;
        color:#555555; 
        text-align:center;
       }


.humanname{
	color:#1e90ff;
}


.pagetitle{ 
	padding: 0; 
	color:#1e90ff; 
	font-size:40px; 
	margin:0;
}


.text{
	position: static;
	background-color:#1e90ff;
	border-radius:5px;
	width:200px;
	color:#FFF;
	text-align:center;
	font-size:20px;
}

.place{
	background-color:#1e90ff;
	border-radius:5px;
	color:#FFF;
    width:100px;
    float:right;
    text-align:center;
    margin:0;
    margin-top:-20px;
    font-size: 16px;
}

.placelong{
	background-color:#1e90ff;
	border-radius:5px;
	color:#FFF;
    width:110px;
    float:right;
    text-align:center;
    margin:0;
    margin-top:-20px;
    font-size: 16px;
}

.des{
	position: relative;
	border:1px solid #1e90ff;
	border-radius: 5px;
	text-align:center;
	padding: 5px;
}

.des>img{
	position: relative;
	height:60px;
	float: left; 
}

.facepic>img{
	height:200px;
	float: left;
	margin: 10px;
}

#TimeLeft{
	font-size:30px;
	text-align: center;
	background-image:url("image/school_flagmini.png");
	background-repeat: no-repeat;
	background-position: center;
	padding:50px 0;
}


#WhatIsHouofes{
	text-align: center;
	font-size:20px;
	font-family:mplus-2c-regular;
}

#page{
	background-image: url("image/pic01.jpg");
	font-family:mplus-2c-regular;
	background-attachment: fixed;
}

#content{
	background-color: RGBa(225,225,225,0.8);
}

#panel{
	background-image: url("image/sakura.png");
	background-position: center;
}

#schoolmap>img{
	width: 100%;
	margin: 0,auto;
}

h2{
	color:#1e90ff;
}