/*
---------------------------------------------------------------------- 
Main tags 
----------------------------------------------------------------------
*/
body {
    padding: 0; margin: 0; 
    background: #0032cb url('../img/header_bg.jpg') no-repeat center top; 
	color: #000;
	font: normal 14px 'Times New Roman', 'MS Sans Serif', 'Sans Serif', Georgia, Garamond;
    text-align: left;}

a {color: #f00;}
a:hover {color: #f00; text-decoration: none;}
/* a:link {color: #f00;}  a:visited {color: #f00;} a:hover {color: #f00;} */
form {padding: 0; margin: 0;}
img {border: 0;}
hr {}
blockquote {}
table td {vertical-align: top;}
ul {}
ul li {}
h1 {color: #f00; font: normal 24px 'Times New Roman', 'MS Sans Serif', 'Sans Serif', Georgia, Garamond;}
h2 {color: #003ca3; font: normal 18px 'Times New Roman', 'MS Sans Serif', 'Sans Serif', Georgia, Garamond;}
#rightCol h2 {color: #f00; font: normal 23px 'Times New Roman', 'MS Sans Serif', 'Sans Serif', Georgia, Garamond;}
h3 {}
h4 {}
h5 {}

/*
---------------------------------------------------------------------- 
Structure 
----------------------------------------------------------------------
*/
#frame {
	width: 999px;
	margin: 0 auto; padding: 0;}

#frameBorder {
	width: 979px;
    border-left: 10px solid white; border-right: 10px solid white;
	margin: 0; padding: 0;}

#header {
    width: 100%; height: 368px;
    background: #0032cb url('../img/header_bg.jpg') no-repeat center top; }
	
#serviceMenu {margin: 100px 0 0 0; text-align: left; padding: 0;}
#serviceMenu img {margin-left: 30px;}

#langSelect {margin: 94px 21px 0 0; text-align: left; padding: 0;}
#langSelect td {padding: 0 3px 0 2px; text-align: center;}
#langSelect img {margin-bottom: 2px;}
#langSelect a {color: #fff; font: bold 11px Verdana, Tahoma, Arial;}
	
#logo {text-align: center;}
#logo img {width: 535px; height: 134px; margin-top: 29px;}

#center {width: 979px; border: 0; padding: 0; margin: 0; background: #fff url('../img/center_bg.gif') no-repeat right top;}
	
#leftCol {
	width: 253px;
	background: #0032cb url('../img/leftcol_bg.jpg') no-repeat left top;}
	
#menu {z-index: +10; background: url('../img/leftcol_menu_bg.jpg') no-repeat 18px 303px;}
#menu ul {
    list-style: none; 
    padding: 98px 44px 55px 42px; margin: 0px; 
    background: url('../img/leftcol_menu_bottom_bg.gif') no-repeat 4px bottom;}
#menu ul li {padding: 0 0 2px 15px; background: url('../img/leftcol_menu_ul.gif') no-repeat left 5px;}
#menu ul li.menuL2 {padding: 0 0 0px 10px; margin: 0px 0 0px 13px; background: url('../img/leftcol_menu_ul_l2.gif') no-repeat left 7px;}
#menu ul li a {color: #00556b; font: normal 14px Arial, Verdana, Tahoma; text-decoration: none;}
#menu ul li a:hover {color: #002289; font-weight: bold; text-decoration: underline;}
#menu ul li.menuL1active a {color: #003ca3;}
#menu ul li.menuL2 a {color: #003ca3; font: normal 11px Arial, Verdana, Tahoma; text-decoration: underline;}
#menu ul li.menuL2 a:hover {text-decoration: none;}

#darkBlock a {color: #fff; text-decoration: underline;}
#darkBlock h3 {color: #fff; text-decoration: underline; font: bold 16px 'Times New Roman', 'MS Sans Serif', 'Sans Serif', Georgia, Garamond; padding: 0; margin: 0 0 5px 0;}
#darkBlock {
    margin: 29px 30px 31px 18px;
    padding: 15px 29px 23px;
    background: #002187;}
    
.counters {text-align: center; margin-bottom: 32px;}
.copyright {text-align: center;}
#leftCol .copyright a {color: #7b9cff; font: normal 11px Verdana, Tahoma, Arial; text-decoration: underline;}

#content {background: url('../img/content_left_bottom_bg.gif') no-repeat left bottom; padding: 90px 0px 30px 25px;}
.container {margin-top: 280px;}
#pic4print {display: none;}
#center a.search {padding-left: 16px; background: url('../img/more_ul.gif') no-repeat left center;}
#center a.search:hover {color: #f00; background: url('../img/more_ul_hover.gif') no-repeat left center;}
.more {color: #002289; text-decoration: underline; white-space: nowrap;}

#rightCol {
    width: 200px;
    padding: 90px 19px 30px 20px;
    background: url('../img/rightcol_bg.gif') no-repeat right bottom;}

#rightCol ul {list-style-type: none; margin: 0; padding: 0;}
#rightCol ul li {margin: 0; padding: 0;}
#rightCol ul li.arcL2 {margin: 0px 0 0 20px; padding: 0;}
    
.right30 {margin-right: 30px;}
.news {color: #666; font: normal 12px 'Times New Roman', 'MS Sans Serif', 'Sans Serif', Georgia, Garamond; padding: 0 10px 22px 0;}
.date {color: #000;}
a.title {display: block; font-size: 14px;}
    
#content .news {font-size: 14px;}
#content a.title {margin-bottom: 0.8em; font-size: 16px;}
    
#angleCol {width: 18px; background: url('../img/rightcol_bg.gif') no-repeat right bottom;}

#borderCol {width: 18px;
    background: #0032cb url('../img/bordercol_bg.gif') no-repeat right top;}

#footer {
    padding-left: 292px; padding-top: 18px;
    color: #fff; font: normal 11px Verdana, Tahoma, Arial; line-height: 1.6em;
    background: url('../img/footer_bg.gif') no-repeat 10px bottom;}
#footer table {width: 100%; height: 150px;}
#footer td {padding-top: 10px;}
#footer #footerLogo {padding-top: 0px; vertical-align: middle;}
#footer b {color: #7ceeff;}
#footer a {color: #fff;}

/*
---------------------------------------------------------------------- 
Ö¥í²°à«¼í ¿ ꮬﮧ趨?ê °ò®© 
----------------------------------------------------------------------
*/

#fe_L {position: absolute; width: 10px; height: 119px; margin: 355px 0 0 -10px;}
#fe_R {position: absolute; width: 10px; height: 80px; margin: 344px 0 0 979px;}

#map {
	position: absolute;
	width: 753px; height: 328px; /* margin: 306px 0 0 236px; */ margin: -200px 0 0 -42px;
	text-align: left;
    background: url('../img/map.gif') no-repeat right top;}

#map a {
    display: block; position: absolute;
    color: #000; text-decoration: none;  font: normal 95% 'Times New Roman', 'MS Sans Serif', 'Sans Serif', Georgia;}
#map a span {color: #f00; font-weight: bold;}

#universityLink {
    width: 217px; height: 109px;
    margin-left: 8px; margin-top: 152px; 
    background: url('../img/icon_university1.gif') no-repeat center center;}
