/* Shining at me */
/*
------------------------------------------------------
Copyright Bruno Kerrien,
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.
------------------------------------------------------
*/

body {
background: #d9e8dd;
margin: 0;
padding: 0;
font-family: "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
text-align: center;
font-size: small;
}

/* --- Links --------- */

a {
color: #2f5739;
text-decoration: none;
}

a:hover {
text-decoration: underline;
font-family: Verdana, Helvetica, Arial, sans-serif;}

/* --- H1, H2, H3 --------- */

h1, h2, h3 {
font-family:  Georgia, "Times New Roman", Times, serif;
font-weight: normal;
margin-top: 0;
}

h1 {
background: transparent no-repeat 0 55%;
border-bottom: 1px #7a775c dotted;
padding-left: 12px;
font-size: 150%;
color: #2f5739;
}

h2 {
background: transparent;
padding-left: 10px;
font-size: 133%;
color: #2f5739;
}
.imgleft {
float:left;
border: 1px solid #dda;
padding: 3px;
margin-top: 0px;
margin-right: 5px;             
margin-bottom: 5px;
margin-left: 5px;
}

h3 {
background: transparent url("img/small_bullet_yellow.gif") no-repeat 0 55%;
padding-left: 8px;
font-style: italic;
font-size: 110%;
color: #2f5739;}

/* --- Wrap width was 792--------- */

#wrap {
background: transparent url("img/bgd_container.gif") repeat-y top left;
width: 792px;
margin: 0 auto;
padding: 0;
height: 100%;  
text-align: left;
}

/* --- Banner --------- */

#banner {
background: transparent url("img/header2.jpg") no-repeat top left;
height: 70px;
margin: 0;
}

#banner p {
background: transparent url("img/text_logo.png") no-repeat 0 90%;
margin: 5px 48px 0em 125px;
font-family:  Georgia, "Times New Roman", Times, serif;
font-size: 26pt;
text-indent: 90px;
color: #e7e4b9;
padding-top: 25px;
min-height: 30px;
line-height: 1em;
}

/* --- Nav top level --------- */

#nav-toplevel {
background: transparent url("img/toplevel.jpg") no-repeat top left;
height: 30px;	
width: 100%; 
}

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

/* --- Nav meta --------- 
#nav-meta { height: 42px;font-size: 85%;line-height: 1.25em;}
#nav-meta ul {margin: 2px 12px 0 550px;}
#nav-meta ul li {display: inline;float: left;}
#nav-meta ul li a {display: block;background: transparent url("img/small_bullet_green.gif") no-repeat 0 50%;
padding: 2px 10px 0 8px;color: #c5c29c;text-decoration: none;}
#nav-meta ul li a:hover {background: transparent url("img/small_bullet_green.gif") no-repeat 0 50%;color: #567120;}
-- */

/* --- Nav main --------- */
#nav-main {
background: transparent;
font-size: 100%;
font-weight: bold;
}

#nav-main ul {
margin-left: 23px;
}

#nav-main ul li {
display: inline;
float: left;
margin-right:0px;
width: 120px;
text-align: center;
}

#nav-main ul li a {
display: block;
background: transparent url("img/tabs2.gif") no-repeat 0 0;
height: 26px;
line-height: 26px;
color: #2f5739;
text-decoration: none;
font-weight: bold;
padding-right:3px;
padding-left:3px;
}

#nav-main ul li a.current {
background: transparent url("img/tabs2.gif") no-repeat 0 -52px;
color: #989821;
}

#nav-main ul li a:hover {
background: transparent url("img/tabs2.gif") no-repeat 0 -26px;
color: #008040;
}

#nav-main ul li a.current:hover {
background: transparent url("img/tabs2.gif") no-repeat 0 -52px;
}

/* --- Container --------- */

#container {
margin: 0 17px;
} 

#container ul {
list-style: disc;
}

/* --- Content --------- */

#content {
float: left;
margin: 0;
padding: 16px;
width: 532px;
font-size: 100%;
line-height: 1.5em;
}


/* --- Nav subs --------- */
#nav-subs {
position: relative;
margin: 0 0 0 564px;
padding: 0;
font-size: 100%;
line-height: 1.5em;
}

#nav-subs ul {
list-style: none;
margin-left: 16px;
margin-right: 16px;
padding-left: 0;
border-top: 1px solid #22581c;
}

#nav-subs ul li {
padding: 1px 0;
border-bottom: 1px solid #22581c;
}

#nav-subs ul li a {
position: relative;
display: block;
float: left;
width: 100%;
background: transparent url("img/small_bullet_green.gif") no-repeat 4px 50%;
color: #22581C;
text-indent: 14px;
text-decoration: none;
}

html>body #nav-subs ul li a {
float: none;
}

#nav-subs ul li a:hover {
background: #EFF0AE url("img/small_bullet_green.gif") no-repeat 4px 50%;
color: #22581C;
}

#nav-subs ul li a.youarehere {
color: #FFCC99;
text-decoration: line-through;
}

/* --- Nav section --------- */

#nav-section {
background: transparent url("img/bgd_sidebar_top.jpg") no-repeat top left;
padding-top: 24px;
min-height: 156px;
}

/* --- Nav supp --------- */

#nav-supp {
background: transparent url("img/bgd_sidebar_sub.jpg") no-repeat top left;
padding-top: 8px;
min-height: 156px;
}

/* --- Info site --------- */

#info-site {
position: relative;
clear: both;
background: transparent url("img/footer.jpg") no-repeat top left;
width: 792px;
padding-top: 12px;
text-align: center;
}

#info-site p {
font-size: 75%;
}

/* --- Info company --------- */

#info-company {
color: #FFD50F;
margin: 0 16px;
}

#info-company a {
color: #2f5739;
text-decoration: none;
}

#info-company a:hover {
color: #83913e;
}

/* --- Info standards --------- */

p#info-standards {
margin: 4px 275px 0px 270px;
padding-bottom: 6px;
}

a#xhtml {
display: block;
float: left;
background: transparent url("img/xhtml.gif") top left;
width: 78px;
height: 13px;
}

html>body a#xhtml {
margin: 0em 0px 0em 0px;
}

a#xhtml:hover {
border: 1px #a4b820 solid;
}

#xhtml span {
display: none;
}

#css {
display: block;
background: transparent url("img/css.gif") top left;
width: 78px;
height: 13px;
}

html>body #css {
margin: 0em 0em 0em 0px;
}

a#css:hover {
border: 1px #a4b820 solid;
}

#css span {
display: none;
}