* { margin: 0; border:0; padding: 0; }

body {
background: #868887;
color: #333;
font-size: small;
font-family: Arial, Verdana, Geneva, sans-serif;
line-height: 1.8em;
text-align: justify;
padding-top: 40px;}


ul {list-style-type: none; }

h2 {font-size: 105%; color: #4c8ee2; text-align: left; margin-bottom: 10px; }

.red {color: #ff0000;}


#container {
margin-left: auto;
margin-right: auto;
width: 900px;
height: 900px;
background: #fff;}


.logo {
display: inline;
width: 360px;
float: left;
margin-left: 50px;
margin-bottom:10px;
padding: 10px;
border: 1px #fff solid;}

.logo h1 {font-size: 150%; color: #c21212;  text-align: left;  }


.titu {
display: inline;
width: 360px;
float: left;
margin-left: 36px;
margin-bottom:10px;
padding: 10px;
border: 1px #fff solid;}

.titu h1 {font-size: 110%; color: #000;  text-align: right; }

.titu p { margin: 3px; text-align: right; font-size: 85%; color: #999; line-height: 1.1em;}


.nav1 {
display: inline;
float: left;
margin-left: 50px;
width: 360px;
border: 1px #fff solid;
background-color: #fff;
margin-bottom:10px;
padding: 10px;}


.nav1 ul li {float: left; padding-right: 7px; padding-left: 7px;}

.nav1 ul li a {color: #444; }

.nav1 ul li.active, .nav1 ul li:hover {background: #ccc;}

.nav2 {
display: inline;
float: left;
width: 800px;
height: 30px;
margin-left: 50px;
margin-right: 10px;
margin-bottom: 10px;
border: 1px solid #fff;
background: url(menu.gif);
}

.nav2 ul li {float: left; padding-left: 56px; padding-top: 5px;  }

.nav2 a:link {text-decoration: none; color: #ff0000;}

.nav2 a:visited {text-decoration: none; color: #ff0000;}

.nav2 a {font-size: 120%; font-weight:bold; }


.fig {
display: inline;
float: left;
margin-left: 50px;
margin-right: 10px;
margin-bottom: 10px;
background-image:  url(logo.jpg);
width: 800px;
height: 200px
}


.grid_apres {
display: inline;
float: left;
margin-left: 50px;
width: 800px;

margin-top:20px;
background-color: #fff;
border: 1px #fff solid;
}


.grid_table {
display: inline;
float: left;
margin-left: 50px;
width: 800px;
margin-bottom:20px;
margin-top:20px;
background-color: #fff;
border: 1px #fff solid;
}



.address{
color: #fff;
border: 1px #868887 solid;
margin-top:20px;
padding: 10px;
}

.address p { margin: 3px; text-align: center; font-size: 90%; }

.top
{ margin:12px 5px; padding-bottom:5px; background:inherit; color:#666; font-size: 100%; font-weight:bold; border-bottom:#c00 2px solid; text-align:left; letter-spacing: 3px;}

.img1 {float: left;  clear:left; margin-right: 10px;}

ul {
list-style: none;
margin: 0;
padding: 0;
}


/* =-=-=-=-=-=-=-[Menu Eight]-=-=-=-=-=-=-=- */

.menu8 {
        width: 200px;
        margin-right: 65px;
            float:left;   }

.menu8 li a {
        text-decoration: none;
        height: 32px;
          voice-family: "\"}\"";
          voice-family: inherit;
          height: 24px;
        }

.menu8 li a:link, .menu8 li a:visited {
        color: #777;
        display: block;
        background: url(menu8.gif);
        padding: 8px 0 0 20px;
        }

.menu8 li a:hover, .menu8 li .current {
        color: #257EB7;
        background: url(menu8.gif) 0 -32px;
        padding: 8px 0 0 25px;
        }

.menu8 li a:active {
        color: #fff;
        background: url(menu8.gif) 0 -64px;
        padding: 8px 0 0 25px;
        }
-->
