/* WIELTOR CSS Document */
/*general rules*/
*
{
margin: 0px;
padding: 0px;
background: transparent;
}

a {
outline: none;
}

a {
	color: #e73;
	text-decoration: underline;
}

a:hover {
  color: #06c;
	text-decoration: none;
	border: #fff solid 0px;
}

/* headers */
h1, h2, h3, h4, h5, h6 { 
font : 1em "Tahoma", "Geneva", sans-serif;
font-weight: 500;
text-transform : none;
color : #06c;
margin-top: 20px;
margin-bottom: 10px;
} 
h1 { 
font-size : 1.8em;
} 
h2 { 
font-size : 1.6em;
} 
h3 { 
font-size : 1.6em;
} 

h4 { 
font-size : 1.4em;
} 

/*images*/
img { 
border : 0px solid #ddd;
} 

img.float-right { 
margin : 5px 15px 0px 0px;
} 

img.float-left { 
margin : 5px 15px 10px 0px;
border: 2px solid #ddd;
} 

a img { 
border : 3px solid #e73;
} 
a:hover img { 
border : 3px solid #06c;
} 

a img.float-left { 
margin : 0px 15px 10px 0px;
border : 3px solid #e73;
} 

a:hover img.float-left { 
border : 3px solid #06c;
} 

a img.float-right { 
margin : 5px 0px 5px 15px;
border : 3px solid #e73;
} 

a:hover img.float-right { 
border : 3px solid #06c;
} 
#footer a img {
border: 0px;
}
a.pdf, a.xls, a.qm {
border:0px solid black;
padding: 3px 0px 3px 25px;
line-height: 1.8em;
}
a.pdf { background: url('../img/pdf.gif') no-repeat left center;}
a.xls { background: url('../img/xls.gif') no-repeat left center;}
a.qm { background: url('../img/qm_s.gif') no-repeat left center;}

a.why {
background: url('../img/qm.jpg') no-repeat right 0px;
display: block;
float: right;
width: 220px;
height: 100px;
}

a:hover.why {
background: url('../img/qm.jpg') no-repeat right -130px;
}

a.why  span {
display: block;
margin-top: 30px;
margin-right: 50px;
}

/*Layout*/
body {
	font : 12px/1.8em Verdana, 'Trebuchet MS', Arial, Sans-serif;
  color : #666;
	background: #172b5d ;
	text-align: center;
	margin-top: 10px;
	width: 100%;
}

/* "main" - defines page width */
#main {
  background: url('../img/bg_blue.gif') repeat-y top left;
  margin: 0px auto;
	width: 900px;
}

/* header */
#header {
	background: url('../img/bg_blue_content1.jpg') no-repeat top center;
  text-align: center;
	margin: 0px auto;
  width:100%;
	height: 140px;
}

/*date display*/
div.date
{
  float: right;
}

div.date p
{
  color: #fff;
  font-size: 0.9em;
	text-align: right;
	margin-top: 1em;
	margin-right: 2em;
}

/*top menu*/
#navcontainer {
	text-align: right;
	padding-top: 70px;
	padding-left: 440px;
}
#navcontainer ul { list-style-type: none;}
#navcontainer ul li { display: inline;}
#navcontainer ul li a {
	color: #fff; 
	text-decoration: none;
  font-weight: 500;
	margin: 0em;
  padding: 1em 10px;
  outline: none;
}
#navcontainer ul li a:hover { color: #e73;}
#navcontainer ul li.selected a{ color: #e73;}
#navcontainer ul li a img.lang {
  border: 0px solid #007bc1 ;
  width: 25px; 
  height: 17px;
}

/* Main column body*/
#words {
  float: right;
  display:inline;
  margin-right: 35px;
	margin-top: 0px;
  text-align:left;
	width: 600px;
	border: 0px solid black;
}

/*typo*/
p {
	margin: 1em 0em 0 0em;
}

#words ol li {
	margin: 0 1em;
	line-height: 1.8em;
}

#words ul.sign { 
  list-style: none;
  margin: 0.5em 0 0 1em;
	line-height: 1.8em;
} 

