/* Vive le Caribbean! */

/*

------------------------------------------------------
Copyright Tim Isenheim, tim@fresh-labs.de
some rights reserved
http://creativecommons.org/licenses/by-sa/2.0/

You are free to use this style sheet and its
associated image files to create your own site.
However, we ask that you respect the template's
creator by maintaining this attribution in
the style sheet.

1. This style sheet uses the Tantek Box Model Hack
(voice-family etc). Read more about this hack here:
http://www.tantek.com/CSS/Examples/boxmodelhack.html
------------------------------------------------------

*/

body, html {
font-family: Verdana, Arial, Helvetica, sans-serif;
background: url(images/bg.gif);
text-align: center;
margin: 0;
padding: 0;
}

/**** html-Tags ****/

h1, h2, h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.1em;
color: #ffffff;
background: url(images/h1.gif) no-repeat;
width: 95%;
height: 21px;
line-height: 22px;
margin: 0;
padding: 0 0 0 10px;
}

a {
color: #147;
}

/**** layout ****/

/* banner */

#banner {
font: normal 1.6em Georgia, "Times New Roman", Times, serif;
background: url(images/air.gif) no-repeat;
color: #ffffff;
margin: 0 auto;
width: 700px;
height: 170px;
}

#banner p {
text-align: left;
padding: 100px 0 0 10px;
margin: 0;
}

/* nav-toplevel */

#nav-toplevel {
margin: 0 auto;
padding: 0;
width: 700px;
}

#nav-toplevel ul {
list-style-type: none;
list-style-image: none;
margin: 0;
padding: 0;
background-color: #dedede;
}

#nav-toplevel li {
display: inline;
margin: 0;
padding: 0;
}

#nav-toplevel li a {
text-decoration: none;
}

/* nav-main */

#nav-main {
border-top: 1px solid #333;
border-bottom: 1px solid #333;
border-left: 2px solid #596591;
border-right: 2px solid #596591;
text-align: left;
font-size: 0.7em;
padding: 0;
margin: 0;
}

#nav-main li {
margin: 0 -4px 0 0;
text-align: left;
line-height: 23px;
}

#nav-main li a {
text-transform: capitalize;
font-weight: bold;
padding: 0.45em 0.8em 0.45em 0.8em;
border-right: 1px solid #333333;
}

#nav-main li a:hover {
background-color: #ff5008;
color: #ffffff;
}

li .current {
background-color: #596591;
color: #ffffff;
}

/* nav-meta */

#nav-meta {
font: normal 0.6em Verdana, Arial, Helvetica, sans-serif;
text-align: right;
border-left: 2px solid #596591;
border-right: 2px solid #596591;
margin: 0;
padding: 0;
}

#nav-meta li a {
padding: 1px;
}

#nav-meta li a:hover {
background: #000;
color: #fff;
}

/* container-content */

#container {
text-align: left;
background-color:#dddddd;
position: relative;
margin: 0 auto;
padding: 8px 0 8px 0;
border-left: 2px solid #596591;
border-right: 2px solid #596591;
width: 700px;
voice-family: "\"}\"";
voice-family:inherit;
width: 696px;
}

html>body #container {
width: 696px;
}

#content {
clear: both;
text-align: justify;
font-size: 0.7em;
line-height: 1.2em;
width: 530px;
height: 500px;
overflow: auto;
margin: 0px;
padding: 0 0 0 5px;
}

#content a {
text-decoration: underline;
}

#content p, #content ol, #content ul {
width: 90%;
line-height: 1.6em;
padding: 8px 0 8px 8px;
margin: 0;
}

#content li {
margin-left: 25px;}

#content a:hover {
background-color: #ff5008;
color: #ffffff;
text-decoration: none;
}

/* subnavs */

#nav-subs {
text-align: left;
font-size: 0.7em;
position: absolute;
background: #889BDE;
border-left: 2px solid #596591;
left: 550px;
height: 516px;
top: 0;
margin: 0;
width: 146px;
voice-family: "\"}\"";
voice-family:inherit;
width: 144px;
}

html>body #nav-subs {
width: 144px;
}

#nav-subs ul {
list-style-type: none;
list-style-image: none;
margin: 0;
padding: 0;
}

#nav-subs li {
margin: 0;
padding: 0;
}

#nav-subs a, #info-site a {
text-decoration: none;
padding: 5px 2px 5px 4px;
}

#nav-subs a {
display: block;
height: 1.2em;
}

#nav-subs a:hover {
color: #ffffff;
background-color: #ff5008;
}

.youarehere {
color: #ffffff;
background: #596591;
}

#nav-section {
background-color:#889BDE;
}

#nav-supp {
background-color: #889BDE;
margin: 30px 0 0 0;
}

/* footer */

#info-site {
font: 9px "small fonts", Verdana, Arial, Helvetica, sans-serif;
background: url(images/footer.gif);
color: #cccccc;
text-align: right;
line-height: 1.9em;
width: 700px;
height: 20px;
margin: 0 auto;
padding: 0;
}

#info-site a {
color: #cccccc;
}

#info-site a:hover {
color: #ffffff;
background: #ff5008;
}

#info-site p {
padding-right: 15px;
}

#info-company, #info-standards {
display: inline;
}