@charset "iso-8859-1";

* {
  margin: 0; 
  padding: 0; 
  FONT-FAMILY: verdana, tahoma, arial, sans-serif; 
  FONT-SIZE: 14px;
  color: #003366;
}

body {
  text-align: left; 
  min-width: 700px;
  LINE-HEIGHT: 1.5; 
}

/* wrapper holds left faux column tab */
/* nn6/7 will put content out of scrollable reach if auto is used unless the min-width is on body */
#wrapper { 
  text-align: left;
  width: 100%;
  margin: 0 auto; 
  BACKGROUND: url(img/sidebar-l.gif) #fff repeat-y 0 0; 
  FONT-SIZE: 90%;
}

#header, #subnav, #footer {
color: #000;
clear: both; 
width: 100%;
}

#header {background: #008; color: #fff; height: 0;}
#subnav {
  background: #ffcc00;
  color: #000; 
  margin: 0 0; 
  font-size: 0.8em;
  font-weight: bold;
  }

#footer {
    BACKGROUND: url(img/blfoot.gif) #D0D3D8 no-repeat 0 0; 
	COLOR: #003366; 
	TEXT-ALIGN: center;
}

#footer DIV {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	BACKGROUND: url(img/brfoot.gif) no-repeat 100% 0; 
	PADDING-BOTTOM: 1px; 
	PADDING-TOP: 1px;
	font-size: 80%;
}

#contentfloatholder {/* right faux column tab */
	BACKGROUND: url(img/sidebar-r.gif) repeat-y 100% 0; 
	FLOAT: left; 
	WIDTH: 100%; 
}

#contentfloatholder:after {
 /* this is for NN6 to clear floats */
    content: "."; 
    display: block; 
	height: 0px;
    clear: both; 
    visibility: hidden;
}

#center {
  margin: 0 150px 0 222px;
  background: #fff;
  color: #003366;
}

#centerwrap {
  float:left;
  width: 100%; 
  margin: 0 -95% 0 0;
}

#left {
  float:left;
  WIDTH: 222px;
  margin: 0 0 0 -5%;
}

#right {
  float:right;
  width: 140px;
  margin: 0;
}

#company {
  font-size: 80%;
  padding: 480px 10px 10px 10px;
}

#menu       { margin-left:10px; font-size: 0.8em; color:#ffffff; }
#foto		{ padding:8px; margin-right:10px; margin-top: 8px; margin-bottom:8px; float:left; }
#fotoright  { padding:8px; margin-left:10px; margin-bottom:8px; float:right; }
.bartitle   { background: #ffcc00; color: #ffffff; padding:5px; }

A {	COLOR: #fff;}
#subnav A, #center A, #center TD, #center input { COLOR: #000;}
#subnav A:hover, #left A:hover { color: #ffcc00; font-weight: bold; }

h1 {
  font-size: 1.3em; 
  color:gray;
  font-weight:bold;
}

h2 {
  font-size: 1.2em; 
  color:#003366; 
  font-weight:bold;
  line-height:0.8;
}

h3 {
  font-size: 0.9em; 
  font-weight:bold;
  background-color:#cbc6ff;
}

#bg {
  background-color:#ECF1FF;
}

div h1, div h2, div h3, div h4, div p {
margin: 0.5em 0;
padding: 0 10px; 
}

p small {
  line-height: 1.2;
}

small {
   font-size:0.8em;
}

#red {
  color:red;
  font-weight:bold;
  font-size:90%;
}

#text {
  font-size: 0.7em; 
}

/************* IE Mac CSS Only  works for Win too **************/
* html div#centerwrap {margin: 0 -100% 0 0;}
* html div#left {margin: 0;}