/* CSS Document */

html {

	height:100%;

}

body {

	background-color:#2b44b7;

	background-image:url(../image/bg.png);

	margin:0px;

	height:100%;

}

* {

	font-family:Tahoma, Arial, Helvetica, sans-serif;

	font-size:11px;

	color:#000000;

	

}



/* ================ GLOBAL ============= */

img {

	border:0px;

	margin:0px;

}



h1,h2,h3,h4,h5 {

	margin:0px;

	padding:0px;

}



p,li {

	line-height:15px;

	margin:0px;

	margin-bottom:15px;

	text-align:justify;

}



/* ================ IT'S MAGIC! ============= */

.br {

 clear:both;

}



/* ================ MAIN BOXES =================== */

#mainBox {

	width:1001px;

	position:absolute;

	left:50%;

	margin-left:-500px;

	margin-top:4px;

}



#topBox {

	width:1001px;

	height:26px;

	background-image:url(../image/topBg.png);

	background-repeat:no-repeat;

}



#middleBox {

	width:1001px;

	background-color:#FFFFFF;

	background-image:url(../image/middleBg.png);

	background-repeat:repeat-y;

}



#middleBox2 {

	width:1001px;

	background-color:#FFFFFF;

	background-image:url(../image/middleBg2.png);

	background-repeat:repeat-y;

}



#footerBox {

	width:1001px;

	background-image:url(../image/bottomBg.png);

	background-repeat:no-repeat;

	height:32px;

}



#logoBox {

	width:375px;

	height:94px;

	margin-left:11px;

	float:left;

	display:inline;

}



#menuBox {

	width:601px;

	height:94px;

	float:right;

	margin-right:12px;

	display:inline;

}



#leftBox {

	width:375px;

	float:left;

	margin-left:11px;

	display:inline;	

}



#leftBox2 {

	width:192px;

	float:left;

	margin-left:13px;

	display:inline;	

	padding-bottom:20px;

	clear:left;

}



#banerBox {

	margin-right: 12px;

	float:right;

	display:inline;

}



#groupBox {

	float:right;

	margin-right:12px;

	display:inline;

	padding-top:10px;

}



#contentBox {

	width:741px;

	margin-left:20px;

	float:left;

	margin-top:20px;

	margin-bottom:20px;

}



#advLeftBox {

	background-image:url(../image/submenuBg.png);

	background-position:bottom;

	width:190px;

	height:299px;

	float:left;

	display:inline;	

	margin-top:20px;

}

/* ================ TOP =================== */

#eeUrl {

	font-weight:bold;

	position:absolute;

	top:9px;

	left:870px;

	color:#838585;

}



#topLinks {

	position:absolute;

	top:7px;

	left:400px;

}



/* ================ CALENDAR =================== */

#calendar {

	width:173px;

	margin-left:13px;

	float:left;

	display:inline;

	border-right:1px dotted #bdbdbd;

	margin-top:5px;

}



#calendar h2 {

	border-bottom: 1px dotted #999999;

}



#calendar table {

	margin-top:5px;

	border-collapse:separate;

}

#calendar td {

	width:19px;

	height:19px;

	text-align:center;

	color:#FFFFFF;

	font-size:11px;

	font-weight:bold;

	padding:0px;

	padding-left:1px;

	cursor:pointer;

}

#calendar td.normal {

	background-image:url(../image/calendarNormal.gif);

	background-repeat:no-repeat;

}

#calendar td.free {

	background-image:url(../image/calendarFree.gif);

	background-repeat:no-repeat;

}



#calendar td.start {

	background-image:url(../image/calendarStart.gif);

	background-repeat:no-repeat;

}



#calendar td.end {

	background-image:url(../image/calendarEnd.gif);

	background-repeat:no-repeat;

}



#calendar td.today {

	background-image:url(../image/calendarToday.gif);

	background-repeat:no-repeat;



}



#calendar th {

	color:#324488;

	font-size:11px;

}

#calendar select {

	font-size:11px;

	color:#000000;

	font-weight:normal;

}



#dhtmltooltip{

	color:#000000;

	position: absolute;

	width: 100px;

	border: 1px solid black;

	padding: 2px;

	background-color:#FFFFCC;

	visibility: hidden;

	z-index: 100;

	text-align:center;



}



/* ================ IDIOMS =================== */

#idioms {

	width:172px;

	margin-right:15px;

	float:right;

	display:inline;

	margin-top:5px;

}



#leftBox #idioms h2 {

	border-bottom: 1px dotted #999999;

	border-top: 0px;

}



#leftBox2 #idioms h2 {

	border-bottom: 1px dotted #999999;

	border-top: 1px dotted #999999;

}



#idioms .i_eng {

	font-size:11px;

	font-weight:bold;

	color:red;

	text-align:center;

	margin-top:15px;

	margin-left:5px;

	margin-right:5px;

}

#idioms .i_pol {

	font-size:11px;

	color:#181f67;

	text-align:center;

	margin-left:5px;

	margin-right:5px;

	font-weight:bold;

}



/* ================ DATE =================== */

#date {

	position:absolute;

	left:0px;

	top:97px;

	text-align:center;

	width:375px;

	font-weight:bold;

	color:#838585;

}



/* ================ COPYRIGHT =================== */

#copyright {

	color:#FFFFFF;

	text-align:center;

	width:376px;

	float:left;

	padding-top:5px;

	margin-left:14px;

	display:inline;

}



/* ================ MENU DOWN =================== */

