@font-face {
    font-family: 'noto_sansregular';
    src: url('../font/notosans-regular-webfont.eot');
    src: url('../font/notosans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/notosans-regular-webfont.woff2') format('woff2'),
         url('../font/notosans-regular-webfont.woff') format('woff'),
         url('../font/notosans-regular-webfont.ttf') format('truetype'),
         url('../font/notosans-regular-webfont.svg#noto_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}        

@font-face {
    font-family: 'zaluskibold';
    src: url('../font/zaluski-bold-webfont.eot');
    src: url('../font/zaluski-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/zaluski-bold-webfont.woff2') format('woff2'),
         url('../font/zaluski-bold-webfont.woff') format('woff'),
         url('../font/zaluski-bold-webfont.ttf') format('truetype'),
         url('../font/zaluski-bold-webfont.svg#zaluskibold') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'zaluskiregular';
    src: url('../font/zaluski-regular-webfont.eot');
    src: url('../font/zaluski-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/zaluski-regular-webfont.woff2') format('woff2'),
         url('../font/zaluski-regular-webfont.woff') format('woff'),
         url('../font/zaluski-regular-webfont.ttf') format('truetype'),
         url('../font/zaluski-regular-webfont.svg#zaluskiregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.hide {
    clip: rect(1px, 1px, 1px, 1px);
    display: block;
    position: absolute;
}

body {
    font-family: 'noto_sansregular', sans-serif;    
}

body a {
		text-decoration: none;
}
    
.IEMsg {
    font-size: 0.9375em;
    letter-spacing: normal;
}

/*
	skip links	
*/

.skip-links { 
	margin: 0; 
	list-style: none; 
}

.skip-links a {
	outline: #000 dashed 2px !important;
	position: fixed;
	top: 0;
	left: -9000em;
	z-index: 102;
	text-decoration: none;	
}

.skip-links a:focus {
	padding: 2px 15px;
	outline-offset: 0 !important;
	outline-color: #fff;	
	left: 15px;
	background-color: #666;
	color: #fff;
}    
    
/*
    header
*/

body header {
    position: relative;
    text-align: center;            
}

    header h1 {
        padding: 42px 0;
	font-family: 'zaluskiregular', sans-serif;   		
	font-size: 2em;		
    }
    
    @media screen and (max-width: 800px) {        
        header h1 {
            padding: 62px 0 0;
        }
    }
	
        header a { color: #4f4a4b; }
        	
	#bn-main-page-link {
            position: absolute;
            top: 37px;
            left: 40px;	
	}

        @media screen and (max-width: 800px) {        
            #bn-main-page-link {
                width: 50%;
                margin-left: 25%;                
                top: 15px;
                left: 0;	                           
                text-align: center;                
            }
        }
        
        header > a {
            margin-right: 40px;
            position: absolute;
            top: 10px;
            right: 0;
            text-decoration: underline;
            font-size: 0.9em;
        }
        
        @media screen and (max-width: 800px) {
            header > a {
                margin-right: 15px;
            }
        }
/* 
    search form 
*/

form { 
    height: 140px;
    padding-top: 40px;
    background-color: #f3f3f3; 
    color: #000;
}

    form div {
        width: 500px;
        height: 100px;
        margin: 0 auto;
        position: relative;
        text-align: center;
    }

    @media screen and (max-width: 800px) {
        form div {
            width: 80%;
        }
    }
    
    form input[type="text"] {            
        width: 100%;
        height: 53px;
        padding: 1px 50px 1px 1px;
        border: none;
        border-bottom: 1px solid #000;
        margin-bottom: 7px;
        box-sizing:  border-box;        
        font-size: 1.5625em;
        font-family: 'noto_sansregular', sans-serif;    
        background-color: #f3f3f3; 
        color: #000;
        text-align: center;
    }
    
    ::-webkit-input-placeholder {
       color: #000;
    }

    :-moz-placeholder { /* Firefox 18- */
       color: #000;  
    }

    ::-moz-placeholder {  /* Firefox 19+ */
       color: #000;  
    }

    :-ms-input-placeholder {  
       color: #000;  
    }    

    form input[type="image"] {
        position: absolute;
        top: 0;
        right: 0;                
    }
/*
    form a {
        color: #000;
        text-decoration: underline;
    }
*/

/*
    links
*/

#links a {
    width: 33%;
    height: 250px;
    float: left;
    display: block;
    background-color: #b6c1d3;
    text-align: center;
    margin: 1px;  
    font-size: 1.5625em;
    text-decoration: none;
    color: #fff;
}

@media screen and (max-width: 680px) {
    #links a {
        font-size: 1.25em;
    }
}

#links a img {
    margin-top: 65px;
}

#links a h2 {
    margin-top: 20px;
}


body.using-keyboard :focus {
	outline: #000 dashed 2px;
	outline-offset: 5px;
	text-decoration: none;
}

body.using-keyboard #links :focus {
	outline: none;
	opacity: 0.5;
}

/*
	footer
*/

footer {
	padding: 15px 40px;
	clear: both;	
	text-align: right;
	font-size: 0.9em;
}

@media screen and (max-width: 800px) {
	footer {
		padding: 10px 15px;
	}
}

	footer a {
		color: #4f4a4b;
		text-decoration: underline;
	}