/* --- layout --- */

body
{
	background-color: #000;
	font: 62.5%/1.4 verdana, arial, helvetica, sans-serif;
	color: #333;
	margin: 10px;
}

html
{
	overflow-y: scroll;
}

#wrapper
{
	background: #000 url(../gfx/background.jpg) center top;
	padding-bottom: 30px;
}

/* --- layout --- */

#header
{
  height: 140px;
  overflow: hidden;
}

#header,
#body,
body_inner
{
  width: 960px;
	float: left;  
	display: inline;    
}

.content
{
  margin-bottom: 1em; 
}

#body
{
	background-color: #eee;
  filter: alpha(opacity=95);
  -moz-opacity:0.95;
  -khtml-opacity: 0.95;
  opacity: 0.95;
}

#body_inner
{
	min-height: 400px;
	height: auto !important;
	height: 400px;
	padding: 1.6em 0;
	background: url(../gfx/line_vertical.gif) repeat-y;
}

.col_left
{
  width: 540px;
  margin-left: 40px;
}

.col_right
{
  width: 300px;
  margin-left: 40px;
  margin-right: 20px;
}

.inset_right
{
  width: 300px;
  margin: 1em 0;
}

#header h1,
#logo
{
  display: none;
}

#logo_kcc,
#logo_iso
{
  float: left;
  margin-top: 2em;
  display: inline;
}

#logo_iso
{
  height: 58px;
  width: 126px;
}

#logo_kcc
{
  height: 60px;
  width: 93px;
  margin-left: 30px;
}

/* --- general --- */

img
{
	border: none;
	display: block;
}

/* --- text --- */


h1, h2, h3, h4, h5, h6, p, li
{
  margin: 0 0 0.8em;
}

p, ul, ol
{
  font-size: 1.1em;
}

ul
{
  list-style:none;
}

li
{
  background: url('../gfx/bullet.gif') no-repeat 0 5px;
  padding-left: 18px;
}

h1
{
  font-size: 1.4em;
}

h2
{
  font-size: 1.3em;
  color: #f69c2e;
}

h3
{
  font-size: 1.3em;
}

.smalltext
{
  font-size: 0.6em;
}


/* --- links --- */

a
{
  text-decoration: underline;
  color: #000;
  outline: 0; /* removes dotted border in FX */
}

a:visited
{
  color: #999;
}

a:hover, a:focus, a:active
{
  visibility: visible; /* kills IE6 a:hover bug */
  text-decoration: none;
}