/*------------------------------------------------------
For layout of this page I got inspired by a work of William Pratt, www.metalwings.org
HTML code and CSS were changed to fit needs of this page.
-Marcel
------------------------------------------------------*/
@font-face {
	font-family: 'Title Font';
	src: url('/fonts/michroma-webfont.eot');
		src: local('?'), url('fonts/michroma-webfont.woff') format('woff'), url(				  'fonts/michroma-webfont.ttf') format('truetype'), url('fonts/michroma-webfont.svg#webfont')  format('svg');
	font-weight: normal;
	font-style: normal; 
	font-variant: normal; }

@font-face {	
	font-family: 'Scribe Font';
	src: url('/fonts/windsong-webfont.eot');
	src: local('?'), url('fonts/windsong-webfont.woff') format('woff'), url('fonts/windsong-webfont.ttf') format('truetype'), url('fonts/windsong-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
	font-variant: normal; }

/* --- DEFAULTS ========================== */

:link, :visited {
text-decoration:none;
}

ul {
list-style:none;
}

h2, h3, h4, h5, h6 {
font-weight:normal;
color: #1987d4;
}

ul, ol, li, h2, h3, h4, h5, h6, body, html, p, blockquote {
margin:0;
padding:0;
}

acronym {
border-bottom: dotted 1px #CCA400;
}

/* --- BODY ============================ */

body {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 100%;
	color:#99ccff;
	background: #030201 url(images/mbackground3.gif) repeat-y 50% 0em;
}

#load {
	margin:10px 0 10px 10px;
	background-color: #320000;
	font-weight: 500;
	height:1000px;
	font-size: 0.95em;
	letter-spacing: 5px;
	border-bottom: 1px #e0e0e0 solid;
	padding:0 0 5px 0;
	clear: right;
	padding-top: 10em;
	color: #99ccff;
	position: relative;
	z-index: 1;/*	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
/*	-khtml-border-radius: 10px; */
}
.center_load {
	margin:0px auto;
	text-align:center;
}

IMG.displayed {
    display: block;
	padding-top: 10px;
    margin-left: auto;
    margin-right: auto }

div.fadetit {
	font-family: 'Title Font', Verdana, "Times New Roman", Serif;
	position:absolute;
	top:50px;
	left:140px;
	font-size:5em;
	margin:0px auto;
	text-align:center;
	color: #FC0;
}
/* --- BANNER =========================== */

#banner {
position: relative;
height:160px;
margin:0 auto;
background-image:url(images/Banner_top_with_blank1_bright3.jpg);
font-size: 1.3em;
width: 800px;
}


#below-banner {
	position: relative;
	height:300px;
	background-image:url(images/banner_low_cut_bright2.jpg);
	border-bottom: 0px solid;
	width: 800px;
	border-bottom-color: #320000;
}

#banner_position {
	position:relative;
	margin: 0px 0px 0px 25px;
	padding-top: 24px;
}

/* --- CONTAINER ===========================*/

#container {
width:800px;
margin:0 auto;
background:url(images/m2container_bg3a.gif) repeat-y;
}


/* --- CONTENT =========================== */

#content {
width: 580px;
float: left;
padding-right:18px;
}

#content h2 {
position:relative;
clear:both;
top:10px;
margin:5px 0 10px 15px;
padding-left:25px;
padding-right:10px;
letter-spacing:1px;
background: url(images/h2_bg.gif) no-repeat 0em 5px;
font-size: 1em;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
}

#content h3 {
position:relative;
top:10px;
margin-left:32px;
padding-left:18px;
font-weight:bold;
letter-spacing:1px;
background:url(images/h3_bg.gif) 0 20% no-repeat;
font-size: 1em;
font-family: Verdana, Helvetica, Arial, sans-serif;
}

#content h4 {
position:relative;
top:10px;
margin:20px 0 0 32px;
padding:20px 0 0 18px;
font-weight:bold;
letter-spacing:1px;
background:url(images/h3_bg.gif) 0 80% no-repeat;
font-size: 1em;
font-family: Verdana, Helvetica, Arial, sans-serif;
border-top: 2px #c9c9c9 solid;
}

#content p {
margin-left:20px;
padding:14px 15px 6px 15px;
text-indent:.2in;
line-height:20px;
letter-spacing:0.05em;
font-family: arial, Verdana, sans-serif;
text-align: justify;
color: #99ccff;
font-size: 0.77em;
}

#p-border {
border-top: 2px #c9c9c9 solid;
margin-bottom: 1em;
}

#content .description {
margin: 2em 1em 0 2.5em;
border-top:2px #c9c9c9 solid;
border-bottom: 2px #c9c9c9 solid;
padding-bottom:7px;
}


p#signature {
	font-family: 'Scribe Font', Verdana, "Times New Roman", Serif;
	font-size: 2em;
	font-weight: bold;
	float:right;
	margin:0em 1.5em 0.5em auto;
	color: #950000;
	
}
/*Lists---------------------------------------*/

