/*NAVIGACE*/
#subnavbar {width: 160px; border: 0px; margin: 0px; float: right;}
#navcontainer {width: 160px; padding: 0px; margin-bottom: 1em; background-color: rgb(240,240,240);}
#navcontainer ul {list-style: none; margin: 0px; padding: 0px; border: none;}
#navcontainer li {border-bottom: 1px solid rgb(240,240,240);  font-size: 12px; margin: 0; font-weight: bold;}
#navcontainer li a {display: block; padding: 5px; border-left: 10px solid #999; background-color: #333; color: #fff; text-decoration: none; width: 140px;}
#navcontainer li a:hover {border-left-color: #ff3333; background-color: #666; color: #fff;}
#navcontainer li li {font-weight: normal; font-size: 11px; border-top: 1px solid rgb(240,240,240); border-bottom: 0; margin: 0;}
#navcontainer li li a {padding: 5px 5px 5px 15px; margin-left: 10px; border-left: 10px solid #333; background-color: #999; width: 120px;}
#flags {width: 160; text-align: center;}

div#header {background-image: url("images/barcode.gif"); background-repeat: repeat-y; margin-bottom: 5px; padding: 10px;}
div#footer {background-image: url("images/barcode.gif"); width: 800px; height: 3px; clear: both;}
.note {font-size: 10px; text-align: center; padding-bottom: 10px;}
.news {text-align: left;}
.news a {color: black;}
.news a:visited {color: black;}
.red a {color: black;}
.red a:hover {color: #ff3333;}
.red a:visited:hover {color: #ff3333;}
.note {font-style:italic;}

body {font-family: Arial Unicode MS, Lucida, Geneva, Helvetica, Arial, sans-serif; font-size: 12px; background-image: url("images/background.png"); background-repeat: repeat;}
div#body {width: 800px; margin: 0 auto 0 auto; padding: 10px; background-color: rgb(240,240,240); border: 1px solid #999;}
div.main {padding: 12px; width: 600px; border: 1px solid #999; margin: 0px 5px 5px 0px; background-color: white;}
div.heading {padding: 12px; width: 600px; border: 1px solid #666; margin: 0px 5px 5px 0px; background-color: white;}
div.main ul {margin-left: 20px; margin-top: 5px; margin-bottom: 5px;}
div.main ul li {list-style-image: url("images/arrow_red.gif"); margin-bottom: 3px;}
div.main ul li li{list-style-image: url("images/arrow_grey.gif"); margin-bottom: 3px;}
div.main ol li {margin-left: -20px; margin-bottom: 3px;}

a {color: #ff3333;}
a:visited {color: #ff3333;} 
a img {border: 0px;}
h1 {font-size: 18px; margin: 10px 0px 5px 0px; text-align: center;}
h2{font-size: 15px; font-weight: bold; margin: 10px 0px 5px 0px; border-bottom: 1px solid #999;}
h3 {font-size: 13px; font-weight: bold; margin: 10px 0px 5px 0px;}
p {margin: 5px 0px 5px 0px; text-align: justify;}
table {border-collapse: collapse; }
dt {font-weight: bold; padding: 0px;}
dd {font-size: 12px; margin: 5px 0px;}
dd a {color: black; text-decoration: none;}
dd a:hover {color: #ff3333;}
dd a:visited {color:black;}



#contacts {float: left; width: 230px;}
.nored a {color: black;}
.nored a:visited {color: black;}
.noredB a {color: black;}
.noredB {font-weight: bold;}

#traininglist {float: left; width: 340px;}
#phases {float: left;}
.right {float: right; padding: 0px 0px 10px 15px;}
.left {float: left; padding: 0px 15px 0px 0px;}
.pic_middle {text-align: center;}
.translate {color: green;}