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


.piclarge {
border-color: #000000;
border-bottom: 1px solid;
}


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

a {
color: #2D598D;
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: #9E9E9E;
}

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

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

h3 {
background: transparent url("img/small_bullet.gif") no-repeat 0 55%;
border-bottom: 1px dotted #930;
padding-left: 8px;
font-style: italic;
font-size: 110%;
}

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

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

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

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

#banner p {

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

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

#nav-toplevel {
background: transparent url("img/toplevel3.jpg") no-repeat top left;
height: 25px;
font-size: 10pt;
text-align: center;
}

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


/* --- Menue --------- */

#menu {margin:0 auto;width:700px;height:20px;line-height:20px;}
	#menu a {font-size:12px;padding:3px 10px;text-decoration:none;color:#000;}
	#menu a:hover {background:#F2F2C8}

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

#container {
margin: 0 17px;
background:#F2F2C8;
}

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

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

#content p, #content ol, #content ul {
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 #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 4px 50%;
	color: #2D598D;
	text-indent: 14px;
	text-decoration: none;
	left: -955px;
	top: 1141px;


}

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 supp --------- */

#nav-supp {
float: right;
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;
	height: 57px;

}

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


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



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

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

#info-company a:hover {background:#91A6C3}



/* --- Info Copyright --------- */



#info-copyright {
color: #000;
margin: 0 16px;
}

#info-copyright a {
color: #000;
text-decoration: none;
}

#info-copyright a:hover {background:#91A6C3}





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

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

a#xhtml {
display: block;
width: 400px;
height: 13px;
text-align: center;

}

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

#xhtml span {
display: none;
}