#content ol, #content ul {
	margin-left:15px;
	padding:14px 15px 6px 26px;
	line-height:20px;
	letter-spacing:0.05em;
	font-family:arial, Verdana, sans-serif;
	font-size: 0.77em;
	text-align: justify;
	color:#99ccff;
}

#content li {
margin-left:25px;
margin-bottom:9px;
list-style-type: disc;
}

li span {
	padding: 0px 0px 0px 45px;}
	
.green {
	color:#7FBF55;
}


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

#nav-meta {
position:absolute;
top:13px;
left:705px;
width:90px;
font-size: 0.5em;
color: #3399FF;
font-family: "Trebuchet MS", Arial, sans-serif;
}

#nav-meta a {
padding-left:11px;
color: #0099ff
}

#nav-meta a:hover {
background:url(images/nav_meta_on.gif) 0 50% no-repeat;
}

html>body #nav-meta a:hover {
background-position:0 68%;
}

#content a {
font-family:Verdana, Helvetica, Arial, sans-serif;
color: #CCA400;
}

#content a:hover {
color:#1987d4;
text-align: right;
}

#contact-info {
clear: left;
margin-bottom:20px;
margin-top:20px;
margin-left:130px;
margin-right:30px;
text-align: center;
font-size: x-small;
border-top: 1px #c9c9c9 dashed;
width: 350px;
padding-top: 0.5em;
}

#content .gotop {
position:relative;
letter-spacing:0.05em;
font-family:arial, Verdana, sans-serif;
font-size: 0.8em;
left: 530px;
}

/*  ----Images--------------------------*/

.counter {
	margin-left: 30px;
	margin-top: 20px;
	position: inherit;
}

.hide {
	display:none
}

.image2text {
float: left;
margin: 1em 1em 0.3em 0;
border: 4px #1f1f1f solid;
background:#eee url(loading.gif) 50% 50% no-repeat;
z-index:9999;
}

.image1text {
float: right;
margin: 1em 0 0 1em;
border: 4px #1f1f1f solid;
background:#eee url(loading.gif) 50% 50% no-repeat;
z-index:9999;
}

.greystrip {
background: url(images/greystrip.gif) no-repeat center top;
margin-left: 20px;
margin-top:10px;
width: 550px;
height: 50px;
}

.button_mon {
width: 80px;
height: 30px;
margin-left: 190px;
margin-top:1px;
border: 4px #1f1f1f solid;
}

.signature {
width: 120px;
height: 49px;
margin-left: 300px;
margin-top:10px;
margin-bottom:20px;
}

/* --- NAV-SUBS ========================== */

#nav-subs {
float:left;
width:190px;
padding-top:32px;
}

#nav-subs div {
margin:0 7px 30px 10px;
}

#nav-subs p {
margin:0 0 2px 2px;
padding-left:22px;
font-weight:bold;
letter-spacing:1px;
background:url(images/nav_subs_head.gif) 0 50% no-repeat;
font-size: 1em;
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #C67700
}

#nav-subs ul {
padding:5px 2px 7px 15px;
border: 1px #c9c9c9 solid;
line-height: 1.7em;
font-size: .9em;
font-family: Verdana, Helvetica, Arial, sans-serif;
}

#nav-subs li ul {
	padding:0 0 4px 13px;
	border:none;
	line-height: 1.5em;
}

#nav-subs li a {
padding:4px 0 4px 15px;
font-size: 0.9em;
color:#909090;
background:url(images/nav_0_off.gif) 0 60% no-repeat;
}

#nav-subs li li a {
padding-left:11px;
font-weight:normal;
background-image:url(images/nav_1_off.gif);
}

#nav-subs li a:hover {
color:#1987d4;
background-image:url(images/nav_0_on.gif);
}

#nav-subs li li a:hover {
background-image:url(images/nav_1_on.gif);
}

#nav-subs .youarehere {
color:#0059CB;
}

#nav-subs li .youarehere {
background-image:url(images/nav_0_cur.gif);
}

#nav-subs li li .youarehere {
background-image:url(images/nav_1_cur.gif);
}

#nav-subs .topics  {
color: #8d0000;
font-size: 0.9em;
font-family: Verdana, Helvetica, Arial, sans-serif ;
padding-left: 1.5em;
width: 150px;
margin: 5px 0 0 -15px;
font-weight: lighter;
background-image: none;}


/* --- INFO-SITE ========================== */

#info-site {
clear:both;
height:90px;
width:800px;
margin:0 auto;
background:url(images/minfosite_bg3.gif);
font-size: 0.7em;
}

#info-company {
width:640px;
padding-top:9px;
text-align: center;
font-family:verdana,arial,helvetica,sans-serif;
font-size: 10px;
}

#info-company a {
color:#777;
padding:0 10px 0 21px;
background:url(images/nav_1_off.gif) 10px 60% no-repeat;
}

#info-company a:hover {
color:#1987d4;
background-image:url(images/nav_1_on.gif);
}

#info-standards {
position:relative;
top:5px;
left:590px;
width:210px;
font-family:Verdana, Helvetica, Arial, sans-serif;
font-weight:bold;
color: #990000
}

#info-standards a {
color:#990000;
}

#info-standards a:hover {
text-decoration:underline;
}