#menuDown {

	width:591px;

	text-align:center;

	float:left;

	padding-top:5px;

	color:#FFFFFF;

	margin-left:4px;

	display:inline;

}



#menuDown a {

	color:#FFFFFF;

	margin-left:5px;

	margin-right:5px;

}



#menuDown a:link {

	text-decoration:none;

}



#menuDown a:visited {

	text-decoration:none;

	color:#CCCCCC;

}



#menuDown a:hover {

	text-decoration:underline;

}



/* ================ NEWS =================== */

#news {

	

	margin-left:14px;

	margin-top:10px;

	margin-bottom:10px;

	margin-right:10px;

}



#news h2 {

	border-bottom: 1px dotted #999999;

	border-top: 1px dotted #999999;

}



#news .item {

	clear:both;

	width:100%;

	margin-top:15px;

}



#news .icon {

	float:left;

	margin-right:10px;

}



#news .date {

	color:#acacac;

}

#news .titles {

 	clear:right;

}

#news .titles a {

	color:#324488;

	font-weight:bold;

	font-size:12px;

	margin-right:5px;

	text-decoration:none;

}



#news .titles a:hover {

	color:#0066CC;

	text-decoration:underline;

}



#news .text {

	margin-top:10px;

	color:#4f4f4f;

	line-height:15px;

}

/* ================ SUBMENU =================== */

#submenu {

	width: 183px;

	padding: 0px;

	margin: 0px;

	margin-top:15px;

	margin-bottom:10px;

}



#submenu ul {

	list-style: none;

	margin: 0px;

	padding: 0px;

	border: none;

	margin-left:2px;

}



#submenu ul li {

	margin: 0px;

	padding: 0px;

}

#submenu ul li a {

	display: block;

	background-image:url(../image/submenu_inactive.png);

	background-repeat:no-repeat;

	text-decoration: none;

	color: #FFFFFF;

	font-weight:bold;

	width:183px;

	height:23px;

	padding-top:9px;

	padding-left:15px;

}

#submenu ul li.active a {

	background-image:url(../image/submenu_active.png);

}



#submenu ul li a:hover, #submenu ul li a:focus {

	background-image:url(../image/submenu_hover.png);

	background-repeat:no-repeat;

	color: #FFFFFF;

}



/* ================ CONTENTS TEXT =================== */



#contentBox .title {

  border-left: 9px solid red;

  padding-left:10px;

}



#contentBox h1 {

	font-family:Arial, Tahoma, Helvetica, sans-serif;

	font-size:20px;

	color:#314488;

	text-transform:uppercase;

}



#contentBox h2 {

	font-family:Arial, Tahoma, Helvetica, sans-serif;

	font-size:16px;

	color:red;

	

}



#contentBox h3 {

	font-family:Arial, Tahoma, Helvetica, sans-serif;

	font-size:14px;

	color:red;

	margin-bottom:5px;

}



#contentBox .topic {

	width:100%;

	border-bottom:1px solid #717171;

	margin-bottom:15px;

	margin-top:15px;

	line-height:1px;

}



#contentBox .topic p {

	font-size:12px;

	font-weight:bold;

	color:#4f4f4f;

	line-height:15px;

}



#contentBox .column2A {

	width:488px;

	margin-right:19px;

	float:left;

	display:inline;

}







#contentBox .columnA {

	width:234px;

	margin-right:19px;

	float:left;

	display:inline;

}



#contentBox .columnB {

	width:234px;

	float:left;

	display:inline;

}



#contentBox img {

	margin-bottom:5px;

	clear:both;

	display:block;

}

#contentBox .imgBox {

	border:1px solid #999999;

	text-align:center;

	margin-bottom:10px;

	margin-left:0px;

	padding-bottom:5px;

	color:#999999;

}



#contentBox a {

	color:#FF0000;

	text-decoration:none;

}



#contentBox a:hover {

	text-decoration:underline;

}



#contentBox p.date {

	margin:0px;

	color:#999999;

}

#contentBox table {

		border:1px solid #ececec;
		margin-bottom: 15px;
		width:100%;

}

#contentBox td {

	border:1px solid #ececec;
	padding:5px;
	text-align:right;
}

#contentBox td.desc-center {
	text-align:center;
}

#contentBox th {

	background-color:#ececec;
	text-align:center;
	padding:5px;

	width:20%;

}

/* ================ GALLERY =================== */



table#gallery  {

	background-color:#ececec;

	width:auto;

}

table#gallery td {

	background-image: url(../image/photoBg3.png);

	background-repeat:no-repeat;

	width:140px;

	height:140px;

	text-align:center;

	padding:0px;

	vertical-align:top;

	padding-top:10px;

	

}



table#gallery td.vert {

	background-image: url(../image/photoBg2.png);

	background-repeat:no-repeat;

	width:140px;

	height:160px;

	text-align:center;

	padding:0px;

	vertical-align:top;

	padding-top:10px;

}



table#gallery td img {

	 display: block;

    margin-left: auto;

    margin-right: auto

}



table#gallery .desc {

	margin-left: 20px;

	margin-right: 20px;

	color:#999999;

}

table#gallery th {

	width:auto;

	padding:10px;

	text-align:right;

	color:#999999;

}

/*===========   W3C =================*/

#w3c {

	width:390px;

	text-align:center;

}

#w3c img {

	margin-left:10px;

}

.stroik {
	position:absolute;
	background-image: url(../image/stroik.png);
	width:48px;
	height:64px;
	top:20px;
	left:356px;
}