#words ul.sign li{ 
  background: url('../img/submenu2.gif') no-repeat 0 0.8em;
  border:0px solid black;
  padding-left: 1.4em;
}

#words ul.adr {
  list-style-type: none;
}

#word.links {
	color: #4A91C3;
	font-weight: bold;
	text-decoration: none;
}

#words table.data {
text-align: center;
font-size: 12px;
border-spacing: 0px;
border-collapse: collapse;
margin: 1em 1.5em 1.5em 0em;
}

#words table td p {
font-size: 12px;
}

#words table.data td {
  border: 1px solid #C0C0C0;
  padding: 5px 3px 5px 3px;
  width: 100px;
}

#words table.photo {
width: 100%;
text-align: center;
border-spacing: 0px;
border-collapse: collapse;
margin: 0.5em 0em 1em 0em;
}

#words table.photo td {
  background: #172b5d;
  vertical-align: middle;
  border: 0px solid #404040;
  padding-top: 10px;
  padding-bottom: 10px;
}

#words table.photo td img {
  border: 2px solid;
  margin: auto;
}

#words table.photo td a img {
  border: 2px solid #e73;
  margin: auto;
}

#words table.photo td a:hover img {
  border: 2px solid #06c;
}

/* side column*/
#sidebar {
	float: left;
	display: inline;
	text-align: left;
  margin: 0px;
  padding: 0;	
	width: 210px;
}

/* side column*/
#sidebar {
	float: left;
	display: inline;
	text-align: left;
  margin: 0px;
  padding: 0;	
	width: 210px;
	border: 0px solid white;
}

/*side navigation*/
#sidebar h2 {
  background: url('../img/h2.gif') no-repeat left bottom;
	color: #fff ;
	font-size: 1.6em;
	font-weight: 500;
	letter-spacing: 1px;
	margin: 25px 0 5px 0;
	text-indent: 20px;
}

#sidebar ul {
	list-style: none;
	margin: 0 0 0 20px;
	padding: 0;
	width:100%;
}

#sidebar ul li {
	display: block;
}

#sidebar a {
	color: #fff;
	display: block;
	font-size: 1em;
	font-weight: 500;
	text-indent: 0em;
	text-decoration: none;
	width:100%;
	height: 1.8em;
	line-height: 1.8em;
}

#sidebar a:hover {
  color: #e73;
	text-decoration: none;
}

#sidebar a.title {
	color: #fff;
	font-size: 1.2em;
	letter-spacing: 1px;
	display: block;
	font-weight: 600;
	text-indent: 0em;
	text-decoration: none;
	border: 0px solid #e73;
	width: 100%;
	height: 2em;
	line-height: 2em;
}

#sidebar a:hover.title
{
color: #fff;
}

#sidebar a.subnav {
  background: url('../img/li_white.gif') no-repeat 0em 50%;
  font-size: 1em ;
  text-indent: 0.8em;
  padding-left: 0px;
  font-weight: normal;
  width: 100%;
}

#sidebar a:hover.subnav {
background: url('../img/li_h.gif') no-repeat 0em 50%;
}
/* footer */
#footer {
	clear: both;
	background: #172b5d url('../img/bg_blue_footer.jpg') no-repeat top center;
	font-size: 0.8em;
	text-align: center;
	color: #eee;	
	margin: 0em auto;
	width: 900px;
	height: 55px;
}

#footer a {
	color: #eee;
	text-decoration:underline;
}
#footer a:hover {
	text-decoration: none;
}

#footer p {
padding-top: 15px;
padding-left: 250px;
}

/* Alignment classes */
.float-left   { float: left;}
.float-right  { float: right; }
.align-left   { text-align: left; }
.align-right  { text-align: right; }
.align-center { text-align: center;	}
.align-justify { text-align: justify; }
.hide  { display: none; text-indent: -3000px; }

.space_10{
clear: both;
height: 10px;
}

.clearleft{ 
clear: left; 
line-height: 1em;
}

.clearright{ 
clear: right; 
line-height: 1em;
}

.clearboth{ 
clear: both; 
line-height: 0.1em;
}