/* CSS Document */
body {
	text-align: center;
	margin: 0 auto;
	font-size: 11px;
	font-family: Verdana,Gill Sans,Tahoma; 
	background-image: url(img/back.gif); 
	overflow-x: hidden;
}
a:link	{ 
color: #000000; 
text-decoration: none; 
font-weight: bold;} 
		
a:visited	{
color: #000000; 
text-decoration: none; 
font-weight: bold;} 

a:active	{ 
color: #000000; 
font-weight: bold;} 

a:hover		{ 
color: #ffffff; 
font-weight: bold;
}

h1{
font-family: "Arial";
font-size: 14px;
text-align: left;
font-weight: bold;
line-height: 14px;
letter-spacing: 3px;
color: #000000;
padding: 0px 0px 0px 0px;
margin: 4px 0px 4px 0px;
}

h2{
font-family: "Arial";
font-size: 12px;
font-variant: normal;
text-align: left;
padding: 0px 0px 0px 0px;
margin: 0 auto;
letter-spacing: 2px;
}

h3{
font-family: "Arial";
font-size: 11px;
color: #2136b8;
font-variant: normal;
text-align: left;
padding: 6px 0px 6px 0px;
margin: 0 auto;
letter-spacing: 2px;
}

h4{
font-family: "Arial";
font-size: 13px;
color: #2136b8;
text-align: left;
padding: 6px 0px 0px 0px;
margin: 0 auto;
letter-spacing: 2px;
}

p{
margin: 0px 0px 0px 0px;
padding: 0px 2px 4px 2px;
}

p.host{
padding: 0px 5px 0px 0px;
line-height: 12px;
}

p.host-bold{
margin: 0px 0px 0px 0px;
padding: 4px 5px 4px 0px;
color: #6c0c0c;
font-weight: bold;
line-height: normal;
}

p.desc{
margin: 0px 0px 0px 0px;
padding: 0px 20px 0px 0px;
line-height: 14px;
}

.bold {
font-weight: bold;
margin: 0px 0px 0px 0px;
padding: 5px 20px 0px 0px;
line-height: 12px;
color: #e60404;
}

ul{
margin: 0px 0px 0px 0px;
padding: 4px 0px 4px 30px;
list-style-position: outside;
list-style-image: url(img/arrow.gif);
}

hr{
height: 1px;
color: #fbc51d;
border: 0px;
background-color: #fbc51d;
padding: 0px 0px 0px 0px;
}

.table{
		font-family: "Arial"; 
		font-size: 10px; 
		text-align: center; 
		background-color: #7687a9;
		color: #e1e6ef;
		padding: 4px 0px 4px 0px;
		font-weight: bold;
		}

.table2{
		font-family: "Arial"; 
		font-size: 10px; 
		text-align: center; 
		background-color: #951111;
		color: #ffffff;
		font-weight: bold;
		padding: 4px 0px 4px 0px;
		letter-spacing: 2px;
}

.table3{
		font-family: "Arial"; 
		font-size: 10px; 
		text-align: center; 
		background-color: #d1d1ff;
		color: #000000;
		font-weight: bold;
		padding: 4px 0px 4px 0px;
		letter-spacing: 2px;
}

.table4{
		font-family: "Arial"; 
		font-size: 10px; 
		text-align: center; 
		background-color: #babbff;
		color: #000000;
		font-weight: bold;
		padding: 4px 0px 4px 0px;
		letter-spacing: 2px;
}

.table5{
		font-family: "Arial"; 
		font-size: 10px; 
		text-align: center; 
		background-color: #a9aaff;
		color: #000000;
		font-weight: bold;
		padding: 4px 0px 4px 0px;
		letter-spacing: 2px;
}

.table6{
		font-family: "Arial"; 
		font-size: 10px; 
		text-align: left; 
		background-color: #7687a9;
		color: #e1e6ef;
		padding: 8px 8px 8px 8px;
		font-weight: bold;
		border: 1px solid black;
		}


#tlo1 {
position: relative;
margin: 0 auto;
background-image: url(img/left.gif);
background-repeat: repeat-x;
width: 100%;
height: 200px;
z-index: 1;
}

#tlo2 {
position: relative;
left: 600px;
margin: -200px auto 0 auto;
background-image: url(img/right.gif);
background-repeat: repeat-x;
width: 80%;
height: 200px;
z-index: 2;
}

#top{
position: relative;
text-align: center;
margin: -200px auto 0 auto;
background-image: url(img/top.gif);
width: 900px;
height: 220px;
z-index: 3;

}

