/* ITI-OS    ------     CSS Document */
body{
background-color:#333333;
font-family:Verdana, Arial, Helvetica, sans-serif
}
#contentcenter{
		width:800px;
		position:absolute;
		left:50%;
		margin-top:0;
		margin-right:auto;
		margin-left:-400;
		padding:0px;
		text-align:left;
}
/*-------------- text ---------------- */
p, .table{
	color:#333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	padding-right:10px;
}
.intro{
	color:#333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	padding:0 20px 5px 20px;
	text-align:justify;
}
.body-lg{
	font-size:16px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
}
.link{
	color:#333333;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.nav{
	font-family:"Garrison Light Sans", Verdana, Helvetica, Arial, sans-serif;
	color:#fff;
	font-size:14px;
	text-decoration:none;
}
.nav-lg{
	font-family:"Garrison Light Sans", Verdana, Helvetica, Arial, sans-serif;
	color:#fff;
	font-size:16px;
	text-decoration:none;
	letter-spacing:2px:
}
.left{
	font-size:11px;
	color:#CCCCCC;
	line-height:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-right:7px;
	padding-left:5px;
	text-align:left;
}
 li.body {
	/*margin: 0; */
	margin-left:25px;
	padding: 0 5px;
	list-style:disc;
	line-height:1.5em;
	padding-left:10px;
	color:#666666;
}
li.table{
	margin: 10px;
	/*padding: 0 5px;*/
	list-style:none;
	line-height:1.5em;
	color:#666666;
	font-size:11px;
	padding-left:50px;
}

.header, .header-sm{
/* */
	color:#777777;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:16px; 
	text-decoration:bold;
	text-align:center;
}
.header-md{
	font-size:14px;
	line-height:14px;
}
.header-sm{
	font-size:12px;
	line-height:12px;
}
.history{
	color:#666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:14px;
	padding-right:5px;
}
td.aboutiti{
	background-image:url(images/aboutiti02.jpg);
	background-repeat:no-repeat;
}
h4{
	color:#333333;
	font-size:16px;
	padding-top:-10px;
}
H3{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#ffffff;
}
H2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:27px;
	color:#444444;
}
.subnav{
	color:#666666;
	font-size:12px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	padding-left:2em;
	
}
.left-nav{
	font-size:12px;
	color:#993300;
}
	
a a.nav a.left-nav {
	text-decoration:none;
}
a.subnav{
	text-decoration:none;
}
a.subnav:hover{
	color:#006600;
	text-decoration:bold;
}
.content{
	color:#666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
}
/*-----------------divs ----------*/
#foot {
	/*top:1544px;*/
	left:0px;
	width:800px;
	height:38px;
	float:left;
	clear:both;
	background-image:url(images/iti-back/iti_back_08.jpg);
	font-size:10px;
}
#menu {
	position:absolute;
	left:0px;
	top:0px;
	width:800px;
	height:29px;
	background-color:#000000;
	z-index:10;
}

#links {
	position:absolute;
	left:0px;
	top:29px;
	width:235px;
	height:145px;
	background-image:url(images/iti-back/iti_back_02.jpg);
	
}

#iti-back-03 {
	position:absolute;
	left:230px;
	top:29px;
	width:570px;
	height:146px;z-index:-10;
}

#page-title {
	position:absolute;
	left:0px;
	top:175px;
	width:493px;
	height:35px;
	background-image:url(images/iti-back/iti_back_04.jpg);
	background-repeat:no-repeat;
	padding-top:10px;
	 z-index:-15; /**/
	
}

#iti-back-05 {
	position:absolute;
	left:493px;
	top:175px;
	width:307px;
	height:36px;
}

#section-menu {
	position:absolute;
	left:0px;
	top:210px;
	width:800px;
	height:28px; 
	background-image:url(images/iti-back/iti_back_06.jpg);
	padding-top:.5em;
	background-repeat:no-repeat;
}

#iti-back-07 {
	position:absolute;
	left:0px;
	top:238px;
	width:800px;
	/* height:714px; */
	background-color:#FFFFFF;
}
#iti-top {
	position:absolute;
	left:0px;
	top:238px;
	width:800px;
	height:400px;
	background-color:#FFFFFF;
}
#iti-bottom{
	position:absolute;
	left:0px;
	top:638px;
	width:800px;
	height:300px;
	background-color:#FFFFFF;
}

#iti-back-08 {
	position:absolute;
	left:0px;
	top:952px;
	width:800px;
	height:38px;
	background-color:#FFFFFF;
	clear:both;
	float:left;
}
/*--------- OS DIVS ----------- */
#os-07 {
	position:absolute;
	left:0px;
	top:238px;
	width:800px;
	background-color:#FFF;
	/* height:714px; */
}
#section-osmenu {
	position:absolute;
	left:0px;
	top:210px;
	width:800px;
	height:28px; 
	background-image:url(images/os-back/section-menu.jpg);
	padding-top:.5em;
	background-repeat:no-repeat;
}
#section-osmenua {
	position:absolute;
	left:0px;
	top:210px;
	width:800px;
	height:28px; 
	background-image:url(images/os-back/section-menua.jpg);
	padding-top:.5em;
	background-repeat:no-repeat;
}
#chapters{
	float:left;
	clear:both;
	left:0px;
	width::800px;
}
/*--------- MLI DIVS ----------- */
#section-mlimenu {
	position:absolute;
	left:0px;
	top:210px;
	width:800px;
	height:28px; 
	background-image:url(images/iti-back/iti_mli_05.jpg);
	padding-top:.5em;
	background-repeat:no-repeat;
}
#header{
	top:0px;
	left:0px;
	float:left;
}
/* ---------  vertical menu  ------ */
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#side {
position: absolute;
top: .5em;
left: 0px;
width: 12em;
z-index:+100;
/* background-color:#339966; */
}

#side dt {
cursor: pointer;
padding: 2px;
height: 27px;
/*background: #A9BFCB; font-weight: bold;border: 1px dashed yellow;
line-height: 15px;
margin: 1px 0;
text-align: left; 
font-family:Garrison Light Sans, Verdana, Helvetica, Arial, sans-serif;
color:#ffffff;*/

}

#side dd {
/*   border: 1px solid gray;  margin-top: -25px;border: 1px solid gray;*/
position: absolute;
z-index: +100;
left: 5em;
top: 25px;
width: 151px; 
background-color:#336633;
letter-spacing:2px;
background:transparent;

}

#side dt a:hover {
	text-decoration:bold;
	color:#FFCC00;
}

#side ul {
padding: 2px;
z-index: +100;
/* background-image:url(images/pop-menu.png);width:175px; */
}
#side li {
text-align: center;
font-size: 12px;
height: 18px;
line-height: 18px;
background-color:#003300;
z-index: +100;  /* */

}
#side li a, #menu dt a {
/* display: block;*/
color: #ffffff;
text-decoration: none;
z-index: +100;  /* */

}

#side li a:hover {
text-decoration: bold;
color: #FFCC33;
}

/*
#mentions {
font-family: verdana, arial, sans-serif;
position: absolute;
bottom : 200px;
left : 10px;
color: #000;
background-color: #ddd;
}
#mentions a {text-decoration: none;
color: #222;
}
#mentions a:hover{text-decoration: underline;
}
*/