/* 
------------------------------------
finarch.com CSS Screen stylesheet
by Waypointdesign.be

The unique combination of images, colors, sizes, typography, and positioning ("the DESIGN") is copyright (C) 2006 Financial Architects NV and Waypointdesign and may not be reproduced. 
------------------------------------
*/

body {
	background-color: #fff;
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
	margin: 0 auto;
	padding: 6px 0 20px 26px; /*12px 0 20px 26px;*/
}

th, p, span, li, .MsoNormal {
	font: normal 11px/16px Tahoma, Arial, Helvetica, sans-serif;
}

td, select, #newsnumber, #eventsnumber {
	font: 11px/16px Tahoma, Arial, Helvetica, sans-serif;
}

input.textfield, textarea.textfield, textarea.mceNoEditor{
	border: 1px solid #999;
	font: 11px/16px Tahoma, Arial, Helvetica, sans-serif;
	background-color: #f6f6f6;
	padding: 2px;
	margin: 1px;
}

input.textfield:hover, textarea.textfield:hover, textarea.mceNoEditor:hover {
	border: 1px solid #9c0;
}

input.textfield:focus, textarea.textfield:focus, textarea.mceNoEditor:focus {
	border: 2px solid #9c0;
	background-color: #fff;
	margin: 0;
}

.editor_field{
	width:210px;
}

.editor_ok_button{
	margin-left:30px;
	margin-right:10px;
}

.inplaceeditor-form{
background-color:#669933;
width:100%;
margin-left:30px;
}

#data {
	margin-top:14px; /*24px*/
}

#data li {
	list-style: square;
}

#data h3#finheading {
	margin-top: 16px;/*26px*/
	font: bold 16px/19px Tahoma, Arial, Helvetica, sans-serif;
	text-transform: lowercase;
	margin-bottom: 24px;
}

#data h3#finheadingcaps {
	margin-top: 26px;
	font: bold 16px/19px Tahoma, Arial, Helvetica, sans-serif;
	margin-bottom: 24px;
}

#data h3#finheading2 {
	margin-top: 26px;
	font: bold 16px/19px Tahoma, Arial, Helvetica, sans-serif;
	margin-bottom: 24px;
	color: Green;
}

#data h4 {
	font-weight: normal;
}

#data h3 {
	font: bold 12px/19px Tahoma, Arial, Helvetica, sans-serif;
}

#data h2 {
	font: bold 13px/19px Tahoma, Arial, Helvetica, sans-serif;
}

#data h1 {
	font: bold 14px/19px Tahoma, Arial, Helvetica, sans-serif;
}

img, table {
	border: 0;
}

form {
	display:inline;
}

.register {
	width: 545px;
}

.register td {
	background-color: #f6f6f6;
	padding: 4px;
}

.fileview {
	width: 400px;
	border-bottom:#CCCCCC 1px solid;
	border-top:#CCCCCC 1px solid;
	border-right:#CCCCCC 1px solid;
	border-left:#CCCCCC 1px solid;
	padding-bottom:5px;
	padding-left:5px;
	padding-top:5px;
	padding-right:5px;
	display:block;
}

.list_inscription {
	width: 100%;
	border-bottom:#CCCCCC 1px solid;
	border-top:#CCCCCC 1px solid;
	border-right:#CCCCCC 1px solid;
	border-left:#CCCCCC 1px solid;
	background-color: #F6F6F6;
	padding-bottom:5px;
	padding-left:5px;
	padding-top:5px;
	padding-right:5px;
}

input.searchtext {
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
	margin-left: 12px;
	margin-top: 12px;
	margin-bottom: 12px;
}

input.contactform {
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
	margin-left: 12px;
	margin-top: 12px;
	margin-bottom: 12px;
	background-color: #E4F1D8;
	border:none;
}

input.searchbutton {
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
	margin-bottom: 12px;
}

a:link { color: #698F28; text-decoration: none }
a:visited { color: #698F28; text-decoration: none }
a:hover { color: #9c0; text-decoration: none }
a:active { color: #9c0; text-decoration: none }

#wrapper {
	width: 830px;
	margin: 0 auto;
}

/* header stuff */

#header p {
	font-size: 10px;
	display: inline;
	color: #666;
}

#header ul {
	margin: 0;
	padding: 0;
	text-align:right;
	padding-bottom: 2px; 
	float: right;
}

#header ul li {
	display: inline;
	border-right: 1px solid #999;
	padding-right: 8px;
	padding-left: 8px;
	line-height: 10px; /* to make the line shorter in IE */
}

