body {
	text-align: left;
	font: 12px "Arial", Helvetica, sans-serif;
	background-image: url('Graphics/bg_stripe.gif');
	background-repeat: repeat-x;
	background-color: #F1F1F1;
}

#body {
	position: relative;
	background: url('Graphics/back.png') repeat-y;
	width: 820px;
	margin: auto;
}
#zarabianieinternet1 {
	position: relative;
	background: url('Graphics/zarabianieinternet1.png') no-repeat;
	width: 820px;
	height: 116px;
	margin: auto;
}
#zarabianieinternet2 {
	position: relative;
	background: url('Graphics/zarabianieinternet2.png') no-repeat;
	width: 820px;
	height: 133px;
	margin: auto;
}
#zarabianieinternet3 {
	position: relative;
	background: url('Graphics/zarabianieinternet3.png') no-repeat;
	width: 820px;
	height: 79px;
	margin: auto;
}
#bodywrapper {
	width:790px;
	margin:auto;
	line-height:1.2;
}

/* left */

#leftColumnIndex {
	width: 340px;
	float: left;
}
#leftColumnIndexWrapper {
	margin-left: 11px;
	text-align: left;
}
#leftColumn {
	width: 450px;
	float: left;
	text-align: left;
}

/* right */

#rightColumnIndex {
	width: 400px;
	float: right;
}
#rightColumnIndexWrapper {
	text-align: left;
}

/* table */

table, td {
	border-collapse: collapse;
	border: 0px;
}

div.centered {
	text-align: center;
	}

div.centered table {
	margin: 0 auto; 
	text-align: left;
	}

/* page */

a:link {color: #0000FF;}
a:visited {color: #800080;}
a:hover {color: #FF0000;}

a.style2:link {color: #000000;}
a.style2:visited {color: #000000;}
a.style2:hover {color: #000000;}

img a {
border:none;
}

.font1{font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; font-style: normal}
.font2{font-family: Arial, Helvetica, sans-serif; font-size: 33px; color: darkred; font-weight: bold; font-style: italic}
.font3{font-family: Arial, Helvetica, sans-serif; font-size: 23px; font-weight: bold}
.font4{font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; font-style: normal}
.font5{font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold}
.font6{font-family: Arial, Helvetica, sans-serif; font-size: 28px; font-weight: bold}
.font7{font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #0066CC; font-weight: bold}
.font8{font-family: Arial, Helvetica, sans-serif; font-size: 33px; color: #0066CC; font-weight: bold; font-style: italic}
.font9{font-family: Arial, Helvetica, sans-serif; font-size: 37px; color: darkred; font-weight: bold; font-style: italic}
.font10{font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: black; font-weight: bold; font-style: italic}

p:first-letter {
  font-size: 5em;
  float: left;
  font-weight:bold;
}

.pads {
padding-left: 20px; 
background: #FFFFFF; 
color: #000000; 
}

div#hautgris {
background-image:url(Graphics/header-gris.png);
width:750px;
height:30px;
}

div#hautgris2 {
background-image:url(Graphics/back-gris.png);
width:697px;
padding-left:35px;
padding-right:35px;
padding-top:10px;
background-repeat:repeat-y;
overflow:hidden;
}

div#hautgris3 {
background-image:url(Graphics/footer-gris.png);
width:750px;
height:30px;
}

/* Slideshow */

#slideshow {
    position:relative;
    height:230px;
    width:780px;
	background: #FFFFFF;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}