/* General styles */
	body {
		margin:0;
		padding:0;
		border:0;			/* This removes the border around the viewport in old versions of IE */
		width:100%;
		background: url("/gfx/bg-gradient.png") repeat-x fixed 0 0 #FFFFFF;
		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:76%;
                font-family: Arial,sans-serif;                
	}
	a {
		color:#369;
	}
	a:hover {
		/*color:#fff;
		background:#369;*/
                color: #215E6D;
		text-decoration:none;
	}
        a.lightbox img {
            border:1px solid #AAAAAA;
            padding: 3px;
        }
        a.lightbox img:hover {
            border:1px solid #e6e6e6;
        }
	p {
		margin:.4em 0 .8em 0;
		padding:0;
	}
	img {
		margin:0px;
	}
	/* Header styles */
	#header {
		clear:both;		
		width:100%;
	}
	#header {
            background:url("/gfx/header-bg.png") repeat-x top left;
            border-bottom:1px dotted #999999;
            height:190px;
	}
        #logo-pl {
            background:url("/gfx/logo-pl.png") no-repeat scroll 11px 11px transparent;
            height:185px;
            margin-left:5px;
            width:350px;
            float: left;
        }
        #logo-en {
            background:url("/gfx/logo-en.png") no-repeat scroll 11px 11px transparent;
            height:185px;
            margin-left:5px;
            width:350px;
            float: left;
        }
        #ducks {
            background:url("/gfx/ducks.png") no-repeat scroll 31px 6px transparent;
            float:right;
            height:200px;
            margin-right:9px;
            width:270px;
        }

        #navigation {
            clear:both;
height:25px;
}

.menu-ctl {
    position: absolute;
    width:4px;
    height: 4px;
    top:0px;
    left:0px;
    background: transparent url(/gfx/box-corners.png) no-repeat top left;
    z-index:99;
}
.menu-ctr {
    position: absolute;
    width:4px;
    height: 4px;
    top:0px;
    right:0px;
    background: transparent url(/gfx/box-corners.png) no-repeat top right;
    z-index:99;
}
.menu-cbl {
    position: absolute;
    width:4px;
    height: 4px;
    bottom:0px;
    left:0px;
    background: transparent url(/gfx/box-corners.png) no-repeat bottom left;
    z-index:99;
}
.menu-cbr {
    position: absolute;
    width:4px;
    height: 4px;
    bottom:0px;
    right:0px;
    background: transparent url(/gfx/box-corners.png) no-repeat bottom right;
    overflow: hidden;
    z-index:99;
}
.box-top-ctl {
    position: absolute;
    width:4px;
    height: 4px;
    top:-1px;
    left:-1px;
    background: transparent url(/gfx/box-top-corners.png) no-repeat top left;
    z-index:10;
}
.box-top-ctr {
    position: absolute;
    width:4px;
    height: 4px;
    top:-1px;
    right:-1px;
    background: transparent url(/gfx/box-top-corners.png) no-repeat top right;
    z-index:10;
}
.box-ctl {
    position: absolute;
    width:4px;
    height: 4px;
    top:-1px;
    left:-1px;
    background: transparent url(/gfx/box-corners.png) no-repeat top left;
    z-index:10;
}
.box-ctr {
    position: absolute;
    width:4px;
    height: 4px;
    top:-1px;
    right:-1px;
    background: transparent url(/gfx/box-corners.png) no-repeat top right;
    z-index:10;
}
.box-cbl {
    position: absolute;
    width:4px;
    height: 4px;
    bottom:-1px;
    left:-1px;
    background: transparent url(/gfx/box-corners.png) no-repeat bottom left;
    z-index:10;
}
.box-cbr {
    position: absolute;
    width:4px;
    height: 4px;
    bottom:-1px;
    right:-1px;
    background: transparent url(/gfx/box-corners.png) no-repeat bottom right;
    overflow: hidden;
    z-index:10;
}

.container-ctl {
    position: absolute;
    width:4px;
    height: 4px;
    top:-1px;
    left:-1px;
    background: transparent url(/gfx/container-corners.png) no-repeat top left;
    z-index:10;
}
.container-ctr {
    position: absolute;
    width:4px;
    height: 4px;
    top:-1px;
    right:-1px;
    background: transparent url(/gfx/container-corners.png) no-repeat top right;
    z-index:10;
}
.container-cbl {
    position: absolute;
    width:4px;
    height: 4px;
    bottom:-1px;
    left:-1px;
    background: transparent url(/gfx/container-corners.png) no-repeat bottom left;
    z-index:10;
}
.container-cbr {
    position: absolute;
    width:4px;
    height: 4px;
    bottom:-1px;
    right:-1px;
    background: transparent url(/gfx/container-corners.png) no-repeat bottom right;
    overflow: hidden;
    z-index:10;
}

