/* 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 url(img/stripe_25.png);

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

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

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

#nav-meta a {
color: #ffffff;
text-decoration: none;
}

#nav-meta a:hover {
color:#ffff99 ;
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: 12px;
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;margin-top:40px;}

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

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

#banner p {

font-family:  Georgia, "Times New Roman", Times, serif;
font-size: 26pt;
text-indent: 5px;
color: #fff;
margin: 0 48px;
padding-top: 0.5em;
min-height: 21px;
line-height: 1.25em;}

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

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

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

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

#nav-meta {
height: 48px;
font-size: 85%;
line-height: 1.25em;
color: #fff;
}

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

#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: #FFF;
}

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

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

#nav-main {
background: #eee;
font-size: 100%;
font-weight: bold;
}

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

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

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

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

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

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

/* --- 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;text-align:justify;}

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

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

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

#nav-subs ul li a {
position: relative;
display: block;
float: left;
width: 100%;
background: url(img/small_bullet_red.gif) no-repeat 4px 50%;
color: #2D598D;
text-indent: 20px;
text-decoration: none;
text-align: left;}

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 4px 50%;
color: #930;

}

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

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

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

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



/* common styling */

.menu {
position:relative; 
z-index:100;
font-size:100%;
background: url(img/bgd_sidebar_top.jpg) no-repeat top left;
padding-top: 24px;
min-height: 156px;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
width:150px;

}
/* hack for IE5.5 */
* html .menu ul {margin-left:-16px; margin-left:0;}
/* position relative so that you can position the sub levels */
.menu li {
position:relative;
}

/* get rid of the table */
.menu table {position:absolute; top:0; left:0; z-index:100; font-size:1em;}

/* style the links */
.menu a, .menu a:visited {
display:block; 
text-decoration:none;
height:25px;
line-height:25px;
width:100px;
color:#000;
background: url(assets/templates/shining/10/img/flyout.jpg);
text-indent:5px;
border-width:0 1px 1px 0;}
/* hack for IE5.5 */
* html .menu a, * html .menu a:visited {width:125px; width:125px;}
/* style the link hover */
.menu a:hover{
color:#000000; 

}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
left: 100%; /* to position them to the right of their containing block */
top:0;
left:-150px; 
background: #cedced url(assets/templates/shining/10/img/flyout.jpg);border-left: 2px #849cb6 solid;
}
/* make the second level visible when hover on first level list OR link */
.menu ul :hover ul{
visibility:visible;
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
right:100%;
}


/* --- 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%;padding:10px;}

/* --- 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;
}