body {
background:url('/images/background-vertical.gif');
margin:0px 10px;
padding:0;
text-align:center;
font-family:Trebuchet MS;"Verdana CE",verdana,"Arial CE",Arial,helvetica,sans-serif}

a:hover {
text-decoration:none}

.obal {
width:888px;
margin-left:auto;
margin-right:auto;
padding:0px;
text-align:left}

.header {
background-image:url('/images/header.jpg');
float:left;
width:888px;
height:140px;
margin:0;
padding:0}

#logo {
float:left;
border:0;
margin:26px 0 0 63px}

#www {
float:left;
border:0;
margin:-90px 0 0 625px}

#map_canvas {
float:left;
width:526px;
height:526px;
border:1px solid #C2E0A3;
padding:5px}

.menu {
float:right;
margin:9px 0 0 0;
_margin-top:11px;
padding:0 77px 0 0;
font-size:14px;
letter-spacing:1.3px;
text-align:right}

.menu a {
padding:2px 8px;
font-weight:bold;
color:white}

.menu a:hover {
color:#7742A1;
background:white}

.menu .selected {
text-decoration:none;
color:#7742A1;
background:white}

.content-top {
background:url('/images/content-top.gif') white no-repeat;
float:left;
width:760px;
height:48px;
padding:0 64px 0 64px;
margin:0 0 0 0;
border:0px solid black}

.content {
background:url('/images/content-body.gif') white;
float:left;
width:760px;
text-align:justify;
padding:0 64px 15px 64px;
margin:0}

.pen {
background:url('/images/notepad.gif') no-repeat;
float:right;
padding:0 0 0 14px;
margin:0;
font-size:13px;
border:0px solid black;
color:#7FA759}

.content-left {
float:left;
width:538px;
margin:0;
border:0;
padding:0}

.content-left h1 {
float:left;
width:100%;
color:#7EAA4F;
font-size:18px;
letter-spacing:2px;
margin:0 0 10px 0;
padding:0}

.content-left h2 {
background:url('/images/star-dark.gif') no-repeat;
float:left;
width:515px;
border-bottom:2px dashed #C2E0A3;
color:#7742A1;
font-size:16px;
margin:10px 0 10px 0;
padding:0 0 2px 22px}

.content-left p {
float:left;
margin:0 0 10px 0;
padding:0 0 0 10px;
width:396px;
color:#737373;
font-size:14px}

.content-left .aif {
float:left;
padding:5px;
margin:0 10px 10px 0;
width:157px;
border:1px solid #A4BC8A}

.content-left .aif h3 {
color:#7742A1;
float:left;
margin:8px 0 0 0;
padding:0;
font-size:14px;
text-decoration:underline}

.content-left .aif p {
margin:0;
padding:0;
font-size:12px;
width:100%}

.content-left .aif img {
padding:0;
margin:0;
width:154px;
height:90px}

.content-left .aif a {
cursor:hand}

.content-left .aif a:hover h3 {
text-decoration:none}

.content-left #long{
width:100%;
margin:0 0 5px 0;
padding:0}

.content-left img {
padding:5px;
border:1px solid #C2E0A3;
float:left;
width:120px;
height:90px;
margin:0 0 10px 0}

.content-left #picto {
float:left;
border:0;
width:30px;
height:30px}

.content-box {
background:url('/images/star-light.gif') #A4BC8A bottom right no-repeat;
float:left;
width:518px;
margin:5px 0 5px 0;
padding:10px}

.content-box img {

border:1px solid #C2E0A3;
float:left;
width:110px;
height:83px;
margin:0 10px 0 0}

.content-box p {
float:left;
margin:0;
padding:0;
width:515px;
color:white;
font-size:14px;
border:0px solid black}

.content-box #right {
float:left;
margin:0}

.content-box h2 {
background-image:none;
float:left;
margin:5px 0 0 0;
padding:0;
border:0;
color:white;
font-size:14px}

.content-right {
float:left;
width:150px;
margin:0 0 0 15px;
border:0px solid black;
padding:0}

.content-right h2 {
background:url('/images/star-dark.gif') no-repeat;
float:left;
width:175px;
border:0px solid black;
letter-spacing:2px;
font-weight:normal;
margin:0;
padding:0 0 0 25px;
font-size:17px;
color:#7EAA4F;}

.content-right .purple {
background:url('/images/star-purple.gif') no-repeat;
margin:10px 0 0 0;
color:#7742A1}

.content-right-news {
background:#E0EDD2;
float:left;
width:188px;
font-size:14px;
color:#737373;
margin:8px 0 5px 0;
padding:10px}

.content-right-news a {
color:#7742A1}

.content-right-news span {
float:left;
width:180px;
color:#7FA759;
font-size:14px;
}

.content-right-news p {
float:left;
width:188px;
padding:0;
margin:0 0 10px 0}

.content-right-news h3 {
float:left;
padding:0;
margin:0;
font-size:14px;
color:#7742A1}

.content-right .form {
background:url('/images/form-background.gif') no-repeat;
float:left;
margin:10px 0 0 0;
padding:0;
border:1px solid #A4BC8A;
width:206px;
height:42px}

.content-right .form a {
color:#7742A1;
font-weight:bold}

.content-right .form span {
float:left;
font-size:12px;
text-align:left;
margin:5px 0 0 25px}

.content-right-contact {
background:url('/images/star-purple-dark.gif') #4F325F top right no-repeat;
float:left;
width:192px;
text-align:center;
font-size:14px;
color:white;
margin:8px 0 0 0;
padding:8px}

.content-right-contact h3 {
float:left;
padding:0;
margin:0;
width:188px;
font-size:15px;
color:white}

.content-right-contact span {
float:left;
padding:0;
margin:0;
width:98%;
font-size:14px;
color:#DCAADE}

.content-right-contact a {
color:white}

.content-right-detail {
float:left;
margin:0;
padding:3px 4px 6px 4px;
width:200px;
font-size:13px;
text-align:center;
background:#6F4A87}

.content-right-detail p {
float:left;
margin:0;
padding:0;
width:100%;
color:#DCAADE}

.content-right-detail a {
color:white}

.content-right-detail #notepad {
background:url('/images/notepad.gif') no-repeat;
padding:0 0 0 14px;
margin:0}

.content-right-eaggf span {
float:left;
margin:5px 0 0 0;
padding:0 0 3px 0;
width:208px;
color:#737373;
text-align:center;
font-size:12px}

.content-right-eaggf img {
margin:5px 0 0 74px;
width:60px;
height:40px}

.content-right-eaggf acronym {
padding:0;
cursor:pointer;
_cursor:hand;
color:#4F325F;
border-bottom:1px dashed #4F325F;
font-weight:bold;
font-size:11px}

.footer {
background:url('/images/footer-background.jpg') white bottom no-repeat;
float:left;
width:760px;
height:52px;
font-size:12px;
color:#737373;
margin:0;
padding:0 64px 10px 64px}

.footer p {
float:left;
margin:0;
padding:0;
width:100%}

.footer a {
color:#7FA759}

.footer #menu {
color:#650DAC}

.footer #design {
margin-top:10px;
text-align:right}