body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #ececec;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000;
	font-size:10pt;
}
img {
	border: 0;
}
p {
	padding: 0 0 4px 5px;
	margin: 0;
}
a {
	color: #009a00;
}
a:hover {
	color: #00d500;
}
strong {
	color: #00a900;
}
#container {
	width: 100%;  /* this will create a container 80% of the browser width */
	background: #fafafa;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	overflow: hidden;
}
#header {
	background: #fff url(../images/bg_header.png) repeat-x;
	height: 195px; 
}
#top {
	height: 24px;
	font-size: 9pt;
	color: #fff;
	padding: 8px 5px 0 5px;
}
#top a {
	color: #fff;
	text-decoration: none;
}
#top a:hover {
	color: #15ff00;
	text-decoration: underline;
}
#header h1 {
	text-align: center;
	height: 107px;
	color: #1e8615;
	margin: 0; 
	padding-top: 6px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
#menu {
	height: 32px;
	padding: 0;
	margin: 0;
}
#main_navigation { 
	width: 800px;
	height: 32px;
	padding: 5px;
	position:relative;
	margin: 0 auto;
}
#main_navigation li { 
	float: left;
	list-style: none;
	text-align: left;
	font-size: 16pt;
}

#main_navigation li a { 
	display: block;
	padding: 0px 10px 6px 10px;
	text-decoration: none;
	border-bottom: 1px  solid #1c8113;;
	width: auto;
	color: #053b00;
	white-space: nowrap
}

#main_navigation li a:hover
{ background: #0c9c00;
	color: #fff;}

#main_navigation li ul
{ margin: 0;
padding: 0;
position: absolute;
visibility: hidden;
border: 1px solid #1c8113;}

#main_navigation li ul li
{ float: none;
display: inline}

#main_navigation li ul li a { 	
	width: 180px;
	height: 16px;
	font-size: 12pt;
	background: #fff url(../images/bg_main_menu.png) no-repeat;
}

#main_navigation li ul li a:hover { 
	background: #0c9c00;
	color: #fff;
}
#pijlers li { 
	float: left;
	list-style: none;
	text-align: center;
	font-size: 16pt;
	font-family: "Times New Roman", Times, serif;
	padding-bottom: 20px;
}
#pijlers li a { 
	display: block;
	background: #fff url(../images/pijler.png) no-repeat;
	padding-right: 8px;
	text-decoration: none;
	width: 140px;
	height: 93px;
	color: #434343;
	white-space: nowrap
}

#pijlers li a:hover
{ background: #fff url(../images/pijler_hover.png) no-repeat;
	color: #0c9c00;
	width: 140px;
	height: 93px;
}
#content_container {
	width: 974px;
	margin: 0 auto; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	padding: 0px;
	background-color: #f7f7f7;
}
#main_content {
	width: 634px;
	padding: 20px;
	text-align: justify;
	float: left;
	background-color: #fff;
}
#main_content p {
	margin-bottom: 10px;
}
#main_content h3 {
	color: #00a900;
	font-size: 14pt;
}
#news {
	border-bottom: #e0e0e0 dotted;
	margin-bottom: 10px;
}
#news h1 {
	color: #00a900;
	font-size: 14pt;
}
#news .footer {
	font-size: 10pt;
	margin-bottom: 10px;
}
#sub_content {
	width: 300px;
	padding-top: 10px;
	background: #f7f7f7 url(../images/bg_submenu.png) top repeat-x;
	float: right;
	height: 100%;
}
#sub_content .sub_box {
	width: 280px;
	background: #f7f7f7;
	padding: 0 10px 10px 10px;
}
#sub_content .top {
	height: 28px;
	color: #00c100;
	font-family: "Times New Roman", Times, serif;
	font-size: 16pt;
	vertical-align:middle;
	padding: 5px 5px 0 5px;
	background: url(../images/sub_content_top.png)  no-repeat;
}
#sub_content .content {
	background: #efefef;
	font-size: 10pt;
	padding: 5px;
}
#sub_content .bottom {
	height: 33px;
	background: url(../images/sub_content_bottom.png)  no-repeat;
}
#footer { 
	height: 94px;
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#0a7900 url(../images/bg_footer.png) repeat-x;
	clear: both;
} 
#footer p {
	color: #fff;
	font-size: 10pt;
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 28px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
#footer a {
	color: #fff;
	text-decoration: none;
}
#footer a:hover {
	color: #15ff00;
	text-decoration: underline;
}
.hide {
	display: none;
}
.right {
	float: right;
}
.left {
	float: left;
}
.text-align-right {
	text-align: right;
}
.text-align-left {
	text-align: left;
}
.text-align-center {
	text-align: center;
}
.pagination {
	margin-top: 10px;
	text-align: center;
	font-size: 9pt;
	color: #a7a7a7;
}
.green {
	color: #00a900;
}
#footer .invisible a{
	color: #fff;
	cursor:default;
	text-decoration: none;
}
#footer .invisible a:hover {
	color: #fff;
	cursor:default;
	text-decoration: none;
}
.tweet {
  font-size: 10pt;
 }
  .tweet .tweet_list {
    list-style-type: none;
    margin: 0;
    padding: 0;
	 }
    .tweet .tweet_list li {
      overflow: hidden;
	  padding-bottom:10px;
	 }
    .tweet .tweet_list .tweet_odd {
      background-color: #f7f7f7; }
    .tweet .tweet_list .tweet_avatar {
      padding-right: .5em;
      float: left; }
      .tweet .tweet_list .tweet_avatar img {
        vertical-align: middle; }