#container {
    clear:both;
    margin:25px auto;
    position:relative;
    width:1100px;
    border:1px solid #1B5A86;
}

	/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;				
		overflow:hidden;		/* This chops off any overhanging divs */                
                      
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;			/* width of page */
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead
						only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;

                color:#215E6D;
                text-align: justify;
                line-height: 1.4;
                //padding-top: 7px;
				margin-top:10px;
        }

        .col2 {
            background: url("/gfx/col-seperator.png") repeat-y scroll right top #FFFFFF;
            padding-top: 15px;
        }
        .col3 {
            background: url("/gfx/col-seperator.png") repeat-y scroll left top #FFFFFF;
            padding-top: 15px;
        }

	/* 3 Column settings */
	.threecol {
		background:#fff;		/* right column background colour */
	}
	.threecol .colmid {
		right:25%;			/* width of the right column */
		background:#fff;		/* center column background colour */
	}
	.threecol .colleft {
		right:50%;			/* width of the middle column */
		background:#fff;	/* left column background colour */
	}
	.threecol .col1 {
		width:46%;			/* width of center column content (column width minus padding on either side) */
		left:102%;			/* 100% plus left padding of center column */
                left:101%;
                width:48%;
	}
	.threecol .col2 {
		left:29%;
                width:24%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
                left:27%;
                width:24%;
	}
	.threecol .col3 {
		left:81%;
                width:24%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
                left:79%;
                width:24%;
	}
        .col1 h1 {
            border-bottom:1px dotted #215E6D;
            font-family:"Segoe UI",Verdana,sans-serif;
            font-size:18pt;
            font-weight:normal;
            margin:0 0 20px;
            padding:0 0 5px;
        }
	/* Footer styles */
	#footer {

                border-top:1px dotted #999999;
clear:both;
color:#215E6D;
float:left;
font:11px Arial,sans-serif;
text-align:center;
width:100%;
	}
	
.box-container {
border:1px solid #999999;
margin:0 auto 28px;
min-height:161px;
position:relative;
width:229px;
}
.box-container .title {
background:url("/gfx/box-title-bg.png") repeat-x scroll left top #FFFFFF;
border-bottom:1px solid #BFBFBF;
height:42px;
padding-left:1px;
padding-right:1px;
width:227px;
}
.box-container .content {
background:none repeat scroll 0 0 #E6EFF8;
font:11px Tahoma,sans-serif;
margin:0;
min-height:105px;
padding:7px;
text-align:justify;
width:215px;
}
.box-container .content a img {
    border: 0;
}
.box-container .title h2 {
	margin:0;
	padding-left: 9px;
	padding-top:18px;
	font: 12px Tahoma, sans-serif;
}

.languageFlag {
    position:relative;
    top:3px;
    border: 0;
}

.box-container-top {
    border:1px solid #999999;
    float:left;
    left:27px;
    margin-bottom:32px;
    margin-left:auto;
    margin-right:auto;
    position:relative;
    top:-100px;
    width:420px;
    display: none;
    opacity:0;
}
.box-container-top .title {
    background:url("/gfx/box-title-bg.png") repeat-x scroll left top #FFFFFF;
    border-bottom:1px solid #BFBFBF;
    height:29px;
    padding-left:1px;
    padding-right:1px;
    width:418px;
}
.box-container-top .content {
    height: 133px;
    background: #FFEDED;
    padding:1px;
    overflow: auto
}
.box-container-top .title h2 {
    font:12px Tahoma,sans-serif;
    margin:0;
    padding-left:9px;
    padding-top:9px;
}
.box-container-top .content p {
	margin:0;
	padding-left: 15px;
	padding-right: 15px;
	padding-top:17px;
	/*padding-bottom:17px;*/
	font: 11px Tahoma, sans-serif;
}
/** Contact form **/
#contact-form {

}
#contact-form label {
    display:block;
    float:left;
    font-family:Verdana;
    font-size:8pt;
    font-weight:bold;
    width:137px;
}
#contact-form input[type=text] {
    background:none repeat scroll 0 0 #E6EFF8;
    border:1px solid #999;
    color:#215E6D;
    font-size:10pt;
    font-weight:bold;
    padding:5px;
    width:250px;
}
#contact-form textarea {
    background:none repeat scroll 0 0 #E6EFF8;
    border:1px solid #999999;
    color:#215E6D;
    font-family:Verdana;
    font-size:9pt;
    font-weight:bold;
    height:250px;
    padding:5px;
    width:355px;
}
#contact-form button {
    border:1px solid #999;
    color:#215E6D;
    float:right;
    font-weight:bold;
    padding:5px;
    width:100px;
}
#contact-form button:hover {
    background-color: #215E6D;
    color: #E6EFF8;
}