/* Klaasmeyer CSS */

/* << ----------------// General Styles //---------------->> */
body {
	margin: 10px auto;
	padding: 0;
	background: #D0D0D0;
}
h1 {
	font: 22pt Tahoma, Arial, Helvetica, sans-serif;
	color: #04618a;
	}
h3 {
	font: 14pt Tahoma, Arial, Helvetica, sans-serif;
	color: #04618a;
}
p {
	font: 12pt Tahoma, Arial, Helvetica, sans-serif;
	margin:4px 0 6px 0;
	color: #000;
}

a:link, a:visited {
color:#cc0000;
text-decoration:underline;
}

a:hover, a:active {
color:#999999;
text-decoration:none;
}

ul {
margin:5px 0 5px 20px;
padding:0;
list-style-type:disc;
}

ol {
margin:5px 0 5px 30px;
padding:0;
list-style-type:decimal;
}

ul li, ol li {
margin:0 0 4px 0;
padding:0;
}

/* << ----------------// Outer container that holds all the columns //---------------->> */
#container {
	margin: 0px auto;
	padding: 0;
	width: 950px;
}

/* << ----------------// Header //---------------->> */
#logo {
	margin: 0;
	padding: 0;
	width: 950px;
	color: #eeeeee;
	text-align: center;
}

/* << ----------------// Navigation //---------------->> */
ul#nav {
	width: 950px;
	height: 50px;
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}

ul#nav li {
	width: 150px;
	height: 50px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	float: left;
}
ul#nav li#leftend {
	display: block;
	width: 100px;
	height: 50px;
	background: url(images/leftend.jpg) 0 0 no-repeat;
}
ul#nav li#rightend {
	width: 100px;
	height: 50px;
	background: url(images/rightend.jpg) 0 0 no-repeat;
}

ul#nav li a, ul#nav li a:hover, ul#nav li a:visited {
	display: block;
	width: 150px;
	height: 50px;
	background: url(images/navigation.jpg) 0 -50px no-repeat;
}
ul#nav li#home a, ul#nav li#home a:visited {
	background-position: 0 -50px;
}
ul#nav li#about a, ul#nav li#about a:visited {
	background-position: -150px -50px;
}
ul#nav li#news a, ul#nav li#news a:visited {
	background-position: -300px -50px;
}
ul#nav li#contact a, ul#nav li#contact a:visited {
	background-position: -450px -50px;
}
ul#nav li#employment a, ul#nav li#employment a:visited {
	background-position: -600px -50px;
}
ul#nav li#home a:hover {
	background-position: 0 0;
}
ul#nav li#about a:hover {
	background-position: -150px 0;
}
ul#nav li#news a:hover {
	background-position: -300px 0;
}
ul#nav li#contact a:hover {
	background-position: -450px 0;
}
ul#nav li#employment a:hover {
	background-position: -600px 0;
}

/* << ----------------// Content //---------------->> */
#contentbox {
	background: #454545;
}
#content {
	float:left;
	margin:0;
	background: #eee;
	padding:0 10px 10px 5px;
	width:725px;
	min-height: 700px;
	color: #454545;
}
#content p {
	font: 11pt Tahoma, Arial, Helvetica, sans-serif;
	line-height: 18pt;
}
.about img {
	float: left;
	border: 2px solid #000;
	margin-right: 5px;
	}
.date {
	font: 12pt Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
/* << ----------------// Right Sidebar //---------------->> */
#rightSidebar {
	float:left;
	margin:0 auto;
	padding: 5px 7px 5px 3px;
	width:200px;
	min-height: 700px;
	background-color:#454545;
}
#rightSidebar p, #rightSidebar ul li, #rightSidebar ol li {
	font: 11pt Tahoma, Arial, Helvetica, sans-serif;
	line-height: 14pt;
	color: #eee;
}

#rightSidebar h2 {
	font-size:16px;
}
#rightSidebar img {
	border: 2px solid #eee;
	}

/* << ----------------// Footer //---------------->> */
#footer {
margin:0;
padding:5px;
height:20px;
font-size:10px;
color:#454545;
background-color:#04618a;
clear:both;
}
#footer a:link, #footer a:visited {
color:#999999;
text-decoration:none;
}

#footer a:hover, #footer a:active {
color:#ffffff;
text-decoration:underline;
}
#footer p {
	font: 10pt Tahoma, Arial, Helvetica, sans-serif;
	}
p.copyright {
font: 10pt Tahoma, Arial, Helvetica, sans-serif;
float: right;
}

/* << ----------------// Special Footer // ----------------- >> */
#footerPHP {
margin:0;
padding:5px;
height:20px;
font-size:10px;
color:#454545;
background-color:#04618a;
clear:both;
}
#footerPHP a:link, #footerPHP a:visited {
color:#999999;
text-decoration:none;
}

#footerPHP a:hover, #footerPHP a:active {
color:#ffffff;
text-decoration:underline;
}
#footerPHP p {
	font: 10pt Tahoma, Arial, Helvetica, sans-serif;
	}

/* << ----------------// Fix so that the outer DIV will wrap around all floated DIVs within //---------------->> */
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */