body, html {background-color:#ebebeb; background-image:url(../decoration/bg-wrap.gif); background-repeat:repeat-y; background-position:center; }
div.wrap{float:left; width:100%;}
div.bgline{height:4px;}
#wrapper{ margin:0 auto; width:988px;}
div.wrap.line{ border-top:1px solid #b3b3b3}
#top,#slider,#menu,#main{ float:left; width:100%;}
#top{ height:130px; background:url(../decoration/bg-top.png) repeat-x; position:relative;}

#menu{height:35px; position:relative; z-index:999;}
#main{ margin:0 10px; width:968px;margin-bottom:35px;}
#main.index{position:relative; z-index:999; margin-top:100px; }

#main.main{ margin:0; width:988px; margin-bottom:50px;}

#slider{padding-bottom:1px; border-bottom:1px solid #FFF; }
div.shight{ height:332px}
div.topline{border-top:2px solid #ededed; border-bottom:1px solid #FFF}

.logo{ margin:6px 0 0 10px}
#soc{ position:absolute; width:220px; z-index:999; top:30px; right:10px;}

#socialicons{ position:absolute; top:45px; width:400px; right:25px; text-align:right}
#socialicons img{ margin:0 3px;}

#footer{ margin:0 auto; width:988px; height:57px; position:relative; text-align:center; z-index:999;}




#counters{ position:absolute; top:15px; left:10px; width:200px;}
#counters img{float:left;  margin-right:10px;}
#lweb{position:absolute; width:150px; top:26px; right:20px;}







/*GRID*/

div.wrap{ float:left; width:100%}
div.grid_1{ float:left; width:560px;}
div.grid_2{ float:right; width:330px;}
div.gridbox_,div.gridbox{width:270px;}
div.gridbox img{ margin-bottom:8px; width:266px; height:auto }



div.grid_3{ margin:0 auto; width:294px;}
div.grid_3 img{ margin-bottom:8px; width:290px; height:auto }


div.grid_4{ float:left; width:610px;}
div.gridbox_4{ width:294px;}
div.gridbox_4 img{ margin-bottom:8px; width:290px; height:auto}
/*gridbox 4*/
div.phbox{ float:left; width:124px}
div.phbox img{ width:120px; height:auto; margin-top:4px;}
div.txtbox{ float:right; width: 476px;}
/*gridbox 4*/

div.grid_5{ float:right; width:294px;}
div.fbg{ background: url(../decoration/bg-footer.png) repeat-x;}

div.grid_6{ float:left; width:682px;}
div.grid_7{ float:right; width:270px;}


/*NEWS*/

div.nbox{ float:left; width:100%;}
div.nbox a{ text-decoration:none}
div.nbor{ padding-bottom:5px; margin-bottom:10px;}
div.nbox img{ float:left; width:65px; height:65px; margin:0 10px 0 0}
div.more{ float:left; width:100%; padding-bottom:0px; border-bottom:1px dotted #777; margin-bottom:10px}

/*DIV BG*/
div.vline{ background-image:url(../decoration/vline.png); background-repeat:no-repeat; background-position:599px 32px; }
div.vline_2{ background-image:url(../decoration/vline.png); background-repeat:no-repeat; background-position:280px 10px; }

div.vline_3{ background-image:url(../decoration/vline.png); background-repeat:no-repeat; background-position:640px 30px; }

div.vline_4{ background-image:url(../decoration/vline.png); background-repeat:no-repeat; background-position:303px 10px; }

div.vline_5{ background-image:url(../decoration/vline.png); background-repeat:no-repeat; background-position:704px 26px; }

/*MAR*/
.mar_1{margin:10px 0;}
.mar_2{ margin-top:20px;}
.mar_3{ margin:1px 0;}
.mar_4{ margin:0 0 20px 0;}


/*PAD*/
.pad_0{ padding:0 20px 30px 0;}
.pad_1{ padding:10px 0 30px 0}
.pad_3{ padding-bottom:30px}
.pad_4{padding:10px 0 0 0}


/*reset*/
div.res_1{border-top:none}




/*INFO*/
div.nav { 

width:100%;
clear: both;
position: relative;
z-index: 199;
border-top:1px solid #333;
margin-bottom:30px;
}
div.nav ul {
list-style: none outside none;
list-style-image:none;
margin:0;
overflow: hidden;
padding: 0;
border-bottom:1px solid #ccbaac;

}

div.nav ul li.active,
div.nav ul li:hover {
 border-top: 4px solid #ccbaac;
 background:#f0f0f0
}

div.nav ul li {
	height:75px;
	background:#f8f8f8;
	width:232px;
    border-top: 4px solid #dfdfdf;
    float: left;
    padding: 10px 5px 0 10px;
}

div.nav ul li a {
    color: #868686;
    display: block;
    text-decoration: none;
}
/*div.nav ul li:last-child a {
    border-right: medium none;
}*/

div.nav ul li h5 a.active, div.nav ul li a:hover, div.nav ul li:hover > a {
    color: #8a6a52;
}


div.nav ul li h5 a
 {
padding:0 0 5px 0;
color: #3a3a3a;
font-size:14px;
margin: 0;
letter-spacing:0.1em}

div.nav ul li span a,
div.nav ul li span a:link,
div.nav ul li span a:visited, div.nav ul li span a:hover{
color: #888;
display: block;
font-size:90%;
line-height: 12px;}


/*TEACHERS*/

div.pbox{ float:left; width:124px; height:215px; margin:0 38px 0 0 }
div.pbox img{ width:120px; height:auto; }
div.pbox.mar{ margin-right:0}



div.pbox img:hover, div.pbox img.active
{
	
	/*
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
filter: alpha(opacity=75);
-khtml-opacity: 0.75;
-moz-opacity: 0.75;
opacity: 0.75;	
*/
opacity:0.75;
filter:Alpha(opacity=75); 

-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-ms-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
	
}

div.pbox img
{
	/*
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-khtml-opacity: 1;
-moz-opacity: 1;
opacity: 1;*/
opacity:1;
filter:Alpha(opacity=100); 

-webkit-transition: all .9s ease;
-moz-transition: all .9s ease;
-ms-transition: all .9s ease;
-o-transition: all .9s ease;
transition: all .9s ease;
}


/*GALLERAY*/

div.gbox{ float:left; width:234px; margin:0 17px 20px 0 }
div.gbox img{ width:230px; height:auto; padding:1px; border:1px solid #333  }
div.gbox.mar{ margin-right:0}
div.hgbox{ float:left; text-align:center; width:100%; padding:5px 0; height:30px;}