/* COMMON STYLES */
body {margin:0; padding:0; color: #555555; background: #ffffff;  font: 80% 'Geneva CY', Arial;}
table {margin:0; padding:0; border-spacing: 0px; border-collapse: collapse;}
th {vertical-align: top; text-align: left; font-size: 90%; border-bottom: 1px solid #cccccc; color: #777777; padding: 0 0 10px 0;}
td {vertical-align: top; text-align: left; font-size: 80%;}
form { margin: 0px; padding: 0px;}

img {border: none;}
* html .png {width: expression(this.firstChild.width);
	filter: expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+this.firstChild.src+"', sizingMethod='image')");
	background: expression("transparent url("+this.firstChild.src.replace(".png", ".gif")+") no-repeat");
	backgr\ound: none !important;}
* html .png img {behavior: expression(this.style.visibility="hidden");}

a {color: #ffffff;}
p {line-height: 1.3em; margin: 0px; padding: 0 0 0.5em 0;}

ul {padding: 0; margin: 1em 0 1.5em 0;}
li {margin: 0.5em 0 0.5em 4em;}


h1, h2, h3, h4, th {font-weight: normal;}
h1 {margin: 0.9em 0 0.3em 0;  font-size: 170%; }
h2 {margin: 1em 0 0.5em 0; font-size: 190%; }
h3 {margin: 1.4em 0 0 0; font-size: 130%; }
h4 {margin: 1.3em 0 0.5em 0; font-size: 110%;}


.cb {clear: both;}
.w {width: 100%;}
.h {height: 100%;}
.fl {float: left;}
.fr {float: right;}

.pr {position: relative;}
.pa {position: absolute;}
.tac {text-align: center;}
.tal {text-align: left;}
.tar {text-align: right;}
.vam {vertical-align: middle;}
.vab {vertical-align: bottom;}
.nwr {white-space: nowrap;}

/*ALFA*/
* html .bgfield {height: 308px; margin: 0 10%;}
* html .ie {width: 100%; height: 116px; padding: 0 284px 0 0;  top:120px;}
* html .ie div {height: 116px; width: 100%; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bgfield.png', sizingMethod='scale');}

/*BASIS*/
.basis, .bgcloud  {width: expression((document.body.clientWidth||document.documentElement.clientWidth)  > 800 ? '100%' : '800px'); min-width: 800px;}
body>div.bgcloud {width: 100%;}
.bgglobe>div {position: absolute;}
@media all { html:first-child .intro {margin: 0 10% 0 30px;}}
.top {padding: 0 10%;}

/*LINK*/
.content a {color: #1F76B5;}
.left a, .left span {display: block; margin: 0 0 1.8em 0; white-space: nowrap; font-weight: bold;}
.left span {color: #cc0000;}
.left a, .right a {color: #1F76B5;}
.menu a {text-decoration: none;}

/*DESIGN*/
.bg {height: 308px;  background-image: url('/images/bg.png'); background-repeat: repeat-x;}
.bgcloud {height: 308px; background-image: url('/images/bgcloud.png'); background-repeat: no-repeat; background-position: left top;}
.bgglobe {height: 308px; background-image: url('/images/bgglobe.png'); background-repeat: no-repeat; background-position: top right;}
body>div.bgcloud .bgfield {height: 308px; background-image: url('/images/bgfield.png'); background-repeat: repeat-x; background-position: 0 120px; margin: 0 10%;}
.bottom {height: 90px;  background-image: url('/images/bgfooter.jpg'); background-repeat: repeat-x; background-position: left bottom;}

.logo {cursor:pointer; margin: 17px 15px 0 0;}
.logotxt {margin: 45px 0 35px 0;}
.intro  {margin: 0px 25% 0px 30px; padding: 20px 0 0 0;}
.intro div {margin: 0px 0 5px 0;}
.intro a {display: block; padding: 5px 0 0 180px; cursor:pointer;}
.intro p {width: 70%;}

.bgnav {background: #F2F5F2; margin: 0 0 20px 0;}
.nw, .ne, .se, .sw {background-repeat: no-repeat;}
.nw { background-image: url('/images/c1.gif'); background-position: left top;}
.ne { background-image: url('/images/c2.gif'); background-position: right top;}
.se { background-image: url('/images/c4.gif'); background-position: right bottom;}
.sw { background-image: url('/images/c3.gif'); background-position: left bottom;}
.info {padding: 20px 20px 10px 20px;}

/*NAV*/
.menu {top: 269px;}
.menu span {display: block; padding:0 10px;}
.button, .button-on {width: 20%;}
.menu td div {width: 100%; height: 38px;  font: 1.18em 'Arial Narrow'; cursor:pointer; color: #ffffff; text-align: center; white-space: nowrap;}
.button .button-c {background-image: url('/images/button-c.jpg'); background-repeat: repeat-x;}
.button .button-l {background-image: url('/images/button-l.jpg'); background-repeat: no-repeat; background-position: left top;}
.button .button-r {background-image: url('/images/button-r.jpg'); background-repeat: no-repeat; background-position: right top; padding: 6px 0 0 0;}
.button-on .button-c {background-image: url('/images/button-c-a.jpg'); background-repeat: repeat-x;}
.button-on .button-l {background-image: url('/images/button-l-a.jpg'); background-repeat: no-repeat; background-position: left top;}
.button-on .button-r {background-image: url('/images/button-r-a.jpg'); background-repeat: no-repeat; background-position: right top; padding: 6px 0 0 0;}

/*CONTENT*/
.content {margin: 280px 0 20px 0;}
.mainright {width: 60%; padding: 0 20px;}
.right {width: 80%; padding: 0 20px;}

.info h1 {margin: 0 0 0.3em 0;}
.info h4  {margin: 0.5em 0 0.3em 0; color:cc0000;}
/*.info h2 a {margin: 0;}*/

.content-block {margin: 0 20px 20px 0;}
.content-block h2 {margin: 0 20px 0.5em 0;}
.content-block h4 {margin: 0 0 0.5em 0;}
.content-block h4 a {color: cc0000;}
.txt {padding: 0 20px;}

td.imp {padding: 0 0 0 10px; color:#cc0000; font-weight: bold;}
p.imp {padding: 0 0 0 42px;}

.photo {margin:10px 0 20px 0;}
.photo div {border: 1px solid #dddddd; padding:3px; margin: 0 10px 10px 0;}

.questionnaire .fc {width:40%; padding: 10px 30px 10px 0;}
.questionnaire td {padding: 10px 0;}

.level {padding: 0 0 20px 40px; font-size: 0.9em;}
.level b {display: block; margin: 10px 0 5px 0;} 

.tutor b {color:cc0000;}
.tutor {padding: 0 20px 10px 0;}
.eidos {margin: 0 0 40px 0;}

.map {padding: 0 0 0 20px;}

/*OTHER*/
table.footer {width: 40%; margin-left: auto; margin-right: auto;}
table.footer td {text-align: center; padding: 0 10px;}
div.footer {margin: 15px 0 23px 0; color:#ffffff; font-size: 0.85em;}
.brd {border-left: 1px solid #ffffff; border-right: 1px solid #ffffff;}

.baner {padding: 20px 0 0 0;}

.seminar {margin: 20px 0 30px 0;}
.seminar th {padding: 0 10px 10px 10px; border-bottom: 1px solid #ddd; font-size: 8pt}
.seminar td {padding: 10px; border: 1px solid #ddd; vertical-align: middle;}

.people {margin: 0 20px 0 0;}