@charset "utf-8";
/* CSS Document */

body{
background-image:url(../images/bg.jpg);
background-repeat:repeat;
margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px;}

#wrapper{
width:100%;
margin-left:auto;
margin-right:auto;
}

#total{
width:100%;
float:left;
border-top:solid #cb370f 3px;
}

.frame{
width:94%;
float:left;
margin-left:3%;
}

.common{
width:100%;
float:left;
}

#header{
width:100%;
float:left;
margin-top:2%;
}

#head-bg{
width:96%;
float:left;
background-color:#FFFFFF;
border-radius:7px;
padding-top:1%;
padding-bottom:1%;
padding-left:2%;
padding-right:2%;
}

#logo{
width:8%;
float:left;
}

#title{
width:56%;
float:left;
margin-left:1%;
}

#iso{
width:8%;
float:left;
margin-left:1%;
}

#smedia{
width:25%;
float:right;
text-align:right;
}

#clock{
width:25%;
float:right;
text-align:right;
line-height:24px;
}

.time{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
color:#333333;
text-decoration:none;
}

.date{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#CC3300;
text-decoration:none;}

.title{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:25px;
font-weight:bold;
color:#cb370f;
text-decoration:none;
text-shadow:#555 1px 1px;
line-height:50px;
}

.sub-title{
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
color: #737373;
font-size:13px;
line-height:20px;
padding-top:2%;}

#menu{
width:100%;
float:left;
margin-top:1%;
border-bottom:solid #111 1px;
}

#banner{
width:97%;
float:left;
margin-left:1.5%;
margin-top:1%;}

#display{
width:100%;
float:left;
background-color:#FFFFFF;
box-shadow:#ccccc4 0px 2px;
margin-top:-2%;
position:relative;
}

#red-bg{
width:98%;
float:left;
background-color:#cb370f;
padding:1%;
}

.inner{
width:98%;
float:left;
margin-left:1%;}

.inner2{
width:96%;
float:left;
padding:2%;}

.box1{
width:31%;
float:left;
}

.box2{
width:31%;
float:left;
margin-left:3.5%;
}

.box3{
width:31%;
float:right;
}

.white-bold{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:22px;
color:#fff;
text-decoration:none;
}

.gray-text{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#5e5d5d;
text-decoration:none;
line-height:24px;
}

.content-text{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#333;
text-decoration:none;
line-height:24px;
}

.display-img{
width:38%;
float:left;
}

.display-text{
width:60%;
float:right;
}

.black-bold{
font-family:Arial, Helvetica, sans-serif;
color:#000000;
text-decoration:none;
line-height:24px;
font-size:18px;
}

.red-bold{
font-family:Arial, Helvetica, sans-serif;
color:#cb370f;
text-decoration:none;
line-height:24px;
font-size:18px;
}

.yellow-bold{
font-family:Arial, Helvetica, sans-serif;
color:#ffa500;
text-decoration:none;
line-height:24px;
font-size:18px;
border-bottom:dotted 1px #888; 
}



.black-bold2{
font-family:Arial, Helvetica, sans-serif;
color:#222;
text-decoration:none;
line-height:24px;
font-size:22px;
}

.readmore a{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#cb370f;
text-decoration:none;
}

.readmore a:hover{
color:#222;
}

#content-section{
width:100%;
float:left;
margin-top:2%;
}

#welcome{
width:64%;
float:left;
border-right: solid 1px #c1bfb9;
padding-right:1.5%;
}

#news{
width:33%;
float:right;
padding-left:1%;
}

.welcome{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#0d0d0d;
	font-size:21px;
	text-decoration:none;
	padding-bottom:2%;
}

.border{
width:100%;
border-bottom:1px solid #c1bfb9;
}

.border2{
width:100%;
border-bottom:1px solid #c1bfb9;
margin-bottom:1%;
}

.border3{
width:100%;
border-bottom:1px dotted #c1bfb9;
margin-bottom:0.5%;
margin-top:0.5%;
}



#footer{
width:100%;
float:left;
margin-top:2%;
background-color:#312b2d;
padding:0px 0px 10px 0px;


}

.foot-text{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#7f7d7e;
text-decoration:none;
}

.foot-text2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#cb370f;
text-decoration:none;
}


.about-imgs{
width:100%;
float:left;
margin-top:2%;
}

.photo1{
width:15%;
float:left;
}

.photo2{
width:15%;
float:left;
margin-left:6.5%;
}

.photo3{
width:15%;
float:left;
margin-left:6.5%;
}

.photo4{
width:15%;
float:left;
margin-left:6.5%;
}

.photo5{
width:15%;
float:right;
}

.course1{
width:23%;
float:left;
}

.course2{
width:23%;
float:left;
margin-left:3%;
}

.course3{
width:23%;
float:left;
margin-left:3%;
}

.course4{
width:23%;
float:right;
}


.in{
width:98%; padding:1%;}

.foot-menu a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#7f7d7e;
text-decoration:none;
transition:all 0.8s;
}

.foot-menu a:hover{
color:#cb370f;}

.form{
border:solid #ccc 1px;
border-radius:5px;
padding:2%;}


.box-left{
width:49%;
float:left;
margin-top:2%;
}

.box-right{
width:49%;
float:right;
margin-top:2%;
}

.img-left{
width:28%;
float:left;
}

.text-right{
width:70%;
float:right;
}

.img-right{
width:28%;
float:right;
}

.text-left{
width:70%;
float:left;
}


.img-left2{
width:57%;
float:left;
}

.text-right2{
width:41%;
float:right;
}

.img-right2{
width:57%;
float:right;
}

.text-left2{
width:41%;
float:left;
}

.click a{
width:44px;
height:96px;
float:right;
right:0px;
top:-5px;
position:fixed;
cursor:pointer;
z-index:100;
transition:all 0.5s;
}

.click a:hover{
top:0px;
}

.white-font a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
text-decoration:none;
color:#CCCCCC;
line-height:28px;
}

.white-font a:hover{
color:#ffa500;
}

.img-border{
border:solid #666666 2px;
padding:2px;
background-color:#FFFFFF;
}