BODY {margin:0; padding-top:20px; background:url(/i/bbb.jpg) top center fixed; font-family:Arial, Helvetica, sans-serif;}
.clear {clear:both; font-size:0.0001em;}

UL, LI, P {padding:0; margin:0;}

IMG {border:none;}

.h30 {height:30px;}
.brd {border-bottom:1px #eee solid; margin:30px 0 30px 0;}

A, A:visited {color:#648fa3;}
A:hover {color:#000;}

.png
    {
   //background-image: none ! important;
     behavior: url('pngfix.htc');
  }

.box {width:917px; margin:0 auto 0px auto;}
#h-bg {height:9px; font-size:0.00001em; background-position:top; background-repeat:no-repeat;}
#f-bg {height:9px; font-size:0.00001em; background-position:bottom; background-repeat:no-repeat;}

.content {padding:0 30px 0 30px; background:#fff;}
.header {padding:20px 0 20px 0;}

.header .logo {width:92px; float:left}
.header .logo A, .header .logo A:visited, .header .logo A:hover {background:url(/i/logo.png) top left no-repeat; display:block; width:92px; height:92px;}
.n-right {background:url(/i/n-right.png) right top no-repeat;}

.header .navi {background:url(/i/n-line.png) top repeat-x #fb2525; margin-top:20px; float:left; width:765px;}
.header .navi UL {list-style:none; font-size:0.9em; margin-left:40px;}
.header .navi LI {display:inline;}
.header .navi LI A, .header .navi LI A:visited {padding:20px 30px 16px 30px; display:block; float:left; color:#FFF; border-right:1px #fb2525 solid; border-left:1px #fb4b4b solid; text-decoration:none;}

.header .navi LI A:hover {padding:20px 30px 16px 30px; display:block; float:left; color:#FFF; border-right:1px #000 solid; border-left:1px #555 solid; background:url(/i/n-line-black.png) top repeat-x #000}

.header .navi LI A:active {padding:22px 30px 14px 30px; display:block; float:left; color:#fff; border-right:1px #000 solid; border-left:1px #555 solid; background:url(/i/n-line-active.png) top repeat-x #000}

.header .navi LI A.active, .header .navi LI A.active:visited {padding:20px 30px 16px 30px; display:block; float:left; color:#fff; border-right:1px #000 solid; border-left:1px #555 solid; background:url(/i/n-line-active.png) top repeat-x #000}

.header .navi LI A.active:hover {padding:20px 30px 16px 30px; display:block; float:left; color:#FFF; border-right:1px #000 solid; border-left:1px #555 solid; background:url(/i/n-line-black.png) top repeat-x #000}

.rss {float:left; margin:20px 0 0 85px;}
.rss A, .rss A:visited, .rss A:hover {background:url(/i/rss.png) top left no-repeat; display:block; height:14px; width:14px;}

A.mini, A.mini:visited, A.mini:hover {font-size:0.75em;}


.top {font-size:0.9em; padding-top:30px;}
.top P {line-height:1.4em; margin-bottom:15px; color:#333}
.top .left {width:46%; float:left; padding: 8px 20px 0 30px;}
.top .right {width:44%; float:left; padding-left:30px;}
.bottom {}
.bottom .news {width:46%; float:left; padding: 8px 20px 0 30px;}
.bottom .right2 {width:44%; padding-left:30px; float:left;}

.news-item {margin-bottom:20px;}
.news-item SMALL {display:block; font-size:0.8em; margin-bottom:5px;}
.news-item A, .news-item A:visited {line-height:1.4em;}
.news-item A:hover {color:#000}

.nl {}

A.brown, A:visited.brown {color:#996}
A.blue, A:visited.blue {color:#094a8b}
A.red, A:visited.red {color:#ff2c2c}
A:hover.brown, A:hover.blue, A:hover.red {color:#000;}

A.slink, A.slink:visited {display:block; padding:8px 0 0 70px; text-decoration:none;}
A.slink:hover {display:block; padding:8px 0 0 70px; text-decoration:none;}
A.slink #slinkname, A.slink:visited #slinkname, A.slink:hover #slinkname {display:block; margin-bottom:6px;}
A.slink #slinkdescr, A.slink:visited #slinkdescr {color:#333; font-size:0.8em; display:block; width:80%; line-height:1.5em;}
A.slink:hover #slinkdescr {color:#000; font-size:0.8em;}


#viva {background:url(/i/viva.gif) top left no-repeat; padding-bottom:16px; margin-bottom:35px;}
#viva #slinkname, #viva:visited #slinkname {color:#996; text-decoration:underline;}
#viva:hover #slinkname {color:#c99; text-decoration:underline;}

#turclub {background:url(/i/turclub.gif) top left no-repeat; padding-bottom:16px;}
#turclub #slinkname, #turclub:visited #slinkname {color:#094a8b; text-decoration:underline;}
#turclub:hover #slinkname {color:#187bad; text-decoration:underline;}

#jkrug {background:url(/i/jkrug.gif) top left no-repeat; padding-bottom:16px;}
#jkrug #slinkname, #jkrug:visited #slinkname {color:#094a8b; text-decoration:underline;}
#jkrug:hover #slinkname {color:#187bad; text-decoration:underline;}

#school {background:url(/i/school.png) top left no-repeat; padding-bottom:16px;}
#school #slinkname, #school:visited #slinkname {color:#094a8b; text-decoration:underline;}
#school:hover #slinkname {color:#187bad; text-decoration:underline;}


.gallery {background:url(/i/gline.png) top repeat-x #000; margin:40px 0 50px 0; height:280px;}
.u1 {background:url(/i/u1.gif) top left no-repeat;}
.u2 {background:url(/i/u2.gif) top right no-repeat;}
.u3 {background:url(/i/u3.gif) bottom right no-repeat;}
.u4 {background:url(/i/u4.gif) bottom left no-repeat;}

.gcenter {padding:0 0 0 32px; height:280px;}

.gcenter H1 {display:block; width:148px; height:22px; background-position:top; background-repeat:no-repeat; margin:0; padding:0; font-size:0.000001em;}

.photos {margin:30px 0 0 0;}
.photos A, .photos A:visited, .photos A:hover {display:block; float:left; width:100px; height:119px; padding-right:36px;}

.photos A:hover IMG {background:url(/i/view.gif) center bottom no-repeat;}

.gbrd {background:url(/i/gbrd.png) top repeat-x; margin-right:40px;}
.glinks {}
.glinks A, .glinks A:visited {width:auto; height:auto; float:left; color:#86ffa5; background-position:left; background-repeat:no-repeat; font-size:0.8em; display:block; padding:5px 0 5px 29px; margin-right:37px;}
.glinks A:hover {width:auto; height:auto; float:left; color:#fff; background-position:left; background-repeat:no-repeat; font-size:0.8em; display:block; padding:5px 0 5px 29px; margin-right:37px;}

#g_viva {background-image:url(/uploads/g-home/g_viva.gif)}
#g_tour {background-image:url(/uploads/g-home/g_tour.gif)}
#g_school {background-image:url(/uploads/g-home/g_school.gif)}
#g_blank {background-image:url(/uploads/g-home/g_blank.gif); color:#FFF; margin-left:160px;}

.question {padding:30px 0 0 70px;}

.context {padding:0 0 10px 10px; //height:500px;}
.context H1 {font-family:Arial, Helvetica, sans-serif; font-size:1.6em; font-weight:normal; margin:0 0 30px 20px;}

.g-second {padding-left:16px}
.g-second A, .g-second A:visited {display:block; float:left; margin:0 20px 10px 0; padding:10px 10px 15px 10px; background:url(/i/gbg.gif)}
.g-second A:hover {display:block; float:left; margin:0 20px 10px 0; padding:10px 10px 15px 10px; background:url(/i/gbg-hh.png)}
.g-second A IMG, .g-second A:visited IMG {width:98px; height:73px; padding:0; margin:0;}
.g-second A:hover IMG {width:98px; height:73px; padding:0; margin:0}

#footer {background-position:top; background-repeat:no-repeat; height:100px; margin:0px auto; width:917px;}
.bsstudio {display:block; width:44px; height:46px; position:absolute; z-index:2; margin-left:800px;}
.copyright {font-size:0.7em; color:#FFF; padding:13px 0 0 60px; line-height:1.4em;}

.speed {font-size:0.9em; color:#ccc; margin:0 0 10px 23px;}

.su_box {background:url(/i/su-line.png) top repeat-x; margin-left:20px; //margin-left:10px;}
.su_box .tdot {background:url(/i/su-dot.gif) top repeat-x}
.su_box .rdot {background:url(/i/su-dot.gif) right repeat-y}
.su_box .bdot {background:url(/i/su-dot.gif) bottom repeat-x}
.su_box .ldot {background:url(/i/su-dot.gif) left repeat-y}
.su_box .su1 {background:url(/i/su1.gif) top left no-repeat}
.su_box .su2 {background:url(/i/su2.gif) top right no-repeat}
.su_box .su3 {background:url(/i/su3.gif) bottom right no-repeat}
.su_box .su4 {background:url(/i/su4.gif) bottom left no-repeat}
.su_box .center {padding:0;}

.sctab {margin-top:30px; border-top:1px #ddd solid; width:98%;}
.sctab TD {padding-left:23px; padding-top:30px;}

.g-navigation {list-style:none; font-size:0.8em; margin-top:7px;}
.g-navigation LI {margin-bottom:6px;}
.g-navigation EM {font-size:1.3em; padding-left:19px;}
.g-navigation SPAN {font-family:"Times New Roman", Times, serif; padding-right:5px;}

#vivasite {background:url(/i/vivasite.jpg) top left; height:235px; margin-left:-10px; margin-top:-10px; margin-bottom:30px;}
#vivasite .gcenter {height:235px;}
#vivasite .gcenter P {color:#FFF; width:50%;}
#vivasite .vivatxt {padding-top:40px;}
#vivasite .vivatxt P {padding-left:0;}

#mjksite {background:url(/i/mjksite.jpg) top left; height:235px; margin-left:-10px; margin-top:-10px; margin-bottom:30px;}
#mjksite .gcenter {height:235px;}
#mjksite .gcenter P {color:#FFF; width:50%;}
#mjksite .mjktxt {padding-top:40px;}
#mjksite .mjktxt P {padding-left:0;}

.context UL.text {margin-left:12px; width:50%; font-size:0.85em; margin-top:-20px; list-style:none;}
.context UL.text LI {padding:10px; line-height:1.5em; border-bottom:1px #ddd solid;}
.context UL.text LI:hover {padding:10px; line-height:1.5em; border-bottom:1px #ddd solid; background:#f6f6f6}
.context SMALL {padding-left:23px}
.context P {padding-left:23px;}
.context UL {margin:0 0 20px 53px;}
.context LI {padding-bottom:5px;}

.waveblock {position:absolute; margin:305px 0 0 500px; width:300px;}
.waveblock A.slink {margin:0 0 40px 20px;}

.nleft {width:55%; float:left}
.nright {width:40%; float:left; padding:20px 0 0 40px;}
.nright SMALL {padding-left:0;}

.docs {margin-top:-30px;}

A.ms-word, A.ms-word:visited, A.ms-word:hover {background:url(/i/ms_word.gif) top left no-repeat; padding:6px 0 6px 70px; text-decoration:none; display:block; margin-bottom:20px;}
A.medal, A.medal:visited, A.medal:hover {background:url(/i/medal.png) top left no-repeat; padding:12px 0 9px 70px; text-decoration:none; display:block; margin-bottom:20px;}
A.teachers, A.teachers:visited, A.teachers:hover {background:url(/i/t-pgmo.png) top left no-repeat; padding:14px 0 10px 70px; text-decoration:none; display:block; margin-bottom:25px;}
#aboutlink SPAN {color:#094a8b; text-decoration:underline;}
A#aboutlink:hover SPAN {color:#000; text-decoration:underline;}
#aboutlink SMALL {color:#999; display:block; margin-top:5px;}

/* medals */

.mclear {
	clear:both;
	height:5px;
}
.m-table {
	width:97%;
	margin-left:20px;
}
.m-table TD {
	padding:15px 5px 15px 5px;
	border-bottom:1px #ddd solid;
	vertical-align:top
}

.m-table TR:hover .m-date {font-size:0.8em;
	display:block;
 background:#f6f6f6; color:#000;
	margin-bottom:10px;
	padding:3px 5px 3px 5px;
	width:73px
	background:#f6f6f6;
}

.m-table TR:hover {
	background:#f6f6f6;
}

.m-table TH {
	padding:15px 5px 15px 5px;
	border-bottom:1px #ddd solid;
	text-align:left;
	background:#FFF;
}
.m-table UL {
	list-style:none;
	padding:0;
	margin:0;
}
.m-table LI {
	padding:0 0 5px 0;
	margin:0;
}
.m-date {
	font-size:0.8em;
	display:block;
 background:#f0f0f0; color:#333;
	margin-bottom:10px;
	padding:3px 5px 3px 5px;
	width:73px
}
.m-gold {
	margin-left:10px;
}
.m-silver {
	margin-left:10px;
}
.m-gold #mg, .m-silver #mg {
	width:20px;
	height:20px;
	margin-left:-10px;
	float:left;
}



.t-table TH {
	padding:15px 5px 15px 5px;
	border-bottom:1px #ddd solid;
	text-align:left;
	background:#FFF;
}

.t-table {
	width:97%;
	margin-left:20px;
}
.t-table TD {
	padding:15px 5px 15px 5px;
	border-bottom:1px #ddd solid;
	vertical-align:middle
}

.t-onp {background:url(/i/t-onp.png) top left no-repeat; padding:24px 0 18px 55px;}
.t-proorf {background:url(/i/t-proorf.png) top left no-repeat; padding:24px 0 18px 55px;}
.t-pgmo {background:url(/i/t-pgmo.png) top left no-repeat; padding:21px 0 20px 55px;}
/**/

.rubnavi {padding:0 0 20px 6px; font-size:0.8em;}
.rubnavi A, .rubnavi A:visited {display:block; padding:5px 10px 5px 10px; float:left; margin:0 5px 0 5px;}
.rubnavi A:hover {display:block; padding:5px 10px 5px 10px; float:left; background:#648fa3; color:#FFF; margin:0 5px 0 5px;}
.rubnavi SPAN {display:block; padding:5px 10px 5px 10px; float:left; margin:0 5px 0 5px; background:#f0f0f0;}

.timetable { margin-left:10px; width:95%}
.timetable TH {text-align:left; padding:15px 10px 15px 10px; border-bottom:1px #ddd solid; border-right:1px #ddd solid;}
.timetable TD {padding:15px 10px 15px 10px; border-bottom:1px #ccc solid; border-right:1px #ddd solid;}
.timetable #right {border-right:none;}

.ud {color:#666; font-size:0.75em; display:block; padding-bottom:5px;}
.ud STRONG {color:#648fa3;}


DIV.class {padding-left:12px; width:90%;}
DIV.class A, DIV.class A:visited {display:block; font-size:2em; padding:7px 5px 7px 5px; width:49px; float:left; background:#f1f1f1; margin:0 0 10px 10px; text-align:center}
DIV.class A:hover {display:block; font-size:2em; padding:7px 5px 7px 5px;  width:49px; float:left; background:#f9f9f9; margin:0 0 10px 10px; text-align:center}

.yamaps {margin:20px 5px 0 20px; border:1px #ccc solid;}

A.ms-word2, A.ms-word2:visited, A.ms-word2:hover {background:url(/i/ms_word.gif) top left no-repeat; padding:6px 0 6px 65px; text-decoration:none; display:block; margin:10px 0 40px 20px;}
A.ms-word2 SMALL {padding:0; margin:0;}

A.ms-excel, A.ms-excel:visited, A.ms-excel:hover {background:url(/i/ms_excel.gif) top left no-repeat; padding:6px 0 6px 65px; text-decoration:none; display:block; margin:10px 0 40px 20px;}
A.ms-excel SMALL {padding:0; margin:0;}

SMALL.nnn {padding:3px; background:#f33; color:#fff; margin-left:5px;}