/* Desert island CSS selection */

/*

------------------------------------------------------
Copyright Atilla Hulsebos, http://www.kzoiks.com/
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.

Notes

1. This style sheet makes use of the !important
hack to compensate for poor support in IE.
For more info on this hack see
http://www.evolt.org/article/Ten_CSS_tricks_you_may_not_know/17/60369/
------------------------------------------------------

*/

html {
font-family:arial, helvetica, sans-serif;
font-size:86%;
color:#000000;
background:#FFF;
background: #ffffff;
background-position:center center;
background-repeat:repeat-y;
}

body {
position:relative;
width:730px;
padding:20px 25px 258px 20px;
margin:10px auto 10px auto;
background-position:center center;
background-repeat:repeat-y;

}

#banner {
position:absolute;
left:0;
width:100%;
height:230px;
padding:0 !important;
padding-right:20px;
background-color:#FFF;
background-image:url("images/topbanner3.png");
background-position:25px 0;
background-repeat:no-repeat;
border-top:1px solid #006598;
border-bottom:1px solid #006598;
}

#banner p {
position:absolute;
top:17px;
left:90px;
padding-top: 10px;
margin:0;
font-family:serif;
font-size:3em;
font-style:italic;
line-height:1.4em;
color:#F3F8FF;
}

#nav-toplevel {
position:relative;
right:30px;
margin-right:-25px;
}

#nav-meta {
position:absolute;
right:0;
top:1px !important;
top:0px;
}

#nav-meta ul {
display:inline;
margin:0;
padding:0;
}

#nav-meta ul li {
display:inline;
margin:0 !important;
margin-left:3px;
padding:1px;
background-color:#329832;
color: #FFFFFF;
font-size: 90%;
border:1px solid #CCC;
border-top:none;
list-style:none;
}

#nav-meta a {
padding-left:2px;
font-size:0.94em;
letter-spacing:0.04em;
color: white;
text-decoration:none;
margin:0 !important;
margin-right:-2px;
}

#nav-meta li:hover {
border-top:1px dashed #CACACA;
}

#nav-meta a:hover {
background-color:transparent !important;
text-decoration:none !important;
text-decoration:overline;
background-color:white;
}

#nav-main {
position:absolute;
top:230px;
right:0;
height:26px;
width:auto;
font-family: verdana, sans-serif;
font-size:1em;
z-index:1;
}

#nav-main ul {
margin:0;
}

#nav-main ul li {
display:inline;
background-color:#FFF;
border:1px solid #006598;
border-top:none;
list-style:none;
margin:0 !important;
margin-left:3px;
padding-bottom:2px !important;
padding:0;
}

#nav-main a {
text-decoration:none;
color: #298e29;
margin:0 !important;
margin-right:-3px;
padding:0 3px 0 3px !important;
padding-bottom:2px;
}

#nav-main ul li a.current {
border-top:5px solid #006598;
background:#FFF;
}

#nav-main li:hover {
background-color:#FFF;
border:1px solid #ECECEC;
border-top:5px solid #FFF;
color: #005a8e;
}

#nav-main li a:hover {
background-color:#FFF;
color: #005a8e
}

#container {
position:relative;
top:265px;
height:100%;
background-color:#F8FBFF;
background-position:right bottom;
background-repeat:no-repeat;
margin-bottom:30px;
}

#content {
position:relative;
width:625px;
background: transparent;
}

#content p {
font-size:1.08em;
line-height:1.4em;
padding:6px 70px 13px 20px;
margin:0 15px 1.1em 0;
background-position:bottom left;
background-repeat:no-repeat;
}

#content ol, #content ul {
font-size:1.08em;
line-height:1.4em;
padding:6px 11px 13px 40px;
margin:0 13px 1.1em 0;
background-position:bottom left;
background-repeat:no-repeat;
}

h1,h2,h3,h4,h5,h6 {
height:auto !important;
height:30px;
margin-top:0;
margin-left:11px;
font-family:serif;
font-style:italic;
letter-spacing:0.04em;
background-repeat:no-repeat;
border-bottom:1px solid #ECECEC;
}

h1 {
width:487px;
padding-top:0.3em;
padding-left:12px;
font-size:1.7em;
color: #298e29;
background-position:bottom right;
}

h2,h3,h4,h5,h6 {
width:475px;
font-size:1.5em;
color:#666;
padding-left:25px;
background-position:bottom left;
}

h2 {

}

h3, h4, h5, h6 {
background-image: url("images/sand3.png");
}

h1:first-letter ,h2:first-letter {
font-size:1.7em;
text-transform:uppercase;
}

h3:first-letter ,h4:first-letter ,h5:first-letter ,h6:first-letter {
font-size:1.6em;
text-transform:uppercase;
}
#nav-subs {
position:absolute;
top:50px;
right:0px;
width:295px;
height: 295px;
border: 1px 1px 1px 1px;
}

#nav-subs li {
list-style:none;
margin:0;
padding:3px;
padding-left:15px;
border-top:1px solid #888;
}

#nav-subs li a {
width:100%;
display:block;
padding-left:10px;
text-decoration:none;
color:#888;
background:transparent url("images/dot1.gif") left center no-repeat;
}

#nav-subs li a:hover {
text-decoration:none;
color:#CCC;
background:transparent url("images/dot2.gif") left center no-repeat;
}

#nav-subs .youarehere {
text-decoration:none;
color:#333;
background:transparent url("images/dot3.gif") left center no-repeat;
}

#nav-section {
border-bottom:1px solid #ECECEC;
}

#nav-supp {
border-top:50px solid #F8FBFF;
padding-top:10px;
}

#nav-supp ul {
margin-top:-10px;
padding-top:20px;
border-top:1px solid #ECECEC;
}

#info-site {
position:absolute;
bottom:26px !important;
bottom:15px;
right:30px;
width:100%;
font-size:0.94em;
}

#info-company {
position:absolute;
right:0;
}

#info-standards {
position:absolute;
right:0;
top:-1.2em;
}

/*additional*/
A:link {
color:#888;
text-decoration:underline;
}

A:active {
color:#000;
text-decoration:none;
}

A:visited {
color:#888;
text-decoration:underline;
}

A:hover {
color:#ccc;
text-decoration:none;
}

abbr, acronym {
font-style:normal;
border-bottom:dotted 1px #ABB1B7;
cursor:help;
}

code, kbd, samp {
display:block;
padding:10px;
border-left:10px solid #DDD;
font-family:monaco, "Courier new", courier, monospace;
}