/* 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: #f8f0dd url(littleboxes.gif);
padding: 0;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-align: center;
font-size: small;
margin: 0px;
color: #0f0000;}

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

a {color: #930;
text-decoration: none;}

a:hover {text-decoration: underline;}

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

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

h1 {background: url("glyph1.gif") no-repeat 0em 55%;
color: #5a8d3d;
border-bottom: 1px dotted #930;
padding-left: 16px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 140%;
font-weight: lighter;
margin-top: 2em;}

h2 {font-size: 126%;
color: #474747;
font-family: "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
padding-left: 0px;
font-weight: lighter;
font-style: normal;}

h3 {
color: #ea4d00;
border-bottom: 1px dotted #930;
padding-left: 24px;
font-size: 150%;}

/* --- Wrap --------- */

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

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

#banner {width: 792px;
margin: 0 auto;
padding: 0;
height: 140px;
background-image: url("header7.jpg");}

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

#nav-toplevel {background: url("toplevel7.jpg") no-repeat top left;
height: 68px;}

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

/* --- Nav meta --------- */

#nav-meta {height: 42px;
line-height: 1.25em;
font-family: "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;}

#nav-meta ul {margin: 0px 24px 0 490px;}

#nav-meta ul li {display: inline;
float: left;}

#nav-meta ul li a {display: block;
background: transparent url("small_bullet_yellow.gif") no-repeat 0 50%;
padding: 0 10px 0 8px;
color: #ffffff;
text-decoration: none;}

#nav-meta ul li a:hover {background: transparent url("small_bullet_yellow.gif") no-repeat 0 50%;
color: #FFF;}

/* --- Nav main --------- */

#nav-main {background: #eee;
font-size: 12px;
font-weight: bold;
font-family: Verdana, Helvetica, Arial, sans-serif;}

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

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

#nav-main ul li a {display: block;
background: url("tabs7.gif") 0em;
height: 26px;
line-height: 26px;
color: #5a8d3d;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 14px;
text-decoration: none;
font-weight: bolder;
}

#nav-main ul li a.current {background: url("tabs7.gif") no-repeat 0em -52px;
color: #b33b25;}

#nav-main ul li a:hover {background: url("tabs7.gif") no-repeat 0em -26px;
color: #930;}

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

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

#container {margin: 0 17px;}

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

#content {float: left;
margin: 0px;
padding: 18px;
width: 524px;
background-image: url("bg2.jpg");
border: 2px #8993a2 solid;}

#content p, #content ol, #content ul {font-size: 100%;
line-height: 1.5em;}

/* --- Nav subs --------- */

/* --- Nav subs --------- */

#nav-subs {position: relative;
margin: 0 0 0 564px;
padding: 0;
font-size: 12px;
line-height: 1.5em;}

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

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

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

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

#nav-subs ul li a:hover {background: #f9f8f4 url("small_bullet_red.gif") no-repeat 4px 50%;
color: #930;}

#nav-subs ul li a.youarehere {color: #930;}


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

#nav-section {background: #e0cc9e none no-repeat top left;
padding-top: 24px;
min-height: 156px;}

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

#nav-supp {padding-top: 8px;
font-size: 12px;
min-height: 156px;
}
/* --- Info site --------- */

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

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

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

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

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

#info-company a:hover {color: #FFF;}

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

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

a#xhtml {display: block;
float: left;
background: transparent url("xhtml.gif") top left;
width: 78px;
height: 13px;
border: 1px solid #2D598D;}

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

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

#xhtml span {display: none;}

#css {display: block;
background: transparent url("css.gif") top left;
width: 78px;
height: 13px;
border: 1px solid #2D598D;}

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

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

#css span {display: none;}