#header ul li#odd {
	border-right: 0;
	padding-right:0;
}

#header ul li a:link, #header ul li a:visited {
	font-size: 10px;
	color:#666;
}

#header ul li a:hover {
	font-size: 10px;
	color:#9c0;
}

/* logo */

#header h1 {
	margin: 1px 0;
	border-top: 4px solid #000;
	width: 830px;
	padding-top: 5px; /*10px*/
}

#header h1 a {
	display:block;
	width: 360px;
	height:44px;
}

#header h1 a#logo1 {
	background:url(../img/header/logo_1.gif) no-repeat;
}
#header h1 a#logo2 {
	background:url(../img/header/logo_2.gif) no-repeat;
}
#header h1 a#logo3 {
	background:url(../img/header/logo_3.gif) no-repeat;
}
#header h1 a#logo4 {
	background:url(../img/header/logo_4.gif) no-repeat;
}
#header h1 a#logo5 {
	background:url(../img/header/logo_5.gif) no-repeat;
}
#header h1 a#logo6 {
	background:url(../img/header/logo_6.gif) no-repeat;
}
#header h1 a#logo7 {
	background:url(../img/header/logo_7.gif) no-repeat;
}
#header h1 a#logo8 {
	background:url(../img/header/logo_8.gif) no-repeat;
}
#header h1 a#logo9 {
	background:url(../img/header/logo_9.gif) no-repeat;
}

#header p {
	text-transform: lowercase;
}

/* mainimg */

#mainimg {
	background-color: #ccc;
	height: 167px;
	margin-bottom: 7px; /*14px*/
	background-color:#669933;
	width: 830px;
}

/* central area */

#central {
	clear:both;
	line-height: 16px;
	padding-top: 7px; /*16px*/
}

#content {
	width: 555px;
	float: left;
	padding:0;
}

#content h1 {
	font: bold 20px Tahoma, Verdana, Arial, sans-serif;
}

#content h2 {
	font: bold 14px Tahoma, Verdana, Arial, sans-serif;
}

#content h2#fintitle {
	margin:0;
	padding: 5px 5px 5px 8px;
	background-color:#693;
	text-transform:lowercase;
	color: #fff;
	font: 20px Tahoma, Arial, Helvetica, sans-serif;
}

#data {
	width: 515px;
	margin-left: 8px;
	margin-bottom: 30px;
}

#sidebar {
	margin: 0 0 0 556px;
	font-size: 11px;
}

#sidebar h4 {
	margin:0;
	padding: 5px 5px 5px 12px;
	background-color:#999;
	text-transform:lowercase;
	color: #fff;
	font: 20px Tahoma, Arial, Helvetica, sans-serif;
}

#sidebar img {
	max-width:245px;
	width: expression(this.width > 245 ? 245: true);
}

#sidebar hr {
	visibility:hidden;
}

#sidebar h4#latestnews {
	margin-bottom: 10px; /*16px*/
}

/* homepage news */

.textitem {
	margin-bottom: 2px;
	text-align: left;
	padding: 12px;
}

.news, .newson {
	margin-bottom: 2px;
	cursor: pointer;
	text-align: left;
	padding: 12px;
	margin-top:0;
}

.news {
	background-color: #fff;
}

.newson {
	background-color: #eee;
	color: #000;
}

.seminews, .seminewson {
	margin-bottom: 2px;
	text-align: left;
	padding: 12px;
}

.seminews {
	background-color: #fff;
}

.seminewson {
	background-color: #eee;
	color: #000;
}

.seminews .newstitle {
	font-weight: bold;
	color: #698F28;
}

.seminewson .newstitle {
	font-weight: bold;
	color: #9c0;
}


.date {
	color: #666;
}

.news .newstitle {
	font-weight: bold;
	color: #698F28;
}

.newson .newstitle {
	font-weight: bold;
	color: #9c0;
}

.more {
	text-align: right;
	display: block;
	color: #666;
}

/* sidebar admin */

.sideitem, .sideitemon {
	margin-bottom: 2px;
	text-align: left;
	padding: 10px 8px 4px 12px;
}

.sideitem p, .sideitemon p {
	margin:0;
}

.sideitem ul, .sideitemon ul {
	margin-left: 0;
	padding-left: 20px;
}

.sideitem ul li, .sideitemon ul li{
	background-repeat:no-repeat;
	list-style-type:none;
	padding-left: 22px;
	margin-bottom: 2px;
	font-weight:bold;
}

.sideitem {
	background-color: #fff;
	color: #333;
}

.sideitemon {
	background-color: #eee;
	color: #000;
}

