/*
		You can choose whether to use or delete
		this first declaration.
		It sets a 0 margin & padding on the most
		regularly used tags. You can then customise
		each individual tag (or group of tags) to
		provide the spacing required.
		It seems to be better to use padding for
		consistency as different browsers use 
		different rules for collapsing margins.
*/
form,
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, li, dl, address {
	color: #555;
	margin: 0;
	padding: 0;
}

/* Start */
body {
	background: url(../images/landscape_background_3.jpg) fixed center top no-repeat;
	margin: 12px 0 60px 0;
	text-align: center;
}
h1 {
	font-size: 15px;
	padding-bottom: 8px;
}
h2 {
	color: #820F16;
	font-size: 14px;
	padding-bottom: 6px;
}
h3 {
	font-size: 13px;
	padding-bottom: 4px;
}
h4 {
	color: #820F16;
	font-size: 12px;
	font-style: italic;
	padding-bottom: 4px;
}
p {
	color: #555;
	font-size: 12px;
	line-height: 17px;
	padding-bottom: 8px;
}
a {
	color: #DB2522;
	text-decoration: none;
}
a:hover {
	color: #aaa;
}
.light_link {
	color: #999;
	font-size: 10px;
}
.light_link:hover {
	color: #DB2522;
}
ul {
	font-size: 12px;
	margin: 0 0 0 25px;
	list-style-type: circle;
	padding-bottom: 8px;
}
table {
	color: #555;
}
#frame {
	background-color: #fff;
	border: solid #ddd 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 832px;
}
#frame_table td {
	vertical-align: top;
}
#top_photo_wrapper {
	background-image: url(../images/top_photo.jpg);
	float: right; 
	overflow: hidden; 
	/*border: solid #ccc 1px;*/
	height: 120px;
	width: 652px;
}
#top_nav_wrapper {
	padding: 0 12px;
}
#header_wrapper {
	padding: 12px 12px 8px 12px;
}
#top_nav_wrapper {
	margin-bottom: 2px;
}
#buttons {
	padding: 0 12px;
	height: 55px;
}
/*
		Content - Tuis/Home
*/
#left_col_wrapper {
	width: 636px;
	padding: 4px 4px 8px 12px;
}
#left_col_banners {
	padding-top: 8px;
	width: 170px;
}
#left_col_banners img {
	float: left;
	overflow: hidden;
}
#left_col_nuus {
	padding-top: 8px;
}
#right_col_wrapper {
	margin: 6px 16px 10px 0;
	text-align: right;
	z-index: 1;
}
#content_wrapper {
	border: solid #ccc 1px;
	margin: 2px 2px 0 4px;
	padding: 12px 35px 10px 35px;
}
#content_wrapper p {
	text-align: justify;
}
#content_wrapper ol, content_wrapper ul {
	font-size: 12px;
	margin: 0 0 0 25px;
	padding: 0 0 8px 0;
}
#content_wrapper ol li, content_wrapper ul li {
	padding: 2px 0 2px 0;
}
/*
		Belangrike datums
*/
#belangrike_datums_wrapper {
	float: left;
	margin: 0 3px 0 0;
	width: 254px;
}
#belangrike_datums_wrapper h1 {
	font-size: 12px;
	letter-spacing: 2px;
	margin-bottom: 3px;
	padding: 0;
	text-align: center;
}
.belangrike_datum {
	background-color: #EDF1F3;
	border: solid #bbb 1px;
	border-bottom: solid #aaa 2px;
	float: right;
	margin-bottom: 3px;
	overflow: hidden;
	padding: 2px 2px 3px 2px;
	width: 254px;
}
.belangrike_datum div {
	display: block;
	float: right;
	overflow: hidden;
	vertical-align: bottom;
}
.belangrike_datum h2 {
	color: #444; 	
	font-size: 12px;
	padding: 0;
}
.belangrike_datum p {
	font-size: 12px;
	padding: 0;
}

.belangrike_datum p span {
	color: #333;
	font-size: 11px;
}

/*
		Images
*/
.caption {
	color: #777;
	font-size: 11px;
	margin: 0 0 10px 0;
}
.img_left_pad {
	margin-top: 5px;
	margin-right: 15px;
	margin-bottom: 4px;
}
.img_right_pad {
	margin-top: 5px;
	margin-left: 15px;
	margin-bottom: 5px;
}
.img_right_div_200 {
	float: right;
	margin-top: 5px;
	margin-left: 15px;
	margin-bottom: 5px;
	text-align: center;
	width: 202px;
}

/*
		Borders and Image margins
*/
.b_000 {
	border: solid #000 1px;
}
.b_333 {
	border: solid #333 1px;
}
.b_666 {
	border: solid #666 1px;
}
.b_999 {
	border: solid #999 1px;
}
.b_ccc {
	border: solid #ccc 1px;
}
.b_fff {
	border: solid #fff 1px;
}
.gb1 {
	border: #ddd solid 1px;
}
.im_1 {
	margin: 5px 0 5px 10px;
}
/*
		Slideshows
*/
#home_slideshow {
	display: block;
	float: left;
	margin: 4px 3px 0 2px;
	width: 365px;
	z-index: 1;
}

/* WebWorX */
#wwx { 
	clear: both;
	color: #eee; 
	font-family: verdana, san-serif; 
	font-size: 10px;
	margin: 12px 0;
	text-align: center;
}
#wwx_site { 
	border: solid #007700 1px;
	color: #bbb; 
	background-color: #ffffff;
	padding: 2px 2px 4px 4px;
}
#wwx_link { 
	color: #007700;
	font-family: verdana, arial, sans-serif; 
	font-size: 9px; 
	font-weight: normal; 
	text-decoration: none;
}
#wwx_link:hover {  
	color: #ff7700;
	font-family: verdana, arial, sans-serif;
	text-decoration: none;
}
#wwx_link span {
	color: #FF7700;
}
#wwx_link:hover span { 
	color: #007700;
}
.odi {
	font-size: 9px;
}