* {
	margin:0; 
	padding:0;
} 

html {
	height:100%; 
	font-size:100.01%;
} 

body {
	text-align: center;
	min-height: 101%;
	font: 100.01%/130% Arial, Helvetica, sans-serif;
	color: #000;
	background-color: #fff;
} 

body * {
	text-align:left;
  margin:0;
}


/* General Link Specification */

a, a:link {
	text-decoration:none;
	color:#0084C9;
	background-color: transparent;
}

a:visited {
	text-decoration:none;
	color:#0084C9;
	background-color: transparent;
}

a:hover, a:active, a:focus {
	text-decoration:underline;
	color:#0084C9;
	background-color: transparent;
}


br.clearer {
	clear:both;
}

/* we have to use that because of shitty Microsoft */
div.clearer {
	clear:both;
	width:100%;
	height:1px;
	font-size:1px;
	line-height:1px;
	margin-top:-1px;
}


#container {
	width:900px;
	margin:0 auto;
}

/* The Header  */

#header {
	width:100%;

  background-color:#fff;
  margin:15px 0;

}

#imageContainer {
	width:100%;
	text-align: left;
}

#imageContainer h1 {
	text-align: right;
  background-color:#0084C9;
	/* use the margins for spacing the top part! */
	margin: 0;
  padding:15px 0;
}

#imageContainer img {
	border:none;
	padding: 0 15px 0 0;
}

/* The Content */

#content {
  float:left;
	width: 650px;
  background-color:#fff;
}

.contentHeadline {
  line-height:1.9em;
}


.mainContent {
  float:left;
  width: 650px;
  padding:0;
  margin: 15px 0;
  line-height:1.3em;
}


.mainContent h3 {
  width: 100%;
  padding:10px;
  font-size:1em;
  line-height:1.3em;
  color: #fff;
  background-color: #0084C9;
}

.mainContentImage {
  float:left;
  width:320px;
  padding:15px 0;
}

.mainContentImage img {
  border:0;
  padding-bottom:15px;
}

.mainContentText {
  float:left;
  width:320px;
  padding:10px 0;
}

.mainContent p {
  padding:5px 0;
}

.mainContentText ul {
  list-style-type:square;
  padding-left:20px;
  line-height:1.3em;
}


/* The Navigation */
#navOneContent {
	float:left;
	width:200px;
	margin:58px 0 0 50px;
}

#navOneContent p {
  padding:5px 0;
}

.active {
  color: #000;
}