li.option_edit {
	background-image: url(../img/pencil.gif);
}

li.option_add {
	background-image: url(../img/add.gif);
}

li.option_newsletter {
	background-image: url(../img/email.gif);
}

li.option_awards {
	background-image: url(../img/awards.gif);
}

li.option_picture {
	background-image: url(../img/camera.gif);
}

li.option_view {
	background-image: url(../img/zoom.gif);
}

li.option_logout {
	background-image: url(../img/logout.gif);
}

li.option_text {
	background-image: url(../img/note.gif);
}

li.option_location {
	background-image: url(../img/building.gif);
}

#editnews {
	background-image: url(../img/newspaper.gif);
	background-repeat:no-repeat;
	font-weight: bold;
	padding-left: 22px;
}

#editjobs {
	background-image: url(../img/user_suit.gif);
	background-repeat:no-repeat;
	font-weight: bold;
	padding-left: 22px;
}

#editlinks {
	background-image: url(../img/link.gif);
	background-repeat:no-repeat;
	font-weight: bold;
	padding-left: 22px;
}

#editdownloads {
	background-image: url(../img/server_go.gif);
	background-repeat:no-repeat;
	font-weight: bold;
	padding-left: 22px;
}

#editsidebar {
	background-image: url(../img/sidebar.gif);
	background-repeat:no-repeat;
	font-weight: bold;
	padding-left: 22px;
}

#edittools {
	background-image: url(../img/wrench.gif);
	background-repeat:no-repeat;
	font-weight: bold;
	padding-left: 22px;
}

/* footer */

#footer {
	width: 830px;
	border-top: 1px solid #999;
	clear: both;
}

#footer #xtranav {
	float: right;
	text-align: right;
}

#footer #xtranav li a {
	line-height: 11px;
}

#footer ul {
	margin:0;
	padding: 0;
	white-space:nowrap;
	height:20px;
}

#footer ul li {
	display: inline;
}

#footer ul li a {
	display: block;
	text-align: left;
	float: left;
	margin: 5px 7px 0 0;
	padding: 0 7px 0 0;
	border-right: 1px solid #333;
	color: #333;
	text-decoration: none;
	font-size: 10px;
	line-height: 10px; /* I use this value to make the line between options shorter */
}

#footer ul li a:hover {
	color: #9c0;
}

#footer ul li a.last {
	border-right: 0;
	padding-right: 0;
	margin-right:0;
}

#footer p {
	margin-top: 4px;
	color: #333;
	font-size: 10px;
}

/* MENU definitions */

/* Begin CSS Popout Menu */

#menu{
/*width:755px;*/
	float:left; 
}

#menu a, #menu h2{
font: 11px/16px tahoma,verdana, arial,sans-serif;
display:block;
white-space:nowrap;
margin:0;
padding:3px 0 3px 4px; /* padding for sub-elements */
text-align: left;
}

#menu h2 {
cursor: pointer;
width: 111px;
padding: 0; /* */ 
}

#menu h2#enquiries {
cursor: pointer;
width: 164px;
padding: 0; /* */ 
}

#menu ul h2 a:link.topmenu, #menu ul h2 a:visited.topmenu {
font: bold 11px/12px tahoma,verdana, arial,sans-serif;
color:#fff;
text-align: right;
margin:0;
padding: 18px 4px 4px 0; /* 32px 4px 4px 0; padding for main elements (top bar) */
border-bottom: 0;
border-right: 1px solid #fff;
text-transform:uppercase;
background-color: #000;
}

#menu ul h2#enquiries a:link.topmenu, #menu ul h2#enquiries a:visited.topmenu {
border-right: 0;
}

#menu ul h2 a:hover.topmenu {
background-color: #693;
}

#menu a{
background:#eee;
text-decoration:none;
text-transform:lowercase;
}

#menu a, #menu a:visited {
color:#333;
font-size: 11px;
}

#menu a:hover{
color:#fff;
background:#693;
}

#menu a:active{
color:#000;
background:#dedede;
}

#menu ul h2.act { /* Active section in the top menu */
	color: #000;
}

#menu ul{
list-style:none;
margin:0;
padding:0;
float:left;
}

#menu li{
position:relative;
}

#menu ul ul{
position:absolute;
z-index:500;
top:auto;
display:none;
width:150px;
}

#menu ul ul li a {
border-bottom:1px solid #ccc;
}

/* This works on the top menu */
#menu ul ul.longer{
position:absolute;
z-index:500;
top:auto;
display:none;
width:195px;
}

#menu ul ul.verylong{
position:absolute;
z-index:500;
top:auto;
display:none;
width:200px;
}

