/* 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/bg3.gif);
text-align: center;
margin: 0;
padding: 0;
}

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

h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.1em;
color: #ffffff;
background: url(images/h1new.gif) no-repeat;
width: 95%;
height: 25px;
line-height: 18px;
margin: 0;
padding: 1.1em 0px 0em 0px;
margin-top: 1.1em;
text-align: center; }

h2, h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.5em;
color: #828385;
margin: 0;
margin-top: 0px;
padding-top: 20px;
padding-bottom: 10px;
text-align: left;
clear:both }


a {
color: #147;
}

/**** layout ****/

/* banner */

#banner {
font: normal 1.6em Georgia, "Times New Roman", Times, serif;
background: url(images/banner750X170.jpg) no-repeat;
color: #ffffff;
margin: 0 auto;
width: 750px;
height: 170px;
}
table {
padding-left: 10px;
padding-right: 5px;
position: static;
width: 98%;
padding-top: 5px;
margin-top: 10px;
padding-bottom: 5px; }

table.Email {
padding-left: 10px;
padding-right: 5px;
position: static;
width: 80%;
padding-top: 5px;
margin-top: 10px;
padding-bottom: 20px;
border: none; }


th {
color: #828385;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
text-align: center;
padding-top: 0px;
padding-bottom: 5px; }

th.leftMarg {
text-align: left;
font-size: 1.2em;
padding-bottom: 3px;
padding-top: 3px; }

td {
padding-left: 20px; }

td.tabletext {
	BORDER: black 1px solid; FONT-SIZE: 85%; BACKGROUND: #dddddd; color: #000000;  FONT-FAMILY: Verdana, Arial, Helvetica, Sans-serif;
text-align: left; }

#banner p {
text-align: left;
padding: 100px 0em 0px 10px;
margin: 0;
}
body {}
#banner {}
#nav-toplevel {}
#nav-meta {}
#nav-main {}
.current {}
#containerFull {}
#contentFull {}
h1 {}
ol {}
strong {}
h2 {}
h3 {}
p {}
#nav-subs {}
#nav-section {}
.youarehere {}
#nav-supp {}
ul {}
li {}
#info-site {}
#info-company {}
#info-standards {}
a {}
a:link {}
a:visited {}
a:hover {}
a:active {}
/* nav-toplevel */

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

#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: #ff5008;
color: #ffffff;
}

/* container Full Page - content */

#containerFull {
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: 750px;
voice-family: "\"}\"";
voice-family:inherit;

}

html>body #containerFull {
width: 746px;
}

#contentFull {
clear: both;
text-align: justify;
font-size: 0.7em;
line-height: 1.2em;
width: 750px;


margin: 0px;
padding: 0em 0px 0em 5px;
}

#contentFull img.centreCOA {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#contentFull a {
text-decoration: underline;
}

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

#contentFull img.floatLeftPad {
float: left;
padding-right: 25px;
 }

#contentFull p.boldface {
font-weight: bold;
font-style: italic;
text-align: left;
font-size: 1.25em; }


#contentFull p.emailLarge {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #828385;
 
    display: block;
    margin-left: 300px;
    margin-right: auto;
    padding-right: 5px;
    font-size: 2em; 
    padding-top: 0px;
 }

#contentFull p.SentMail {
margin-bottom: 160px; }

form {}

button {}

#contentFull input.leftOpt {
text-align: left;
padding-left: 0px;
margin-left: 0px;
padding-right: 0px; }

#contentFull input.rightOpt {
margin-left: +100px;
text-align: left; }


select {}

option {}

textarea {}

label {}

fieldset {}

legend {}
#contentFull li {
margin-left: 25px;}

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


/* Content other pages */

#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: 750px;
voice-family: "\"}\"";
voice-family:inherit;
width: 746px;
}

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

#content {
clear: both;
text-align: justify;
font-size: 0.7em;
line-height: 1.2em;
width: 600px;
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 p.indent {
width: 90%;
line-height: 1.6em;
padding: 8px 0em 8px 33px;
margin: 0;
 }


#content img.floatLeft {
clear: both;
padding-bottom: 3px;
float: left;
padding-right: 8px;
clear:right;
 }

#content img.floatRight {
padding-bottom: 3px;
float: right;
padding-right: 8px;
clear:right;
 }

#content img.Centre {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-right: 0px;
padding-top: 5px; }


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

#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: 610px;
height:516px;
top: 0;
margin: 0;
width: 140px;
voice-family: "\"}\"";
voice-family:inherit;
width: 136px;
}

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

#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;
padding-left: 10px; }

#nav-supp {
background-color: #889BDE;
margin: 100px 0em 0px 0em;
padding-right: 5px;
padding-left: 5px;
color: #ffffff; }

/* footer */

#info-site {
font: 9px "small fonts", Verdana, Arial, Helvetica, sans-serif;
background: url(images/footer750X20.gif);
color: #cccccc;
text-align: right;
line-height: 1.9em;
width: 750px;
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;
}