body {
background: #055fc3 url(images/bodybg.jpg) repeat-x;
font: 11px Verdana, Arial, Helvetica, sans-serif;
color: #333333;
text-align: center;
margin: 0;
}

#container {
margin-left: auto;
margin-right: auto;
text-align: left;
width: 950px;
z-index: 0;
}

a, a:link, a:active, a:visited {
text-decoration: underline;
}

#header {
position: relative;
width: 950px;
height: 70px;
margin:0;
}
#logo {
position: absolute;
bottom: 0px;
}

#logo img{
position: relative;
bottom: 0px;
left: 5px;
margin: 0;
}

#panoramic {
position: relative;
background: url(images/img_index.jpg) no-repeat;
padding: 25px;
border: #ffffff solid 5px;
width: 890px;
height: 300px;
text-align: left;
}

#panoramic h2 {
position: relative;
margin: 0 0 15px 0;
color: #ffffff;
font-weight: bold;
font-size: 25px;
font-family: Trebuchet MS, Arial, sans-serif;
text-align: left;
}

#panoramic h3 {
position: absolute;
margin: 0;
color: #ffffff;
font-weight: bold;
font-size: 20px;
font-family: Trebuchet MS, Arial, sans-serif;
right: 25px;
bottom: 25px;
text-align: right;
display: block;
width: 350px;
}

#panoramic p {
position: relative;
top: 50px;
left: 160px;
margin: 0 0 10px 0;
padding: 0;
width: 210px;
text-align: justify;
color: #055fc3;
font: bold 11px Verdana, Arial, sans-serif;
letter-spacing: -1px;
}

#nav {
position: relative;
background: url(images/bg_menus.png) repeat-x;
margin: 5px 0;
width: 950px;
height: 37px;
line-height: 37px;
}

#nav ul {
width: 798px;
height: 37px;
line-height: 37px;
margin: 0 auto;
padding: 0;
}

#nav ul li {
position: relative;
float: left;
padding: 0;
margin: 5px 0 4px 0;
text-align: center;
width: 112px;
height: 28px;
list-style-type: none;
display: block;
border-left: #ffc631 solid 1px;
border-right: #ffa106 solid 1px;
}

#nav ul li a {
position: relative;
color: #ffffff;
font: bold 15px Trebuchet MS, Arial, sans-serif;
bottom: 4px;
}

#nav a:link, #nav a:active, #nav a:visited {
text-decoration: none;
}

#nav ul li a:hover {
color: #055fc3;
}

a {
text-decoration: underline;
font: 11px Verdana, Arial, Helvetica, sans-serif;
color: #999999;
}

a:link, a:visited, a:active, a:hover{
text-decoration: underline;
}

#main {
position: relative;
background: #ffffff;
float: left;
width: 590px;
padding: 25px;
height: 270px;
margin: 0 5px 0 0;
z-index: inherit;
}

#main p {
padding: 0;
margin: 10px 0 0 0;
text-align: justify;
color: #055fc3;
}

.bold {
font-weight: bold;
}

.boldxx {
font-weight: bold;
font-size: 120%;
}

#colleft {
position: relative;
float: left;
width: 250px;
height: 270px;
background-color: #ffefc1;
padding: 25px;
margin: 0 0 0 5px;
}

#colleft {
text-align: justify;
}

#colleft img {
position: absolute;
bottom: 25px;
border: #333333 solid 1px;
margin: 0;
}

/*#footer {
position: relative;
clear: both;
margin: 0;
padding: 0;
width: 950px;
height: 53px;
background: url(images/footer_shadow.png) no-repeat;
color: #ffffff;
font: 9px Verdana, sans-serif;
text-align: center;
z-index: inherit;
}*/

#footer {
position: relative;
clear: both;
margin: 0;
padding: 10px 0 0 25px;
width: 925px;
height: 43px;
background: url(images/footer_shadow.png) top no-repeat;
color: #ffffff;
font: 9px Verdana, sans-serif;
text-align: left;
z-index: 0;
}

#footer a {
color: #ffffff;
font: 9px Verdana, sans-serif;
z-index: 10;
}

#footer p {
position: absolute;
right: 0px;
top: 0px;
}

.w3c {
padding: 0 0 0 5px;
border: none;
text-decoration: none;
}

#plant {
position: absolute;
background: url(images/hibiscus_orange.png) left no-repeat;
width: 120px;
height: 84px;
left: -90px;
bottom: -30px;
z-index: 100;
}

#palmier {
position: relative;
float: left;
background: url(images/palmier.png) left no-repeat;
width: 58px;
height: 50px;
left: -15px;
top: -15px;
}

h1 {
display: none;
}

h2 {
color: #055fc3;
font: bold 21px Trebuchet MS, Verdana, sans-serif;
margin: 0;
}

h3 {
color: #333333;
font: bold 15px Trebuchet MS, Verdana, sans-serif;
margin: 0;
text-align: left;
}