#menu ul ul.mediumsize{
position:absolute;
z-index:500;
top:auto;
display:none;
width:164px;
}

#menu ul ul ul{
top:0;
left:100%;
margin-left:0;
width: 190px;
border-left: 1px solid #ccc;
}

#menu ul ul ul.sublong{
top:0;
left:100%;
margin-left:0;
width: 130px;
}

#menu ul ul ul.superlong{
top:0;
left:100%;
margin-left:0;
width: 170px;
}

/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */

div#menu h2:hover{
background-color: #9c0;
color: #000;
}

div#menu li:hover{
cursor:pointer;
z-index:100;
}

div#menu li:hover ul ul,
div#menu li li:hover ul ul,
div#menu li li li:hover ul ul,
div#menu li li li li:hover ul ul
{display:none;}

div#menu li:hover ul,
div#menu li li:hover ul,
div#menu li li li:hover ul,
div#menu li li li li:hover ul
{display:block;}

/* End of non-anchor hover selectors */

/* Styling for Expand */

#menu a.x, #menu a.x:visited{
color:#586588;
background: #fafbff url(../images/arrowed.gif) no-repeat;
}

#menu a.x:hover{
color:#000;
background: #ECF0FF url(../images/arrowed.gif) no-repeat;
}

#menu a.x:active{
color:#586588;
background: #dedede url(../images/arrowed.gif) no-repeat;
}

/* longer ones */

#menu ul.longer a.x, #menu ul.longer a.x:visited{
color:#586588;
background: #fafbff url(../images/arrowed_long.gif) no-repeat;
}

#menu ul.longer a.x:hover{
color:#000;
background: #ECF0FF url(../images/arrowed_long.gif) no-repeat;
}

#menu ul.longer a.x:active{
color:#586588;
background: #dedede url(../images/arrowed_long.gif) no-repeat;
}

/* hidden */

#header ul li#skipnav, h1 a span {
	display:none;
}

.newsdate {
	color: #666;
}

abbr, acronym {
	cursor: help;
}

#zone_text1 {
    width:240px;
    height:105px;
    padding:0;
    background-color:#669933;
    margin:10px 10px 10px 0px;
    color:#FFF;
    font: 12px Tahoma, Arial, Helvetica, sans-serif;
    overflow:hidden;
}

#zone_text1 h1 {
    font: 18px Tahoma, Arial, Helvetica, sans-serif;
    border: 0;
    margin-bottom: 4px;
    font-weight: bold;
}

#zone_text1 h2 {
    font: 14px Tahoma, Arial, Helvetica, sans-serif;
    margin-bottom: 4px;
    font-weight: bold;
}

#zone_text1 h3 {
    font: 13px Tahoma, Arial, Helvetica, sans-serif;
    margin-bottom: 4px;
    font-weight: bold;
}

#zone_text1 h4 {
    font: 12px Tahoma, Arial, Helvetica, sans-serif;
    margin-bottom: 4px;
    font-weight: bold;
}

#zone_text1 h5 {
    font: 11px Tahoma, Arial, Helvetica, sans-serif;
    margin-bottom: 4px;
    font-weight: bold;
}

#zone_text1 h6 {
    font: 10px Tahoma, Arial, Helvetica, sans-serif;
    margin-bottom: 4px;
    font-weight: bold;
}

#zone_text1 p {
    font: 11px Tahoma, Arial, Helvetica, sans-serif;
    color: #fff;
}

#zone_text1 a:link, #zone_text1 a:visited {
    color: #fff;
}

#zone_text1 a:hover {
    color: #9c0;
}

#zone_text2 {
    width:240px;
    background-color:#669933;
    margin:-2px 10px 0 0;
    color: #fff;
    font: 20px Tahoma, Arial, Helvetica, sans-serif;
    text-align: right;
}

#zone_text2 img {
    padding:0px 3px;
}

#zone_text2 td, #zone_text2 table{
    height: 24px;
}

#zone_text2 h1, #zone_text2 h2, #zone_text2 h3, #zone_text2 h4, #zone_text2 h5, #zone_text2 h6, #zone_text2 p {
    margin-bottom: 0;
}

#numbers {
	font-size:15px;
	font-weight: bold;
}
a.Style11 {
	font-weight:normal;
	color:#ccc;
}

.alert {
	font-weight: bold;
	color:#FF0000;
}

.fa-text {
	margin-bottom:0;
}

li.liLengthLonger {
width: 170px;
}

li.liLengthMuchLonger {
width: 200px;
}


li.liLength {
width: 164px;
}