/* 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: #C6C6C6;
margin: 0;
padding: 0;
font-family: "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
text-align: center;
font-size: small;
}

/* --- 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;
color: #2D598D;
}

h1 {
background: transparent url("img/bullet_red.gif") no-repeat 0 55%;
border-bottom: 1px dotted #930;
padding-left: 17px;
font-size: 150%;
}

h2 {
background: transparent url("img/bullet_orange.gif") no-repeat 0 55%;
padding-left: 10px;
font-size: 133%;
}

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

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

#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/header-1.jpg") no-repeat top left;
height:69px;
margin: 0;
}

#banner p {
background: transparent url("img/large_bullet_yellow.gif") no-repeat 0em 95%;
font-family:  Georgia, "Times New Roman", Times, serif;
font-size: 26pt;
text-indent: 20px;
color: #fff;
margin: 0 48px;
padding-top: 0.5em;
min-height: 21px;
line-height: 1em;
padding-left: 20px; }

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

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

#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: 0px 30px 0px 390px;
padding-top: 20px; }

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


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

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

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

#nav-main {
float:left;
width:95%;
font-size: 85%;
font-weight: bold;
margin: -0em 0px 0em 16px;
position: relative;
top: 2px;
line-height: 16px; }

#nav-main a {
display:block;
background: url(img/tabs-lft.gif) no-repeat left top;
    padding: 3px 13px 5px 13px;
}

#nav-main ul {
padding:0;
    list-style:none;
}

#nav-main ul li {
float:left;
margin:0;
padding:0;
text-align: center;
background: url(img/tabs-rt.gif) no-repeat right top;

}

#nav-main  #current {
background: transparent url(img/tabs-rt.gif) no-repeat right -52px;
color: #930;
}

#nav-main #current a {
background: transparent url(img/tabs-lft.gif) no-repeat 0em -52px;
color: #930;
}

#nav-main ul li a:hover {
color: #930;
}

#nav-main ul li a.current:hover {
}

#nav-main ul li.first {
width: 55px;}

#nav-main ul li.long {
width: 150px;}

#nav-main ul li.long a {
background: transparent url("img/tabs-long.gif") no-repeat 0 0;}

#nav-main ul li.long a:hover {
width: 150px;
background: transparent url("img/tabs-long.gif") no-repeat 0 -26px;}

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

#container {
margin: 0 17px;
}

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

#content {
float: left;
margin: 0;
padding: 16px;
width: 532px;
}

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

#content li {
margin: 0px 0em 10px 0em; }

.photo1 {
position: relative;
width: 250px;
float: right;
color: #2D598D;
font-style: italic;
margin: 0em 10px;
padding: 0em; }

.photo1 p {
padding: 0em;
margin: 0em 0em 14px 0em; }

.photo2 {
position: relative;
width: 250px;
color: #2D598D;
font-style: italic;
margin: 0em 10px;
padding: 0em; }

.photo2 p {
padding: 0em;
margin: 0em 0em 14px 0em; }

.mission {
font-family:  Georgia, "Times New Roman", Times, serif;
font-weight: normal;
margin-top: 0;
color: #2D598D;
background: transparent url("img/small_bullet_yellow.gif") no-repeat 0 55%;
padding-left: 8px;
font-style: italic;
font-size: 100%;}




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

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

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

#nav-subs ul li a {
position: relative;
display: block;
float: left;
width: 100%;
background: transparent url(img/small_bullet_red.gif) no-repeat 3px .5em;
color: #2D598D;

text-decoration: none;
padding-left: 12px; }

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

#nav-subs ul li a:hover {
background: #E5F0F5 url(img/small_bullet_red.gif) no-repeat 3px .5em;
color: #930;
}

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

/* --- 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: #A5BCD3;
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("img/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("img/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;
}