/* 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: Verdana, Helvetica, Arial, sans-serif;
	text-align: center;
	font-size: 9pt;
}
/* --- Links --------- */

a {
	color: #930;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
/* --- H1, H2, H3 --------- */

h1, h2, h3 {
	font-family: Verdana, Helvetica, Arial, sans-seriff;
	font-weight: normal;
	margin-top: 0;
	color: #2D598D;
}
h1 {
	border-bottom: 1px dotted #930;
	padding-left: 12px;
	font-size: 150%;
	background-color: transparent;
	background-image: url(img/small_bullet_red.gif);
	background-repeat: no-repeat;
	background-position: 0 55%;
}
h2 {
	padding-left: 10px;
	font-size: 133%;
}
h3 {
	padding-left: 8px;
	font-style: italic;
	font-size: 110%;
}
/* --- Wrap --------- */

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

#banner {
	height: 70px;
	margin: 0;
	background-color: transparent;
	background-image: url(img/header2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#banner p {
	font-family: Verdana, Helvetica, Arial, sans-seriff;
	font-size: 24pt;
	text-indent: 20px;
	color: #fff;
	margin: 0 48px;
	padding-top: 0.5em;
	min-height: 21px;
	line-height: 1em;
	padding-bottom: 0.5em;
	font-style: italic;
	font-weight: bold;
}

#banner p a {
	color: #fff;
	text-decoration: none;
}
/* --- Nav top level --------- */

#nav-toplevel {
	height: 68px;
	background-color: transparent;
	background-image: url(img/toplevel.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#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 20px 0px 600px;
}
#nav-meta ul li {
	display: inline;
	float: left;
}
#nav-meta ul li a {
	display: block;
	padding: 0 10px 0 8px;
	color: #A5BCD3;
	text-decoration: none;
	background-color: transparent;
	background-image: url(img/small_bullet_blue.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
}
#nav-meta ul li a:hover {
	color: #FFF;
	background-color: transparent;
	background-image: url(img/small_bullet_yellow.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
}
/* --- 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;
	height: 26px;
	line-height: 26px;
	color: #2D598D;
	text-decoration: none;
	font-weight: bold;
	white-space: nowrap;
	clear: both;
	background-color: transparent;
	background-image: url(img/tabs.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#nav-main ul li a.current {
	color: #930;
	background-color: transparent;
	background-image: url(img/tabs.gif);
	background-repeat: no-repeat;
	background-position: 0 -52px;
}
#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;
	position: inherit;
}
#content p, #content ol, #content ul {
	line-height: 1.5em;
	text-align: justify;
	margin-top: 0px;
	margin-bottom: 15px;
}
/* --- Nav subs --------- */
#nav-subs {
	position: inherit;
	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%;
	color: #2D598D;
	text-indent: 14px;
	text-decoration: none;
	font-size: .8em;
	background-color: transparent;
	background-image: url(img/small_bullet_red.gif);
	background-repeat: no-repeat;
	background-position: 4px 50%;
}
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 {
	background: #E5F0F5 url(img/small_bullet_red.gif) no-repeat 4px 50%;
	color: #930;
}
/* --- Nav section --------- */

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

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

#info-site {
	position: inherit;
	clear: both;
	width: 792px;
	padding-top: 12px;
	text-align: center;
	background-color: transparent;
	background-image: url(img/footer.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#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;
	width: 78px;
	height: 13px;
	border: 1px solid #2D598D;
	background-color: transparent;
	background-image: url(img/xhtml.gif);
	background-position: left top;
}
html>body a#xhtml {
	margin: 0 82px 0 0;
}
a#xhtml:hover {
	border: 1px solid #FFD50F;
}
#xhtml span {
	display: none;
}
#css {
	display: block;
	width: 78px;
	height: 13px;
	border: 1px solid #2D598D;
	background-color: transparent;
	background-image: url(img/css.gif);
	background-position: left top;
}
html>body #css {
	margin: 0 0 0 82px;
}
a#css:hover {
	border: 1px solid #FFD50F;
}
#css span {
	display: none;
}