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

body{margin:0; padding:0; background-color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; cursor:default;}
#wrapper{width:100%; padding-top:10px;}
#center{width:800px;}
a {outline:none; color:green;}
.whiteLink a{color:#FFF; text-decoration:underline; font-weight:bold;}
.whiteLink a:hover{text-decoration:none;}

/* Backgrounds (start) */
#bg_US{float:left; position:absolute; top:0; left:0; z-index:-1; width:100%; height:376px; background:url(../images/bg-US.jpg) top center no-repeat;}
#bg_UA{float:left; position:absolute; top:0; left:0; z-index:-1; width:100%; height:376px; background:url(../images/bg-UA.jpg) top center no-repeat;}
/* Backgrounds (end) */


/* HEADER (start) */
#header{float:left; position:relative; width:800px; height:44px;}
#nav{float:left; position:absolute; left:-15px; width:580px; height:34px; padding-top:10px; padding-left:10px; background:url(../images/nav-bg.jpg) top left no-repeat;}
	.US-home a{float:left; display:block; margin-right:6px; width:70px; height:20px; background:url(../images/nav-US.png) 0 0 no-repeat;}
	.US-home a:hover{background:url(../images/nav-US.png) 0 -20px no-repeat;}
	.US-schedule a{float:left; display:block; margin-right:6px; width:86px; height:20px; background:url(../images/nav-US.png) -76px 0 no-repeat;}
	.US-schedule a:hover{background:url(../images/nav-US.png) -76px -20px no-repeat;}
	.US-gallery a{float:left; display:block; margin-right:6px; width:70px; height:20px; background:url(../images/nav-US.png) -168px 0 no-repeat;}
	.US-gallery a:hover{background:url(../images/nav-US.png) -168px -20px no-repeat;}
	.US-students a{float:left; display:block; margin-right:6px; width:82px; height:20px; background:url(../images/nav-US.png) -244px 0 no-repeat;}
	.US-students a:hover{background:url(../images/nav-US.png) -244px -20px no-repeat;}
	.US-staff a{float:left; display:block; margin-right:6px; width:66px; height:20px; background:url(../images/nav-US.png) -332px 0 no-repeat;}
	.US-staff a:hover{background:url(../images/nav-US.png) -332px -20px no-repeat;}
	.US-about a{float:left; display:block; margin-right:6px; width:69px; height:20px; background:url(../images/nav-US.png) -404px 0 no-repeat;}
	.US-about a:hover{background:url(../images/nav-US.png) -404px -20px no-repeat;}
	.US-contact a{float:left; display:block; margin-right:6px; width:80px; height:20px; background:url(../images/nav-US.png) -480px 0 no-repeat;}
	.US-contact a:hover{background:url(../images/nav-US.png) -480px -20px no-repeat;}

	.UA-home a{float:left; display:block; margin-right:6px; width:70px; height:20px; background:url(../images/nav-UA.png) 0 0 no-repeat;}
	.UA-home a:hover{background:url(../images/nav-UA.png) 0 -20px no-repeat;}
	.UA-schedule a{float:left; display:block; margin-right:6px; width:86px; height:20px; background:url(../images/nav-UA.png) -76px 0 no-repeat;}
	.UA-schedule a:hover{background:url(../images/nav-UA.png) -76px -20px no-repeat;}
	.UA-gallery a{float:left; display:block; margin-right:6px; width:70px; height:20px; background:url(../images/nav-UA.png) -168px 0 no-repeat;}
	.UA-gallery a:hover{background:url(../images/nav-UA.png) -168px -20px no-repeat;}
	.UA-students a{float:left; display:block; margin-right:6px; width:82px; height:20px; background:url(../images/nav-UA.png) -244px 0 no-repeat;}
	.UA-students a:hover{background:url(../images/nav-UA.png) -244px -20px no-repeat;}
	.UA-staff a{float:left; display:block; margin-right:6px; width:66px; height:20px; background:url(../images/nav-UA.png) -332px 0 no-repeat;}
	.UA-staff a:hover{background:url(../images/nav-UA.png) -332px -20px no-repeat;}
	.UA-about a{float:left; display:block; margin-right:6px; width:69px; height:20px; background:url(../images/nav-UA.png) -404px 0 no-repeat;}
	.UA-about a:hover{background:url(../images/nav-UA.png) -404px -20px no-repeat;}
	.UA-contact a{float:left; display:block; margin-right:6px; width:80px; height:20px; background:url(../images/nav-UA.png) -480px 0 no-repeat;}
	.UA-contact a:hover{background:url(../images/nav-UA.png) -480px -20px no-repeat;}

#lang-US{float:right; position:absolute; right:-15px; width:145px; height:34px; background: url(../images/us.jpg) top left no-repeat;}
	#link-US a{float:left; display:block; margin-left:70px; height:28px; width:70px;}
#lang-UA{float:right; position:absolute; right:-15px; width:145px; height:34px; background: url(../images/ua.jpg) top left no-repeat;}
	#link-UA a{float:left; display:block; margin-left:0px; height:28px; width:70px;}
/* HEADER (end) */



/* MIDDLE (start) */
#middle{float:left; margin-top:80px; width:800px; margin-bottom:30px;}
/* MIDDLE (end) */


/* FOOTER (start) */
#footer{float:left; width:100%; background:url(../images/bg-footer.jpg) top center repeat-x #FFFF00; height:350px;}
#footerCenter{width:800px; padding-top:30px; color:#CAA200;}
.footerLinks a{padding:10px; color:#FFF; font-weight:bold; font-size:13px; text-decoration:none;}
.footerLinks a:hover{text-decoration:underline;}
.policyLink a{padding:5px; color:#FFF; font-weight:bold; background-color:#FFCC00; text-decoration:none; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.policyLink a:hover{background-color:#CAA200;}
/* FOOTER (end) */

/* .............................................................................................. */

/* INDEX (start) */
#indexBanner{float:left; width:800px; margin-bottom:20px;}
#indexButtons{float:left; width:800px; padding-left:5px; padding-right:5px; height:60px; margin-bottom:20px;}
	#historyButton a{float:left; display:block; width:190px; height:60px; margin-right:10px; padding-left:15px; padding-top:10px; font-weight:bold; color:#FFF; text-decoration:none; background:url(../images/index-buttons.png) 0 0 no-repeat; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	#historyButton a:hover{background:url(../images/index-buttons.png) -190px 0 no-repeat;}
	#historyButton a span{font-size:24px; line-height:20px;}
	#staffButton a{float:left; display:block; width:190px; height:60px; margin-right:10px; padding-left:15px; padding-top:10px; font-weight:bold; color:#FFF; text-decoration:none; background:url(../images/index-buttons.png) 0 -60px no-repeat; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	#staffButton a:hover{background:url(../images/index-buttons.png) -190px -60px no-repeat;}
	#staffButton a span{font-size:24px; line-height:20px;}
	#galleryButton a{float:left; display:block; width:190px; height:60px; margin-right:10px; padding-left:15px; padding-top:10px; font-weight:bold; color:#FFF; text-decoration:none; background:url(../images/index-buttons.png) 0 -120px no-repeat; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	#galleryButton a:hover{background:url(../images/index-buttons.png) -190px -120px no-repeat;}
	#galleryButton a span{font-size:24px; line-height:20px;}
	#applicationButton a{float:left; display:block; width:190px; height:60px; padding-left:15px; padding-top:10px; font-weight:bold; color:#FFF; text-decoration:none; background:url(../images/index-buttons.png) 0 -180px no-repeat; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	#applicationButton a:hover{background:url(../images/index-buttons.png) -190px -180px no-repeat;}
	#applicationButton a span{font-size:24px; line-height:20px;}
#indexInfo{float:left; width:800px; height:150px; margin-bottom:20px; padding-top:30px; padding-left:30px; padding-right:30px; color:#FFF; line-height:17px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background:url(../images/index-info.png) top center no-repeat;}
#indexBottom{float:left; width:800px; height:260px;}
#indexBottomLeft{float:left; width:220px; height:245px; padding-top:15px; background:url(../images/index-schedule-bg.png) 0 0 no-repeat;}
	.sDay{float:left; width:200px; height:40px; margin-left:15px; margin-bottom:2px;}
	.sDayLeft{float:left; width:90px; font-size:14px; font-weight:bold; color:#DFB300;}
		.sDayDate{font-size:11px; font-weight:normal; color:#999;}
	.sDayRight{float:left; width:100px; margin-top:5px;}
		.onSchedule{display:block; width:90px; text-align:center; color:#FFF; font-weight:bold; background-color:#8AC817; padding:5px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
		.cancelled{display:block; width:90px; text-align:center; color:#FFF; font-weight:bold; background-color:#CCCCCC; padding:5px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
	.scheduleLink a{float:right; margin-right:18px; font-size:12px; font-weight:bold; color:#56BFFE; text-decoration:underline;}
	.scheduleLink a:hover{text-decoration:none;}
#indexBottomRight{float:right; width:570px; height:260px; background:url(../images/index-news-bg.png) 0 0 no-repeat;}
	.iNews{float:left; width:520px; height:70px; padding:15px; padding-top:10px; margin-left:10px; margin-top:10px; font-size:11px; font-weight:normal; color:#999; background-color:#FFF; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
	.iNewsDate{font-size:14px; font-weight:bold; color:#DFB300;}
/* INDEX (end) */

/* SCHEDULE (start) */
#schedule{float:left; width:800px; height:550px; background:url(../images/schedule-bg.png) 0 0 no-repeat;}
#scheduleLeft{float:left; width:570px;}
	#scheduleLeftTop{float:left; width:570px; height:97px; padding-top:40px; padding-right:30px; color:#FFF; font-weight:bold; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	#scheduleEvent{float:left; width:530px; height:160px; margin-left:20px; margin-bottom:25px; background-color:#FFF; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
	#scheduleNews{float:left; width:530px; margin-left:20px;}
		#scheduleNewsTop{float:left; width:530px; margin-bottom:10px; padding-left:5px; padding-top:10px; font-size:15px; font-weight:bold; color:#FFF; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
			.newsPost{float:left; width:530px; padding:20px; margin-bottom:10px; background-color:#FFF; font-size:11px; font-weight:normal; color:#999; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#scheduleRight{float:right; width:230px;}
	#scheduleRightTop{float:left; width:230px; height:47px; padding-left:15px; padding-top:22px; font-size:15px; color:#FFF; font-weight:bold; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	#scheduleRightDays{float:left; width:230px; padding-top:10px;}
/* SCHEDULE (end) */

/* GALLERY (start) */
#gallery{float:left; width:800px; min-height:400px; background:url(../images/gallery-bg.jpg) 0 0 no-repeat #31A8F8; -webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;}
#galleryTitle{float:left; width:800px; padding-top:12px; padding-bottom:12px; padding-left:62px; color:#FFF; font-size:20px; font-weight:bold; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.album{float:left; width:160px; height:170px; margin-left:30px; margin-bottom:30px; background:url(../images/album-bg.jpg) 0 0 no-repeat;}
	.albumYear{float:left; width:160px; height:33px; padding-top:7px; font-size:16px; font-weight:bold; color:#FFCC00; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.albumPicture{float:left; width:160px; height:110px;}
	.albumPicNum{float:left; width:160px; height:27px; padding-top:5px; font-size:12px; font-weight:bold; color:#0192E9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
/* GALLERY (end) */

/* ALBUM (start) */
#albumTop{float:left; width:800px; height:244px; background:url(../images/album-top-bg.png) 0 0 no-repeat;}
	#albumTop1{float:left; width:155px; height:78px; padding-top:26px; margin-left:645px; font-size:15px; color:#FFF; font-weight:bold; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	#albumTop2{float:left; width:800px; height:150px;}
		#albumTop2Photo{float:left; width:160px; height:160px; margin-left:23px;}
		#albumTop2Info{float:left; width:580px; height:160px; margin-left:15px; color:#FFF;}
#albumBottom{float:left; width:800px; padding-bottom:32px; background-color:#1F95DC; -webkit-border-bottom-right-radius: 15px; -webkit-border-bottom-left-radius: 15px; -moz-border-radius-bottomright: 15px; -moz-border-radius-bottomleft: 15px; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px;}
	.albumPhoto{float:left; width:158px; height:115px; padding-top:5px; margin-left:32px; margin-top:32px; background:url(../images/photo_bg.jpg) 0 0 no-repeat;}
/* ALBUM (end) */

/* STUDENTS (start) */
#students{float:left; width:800px; height:590px; background:url(../images/students-bg.png) 0 0 no-repeat;}
#studentLeft{float:left; width:500px;}
#studentsLeftTop{float:left; width:500px; height:90px; padding-right:20px; padding-top:28px; font-size:12px; color:#C1A71D; font-weight:bold; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#studentTH{float:left; width:450px; height:120px; margin-left:30px; padding-left:95px; color:#999; background:url(../images/th.jpg) 0 0 no-repeat; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#studentST{float:left; width:450px; height:120px; margin-left:30px; padding-left:95px; color:#999; background:url(../images/student.jpg) 0 0 no-repeat; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.studentInfo{float:left; width:450px; height:120px; margin-left:30px; margin-top:10px; margin-bottom:20px; color:#999; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.applicationLink a{font-size:12px; font-weight:bold; color:#56BFFE; text-decoration:underline;}
	.applicationLink a:hover{text-decoration:none;}
#studentsRight{float:right; width:280px; margin-right:10px; padding:20px; padding-top:30px; color:#999; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
/* STUDENTS (end) */

/* STAFF (start) */
#staff{float:left; width:800px; padding-bottom:40px; background:url(../images/staff-bg.png) 0 0 no-repeat;}
#staffLeft{float:left; width:500px;}
	.teacher{float:left; width:450px; height:95px; margin-left:25px; background:url(../images/staff-div.jpg) bottom left repeat-x;}
	.teacherLeft{float:left; width:70px;}
	.teacherRight{float:left; color:#999; font-weight:bold;}
		.teacherName{font-size:15px; letter-spacing:-1px; color:#C1A71D;}
#staffLeftTop{float:left; width:500px; height:95px; padding-right:20px; padding-top:28px; font-size:12px; color:#C1A71D; font-weight:bold; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#staffRight{float:right; width:280px; margin-right:10px; padding:20px; padding-top:30px; color:#999; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.teacherRt{float:left; width:240px; height:95px; background:url(../images/staff-div.jpg) bottom left repeat-x;}
	.teacherRtLeft{float:left; width:70px;}
	.teacherRtRight{float:left; width:170px; color:#999; font-weight:bold;}
/* STAFF (end) */

/* ABOUT (start) */
#about{float:left; width:800px; min-height:590px; padding-bottom:40px; background:url(../images/about-bg.png) 0 0 no-repeat;}
#aboutLeft{float:left; width:500px;}
	#aboutLeftTop{float:left; width:500px; height:75px; padding-right:20px; padding-top:28px; font-size:12px; color:#C1A71D; font-weight:bold; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	#aboutLeftMiddle{float:left; width:500px; padding:35px; color:#999; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#aboutRight{float:right; width:280px; margin-right:10px; padding:20px; padding-top:30px; color:#999; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
/* ABOUT (end) */

/* CONTACT (start) */
#contact{float:left; width:800px; min-height:370px; padding-bottom:40px; background:url(../images/contact-bg.png) 0 0 no-repeat;}
#contactLeft{float:left; width:500px;}
	#contactLeftTop{float:left; width:500px; height:75px; padding-right:20px; padding-top:28px; font-size:12px; color:#FFF; font-weight:bold; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	#contactLeftMiddle{float:left; width:500px; height:70px; padding-left:35px; padding-right:35px; padding-top:25px; color:#FFF; font-size:11px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	#contactLeftForm{float:left; width:500px; height:70px; padding-left:35px; padding-right:35px; padding-top:25px; color:#FFF; font-size:11px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#contactRight{float:right; width:280px; margin-right:10px; padding:20px; padding-top:30px; color:#999; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
/* CONTACT (end) */