/* author: Frouke Feenstra, 2010 */


body {  	 
     behavior: url("csshover3.htc"); /* hack to let hover work ik IE. */
     margin: 0;
     padding:0;
     border:0;			/* This removes the border around the viewport in old versions of IE */
     width:100%;
     background-color: #F2F1EC;
     /* min-width:600px;    	/* Minimum width of layout - remove line if not required */
					/* The min-width property does not work in old versions of Internet Explorer */
     font-size:11pt;
     line-height: 175%;
     text-align:center;
     font-family: trebuchet, arial, verdana, univers, sans-serif;
}


h1, h2 {
     margin:.8em 0 .2em 0;
     padding:0;
     font-family: trebuchet, arial, verdana, univers, sans-serif;
     color: #000;
}

h1 {
     font-size: 18pt;
}

h2 {
     font-size: 14pt;
}


p {
     font-family: trebuchet, arial, verdana, univers, sans-serif;
     font-size:11pt;
     line-height: 175%;
     color: #000;
     margin:.4em 0 .8em 0;
     padding:0;
}


/* -------------------------------------------------- */
/* container fixed */
/*   moves the whole page-content to the middle of the page
/*   must be combined with: "text-align: center" in the body-tag
/* -------------------------------------------------- */
#fixed {
   margin:0 auto;
   width: 850px;   	/* you can use px, em or % */
   text-align:left;
}


/* -------------------------------------------------- */
/* Header styles */
/* -------------------------------------------------- */
#header {
     clear:both;
     float:left;
     width: 850px;
     height: 190px;
     background-color: #FFF;
     text-align: center;
     overflow: hidden;
}

/* -------------------------------------------------- */
/* Footer styles */
/* -------------------------------------------------- */
#footer {
     clear:both;
     float:left;
     width: 850px;
     height: 24px;
     padding: 2px 0px 2px 0px;
     background-color: #99FFA2;

     font-size: 10pt;
     text-align: right;
}

#footer p {
        padding:5px;
        margin: 0;
        color: #902E01;
        line-height: 100%;
}


/* -------------------------------------------------- */
/* column container */
/* -------------------------------------------------- */
.colmask {
     position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
     clear:both;
     float:left;
     width:100%;		/* width of whole page */
     overflow:hidden;		/* This chops off any overhanging divs */	
}

/* 2 column left menu settings */
.leftmenu {    
	background-color: #FFCC66;
}

.leftmenu .colright {
     float:left;
     width:200%;
     position:relative;
     left:12em;
     background-color: #FFF;
}

.leftmenu .col1wrap {
     float:right;
     width:50%;
     position:relative;
     right:12em;
     padding-bottom:1em;
}

.leftmenu .col1 {
     margin:0em 1em 0 13em;
     position:relative;
     right:100%;
     overflow:hidden;
}

	
.leftmenu .col2 {
        float:left;
        width:10em;
        position:relative;
        right:11em;
        overflow:hidden;
        text-align: center;
        padding: 10px 0 0 0;
		
}

.col2 img {
     width: 120px;
     height: 32px;
     border: none;
}

.col2 img.flag {
     width: 30px;
     height: 22px;
     padding: 0px 0px 30px 0px;
}

.col2 a {
     text-decoration: none;
     color: #FFCC66;
}

.col2 a:hover {
     text-decoration: none;
     background-color: #FFCC66;
}

.col2 a:link .col2 a:visited, .col2 a:hover, .col2 a:active, .col2 a:focus {
     outline-style: none;
}

.disclaimer {
     font-size: 8pt;
}


.breadcrump {
     font-size: 10pt;
     color: #902E01;
}

a {
     color: #902E01;
}

a:hover {
     background-color: #FFDFBF;
}



.align-left {
     text-align: left;
}

.align-center {
   text-align: center;
}

table {
     border-collapse: collapse;
}

td {
     vertical-align: top;
     padding: 5px;
   
}