#lang{
position: relative;
text-align: center;
margin: 0px auto 0 auto;
padding: 165px 0px 0px 545px;
width: 350px;
height: 30px;
z-index: 5;

}

#lang		a:link		{ color: #FFFFFF; text-decoration: none; font-size: normal;} 
#lang		a:visited	{ color: #FFFFFF; text-decoration: none; font-size: normal;} 
#lang		a:active	{ color: #FFFFFF; font-size: normal;} 
#lang		a:hover		{ color: #ffea00; font-size: normal;}

.closed a:hover, #maintext a:hover {color:#FF0000}

#container{
position: relative;
text-align: center;
margin: 0 auto;
width: 100%;
overflow-x: hidden;
}


#menu{
position: relative;
text-align: center;
margin: 20px auto 0px auto;
background-image: url(img/menu.gif);
width: 800px;
height: 208px;
z-index: 3;

}

#main{
position: relative;
margin: -128px auto 0px auto;
padding: 0px 0px 0px 490px;
z-index: 9;
height: 20px;
width: 100px;
}
#res{
position: relative;
margin: -20px auto 0px auto;
padding: 0px 0px 0px 700px;
z-index: 8;
height: 20px;
width: 100px;
}
#link{
position: relative;
margin: 83px auto 0px auto;
padding: 0px 0px 0px 490px;
z-index: 9;
height: 20px;
width: 100px;
}
#cont{
position: relative;
margin: -20px auto 0px auto;
padding: 0px 0px 0px 700px;
z-index: 8;
height: 20px;
width: 100px;
}

#maintop{
position:relative;
margin: -203px auto 0px auto;
padding: 0px 0px 0px 200px;
width: 500px;
height: 10px;
background-image: url(img/maintop.gif);
background-repeat: no-repeat;
z-index: 8;

}

#maintext{
position: relative;
margin: 0px auto 0px auto;
padding: 4px 210px 4px 10px;
text-align: justify;
vertical-align: middle;
z-index: 7;
min-height: 178px;
width: 480px;
background-image: url(img/text.gif);
background-repeat: repeat-y;

}

#mainbottom{
position:relative;
margin: 0px auto 26px auto;
padding: 0px 0px 0px 202px;
width: 500px;
height: 10px;
background-image: url(img/mainbottom.gif);
background-repeat: no-repeat;
z-index: 8;

}

.content{
positon: relative;
margin: 0 auto;
width: 900px;
z-index: 9;
}

.left{
float: left;
padding: 0px 0px 0px 100px;
width: 500px;
margin-right: -10px;

}

.shorttop{
position:relative;
margin: 15px auto 0px auto;
padding: 0px 0px 0px 0px;
width: 500px;
height: 10px;
background-image: url(img/hosttop.gif);
background-repeat: no-repeat;
z-index: 8;
}

.short{
position: relative;
padding: 0px 8px 0px 8px;
text-align: justify;
vertical-align: middle;
z-index: 7;
min-height: 50px;
width: 500px;
background-image: url(img/host.gif);
background-repeat: repeat-y;
}

.shortbottom{
position:relative;
margin: 0px auto 15px auto;
padding: 0px 0px 0px 0px;
width: 500px;
height: 10px;
background-image: url(img/hostbottom.gif);
background-repeat: no-repeat;
z-index: 8;
}

.closetop{
position:relative;
margin: 10px auto 0px auto;
padding: 0px 0px 0px 0px;
width: 500px;
height: 10px;
background-image: url(img/closetop.gif);
background-repeat: no-repeat;
z-index: 7;
}

.closed{
position: relative;
margin: 0px auto 0px auto;
padding: 0px 8px 0px 8px;
text-align: justify;
vertical-align: middle;
z-index: 7;
width: 500px;
background-image: url(img/closed.gif);
background-repeat: repeat-y;
}

.closebottom{
position:relative;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
width: 500px;
height: 10px;
background-image: url(img/closebottom.gif);
background-repeat: no-repeat;
z-index: 7;
}

#right{
min-height: 600px;
padding: 10px 51px 0px 0px;
width: 206px;
float: right;
}

#bottom{
position: relative;
margin: 20px auto 0px auto;
padding: 1px 10px 1px 10px;
text-align: center;
width: 100%;
height: 18px;
background-image: url(img/bottom.gif);
z-index: 10;
overflow-x: hidden;
}

#bottom a:link, #bottom a:visited, #bottom a:active{
color: grey;
font-weight: normal;
}

#bottom a:hover{
color: white;}