#universityLink:hover {background: url('../img/icon_university2.gif') no-repeat center center;}

#printLink {
    width: 175px; height: 73px;
    margin-left: 3px; margin-top: 284px; 
    background: url('../img/icon_print1.gif') no-repeat center center;}
#printLink:hover {background: url('../img/icon_print2.gif') no-repeat center center;}

#videoLink {
    width: 97px; height: 59px;
    margin-left: 183px; margin-top: 289px; 
    background: url('../img/icon_video1.gif') no-repeat center center;}
#videoLink:hover {background: url('../img/icon_video2.gif') no-repeat center center;}

#dep1 {margin-left: 356px; margin-top: 282px;}
#dep2 {margin-left: 356px; margin-top: 350px;}
#dep3 {margin-left: 356px; margin-top: 420px;}
#dep4 {margin-left: 549px; margin-top: 282px;}
#dep5 {margin-left: 549px; margin-top: 335px;}
#dep6 {margin-left: 570px; margin-top: 420px;}
#dep1:hover, #dep2:hover, #dep3:hover, #dep4:hover, #dep5:hover {text-decoration: underline;}

#printLink2 {
    display: block; position: absolute; color: #000; text-decoration: none;
    width: 175px; height: 73px;
    margin-left: 150px; margin-top: -69px; 
    background: url('../img/icon_print1.gif') no-repeat center center;}
#printLink2:hover {background: url('../img/icon_print2.gif') no-repeat center center;}


/*
---------------------------------------------------------------------- 
Classes 
----------------------------------------------------------------------
*/

.fleft {float: left;}
.fcenter {margin: 0 auto;}
.fright {float: right;}

.left {text-align: left;}
.center {text-align: center;}
.right {text-align: right;}

.picBlock {
    text-align: center;
    font-size: 90%;}
.picBlock img {border: 1px solid #000;}
.picBlock2 img {border: 1px solid #000;}
table.picBlock2 td {width: 33%; vertical-align: top;}
.newsPic {border: 1px solid #000; float: left; margin: 2px 10px 3px 0;}
.borderB {border: 1px solid #000;}
    
p.blue a {color: #003ca3;}
.blue {color: #003ca3;}
.grey {color: #999; white-space: nowrap;}

.faqQ {display: block; margin-bottom: 1em; color: #003ca3;}
.faqQ:hover {text-decoration: none;}

.docList {list-style-type: none; margin: 8px 14px; padding: 0;}
.docList li {padding-left: 15px; background: url('../img/ul_rec-docs-list.gif') no-repeat left 7px; margin: 6px 0;}

.middle, table.middle td {text-align: center; vertical-align: middle;}

#content table {width: 100%; border-collapse: collapse; font-size: 11px; color: #003ca3;}
#content table td, #content table th {border: 1px solid #78a8ff; font-weight: normal;}
#content table td {border-top: 0;  border-bottom: 1px solid #78a8ff;}
#content table th {background: #cbddfe;}

#content table.picBlock2 {width: 100%; border-collapse: collapse; font-size: 100%; color: #000;}
#content table.picBlock2 td, #content table.picBlock2 th {border: 0px; font-weight: normal;}
#content table.picBlock2 td {border-top: 0;  border-bottom: 0;}
#content table.picBlock2 th {background: none;}

.anketaTable {}
.anketaTable td {padding: 0 10px 10px 0;}
.anketaText {width: 400px; margin-top: 2px;}

#content table.anketaTable {width: 100%; border-collapse: collapse; font-size: 100%; color: #000;}
#content table.anketaTable td, #content table.anketaTable th {border: 0; font-weight: normal;}
#content table.anketaTable td {border-top: 0;}
#content table.anketaTable th {background: none;}


.noborder a { text-decoration:none;}
#content table.noborder td, #content table.noborder th {border: 1px solid #fff;}

sup { color : red;}
#obligatory { padding: 5px 0; }