@import url('https://fonts.googleapis.com/css?family=Courgette');
/*! normalize.css 2012-03-11T12:53 UTC - http://github.com/necolas/normalize.css */article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:hover,a:active{outline:0}h1{margin:0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.75em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}mark{background:#ff0;color:#000}p,pre{margin:1em 0}pre,code,kbd,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:75%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 0}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;*overflow:visible}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}h/tml,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border-style:none;border-color:inherit;border-width:0;padding:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin-left:0;margin-right:0;margin-top:0}:focus{outline:0}html{font-size:100.01%}body{min-height:100%;line-height:1;font-size:1em}ol,ul{list-style:none;margin:0}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:"" ""}form label{cursor:pointer}fieldset{border:0}
/* apply a natural box layout model to all elements */
*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.clear{ clear: both; }

.leftAlignImage{float:left;margin: 5px 15px 3px 0;border:solid 1px #000; }
.rightAlignImage{float:right;margin: 5px 0 3px 15px;border:solid 1px #000; }
.newsImage{float:right;margin: 2px 0 3px 20px;border:solid 1px #000; }
.divider{height:10px; width:100%;background-color:#ccc; } 


html {height:100%;min-height:100%;min-width:320px;}
	
form {height:100%; }

body{height:100%; font: 20px arial;color:#444;padding:0;line-height:125%;font-family: 'Lato', Georgia, Times, serif;background-color:#f1f1f1;}
    
#wrapper{min-height:100%; width:100%;max-width:1200px;margin:0 auto; border-left:1px solid #ccc;border-right:1px solid #ccc;background-color:#fff; } 
    
#header a.logo{ color: #333/*#9b322f1/*4682B4*/;padding:0.15em 0 0 0.25em;  font-family: 'Raleway', Helvetica, Arial, sans-serif;
float:left; width:auto; display:inline-block;text-decoration: none;line-height:100%;font-size:3em;   font-weight: bold;}	
#header a.logo .tiny{ color: #333/*#9b322f1/*4682B4*/;padding:0 1.25em 0 0;  font-family: 'Raleway', Helvetica, Arial, sans-serif;
float:right; width:auto; display:inline-block;text-decoration: none;line-height:100%;font-size:0.75em;}	

/*navigation*/
#navigation{width:100%;float:left;padding:20px 0 0 0;display:block;margin:0 auto;text-align:center}
#navigation ul li {text-align: center;list-style-type:none;margin:0.5em 1em 0 .5em;display:inline-table;float:none;}
#navigation ul li.selected {text-align: center;list-style-type:none;margin:0.5em 1em 0 .5em;display:inline-table;float:none;}
#navigation ul li.selected a{text-decoration:underline ;font-size:1.25em;color:#555;font-family: 'Goudy Bookletter 1911', Georgia, Times, serif;}	
#navigation ul li a{ font-size:1.25em; font-weight:normal;color:#555;text-decoration: none;font-family: 'Goudy Bookletter 1911', Georgia, Times, serif;}
 
    #wrapper #frontpage{width:100%;position:relative;}
    #wrapper #frontpage img{height:auto;width:100%;}
  

    #wrapper #page{padding:40px 7%;width:100%;max-width:800px; }  
                 
/*page*/
#page #pageItem {width:100%;margin:0;}
    h1{padding:1em 0 0.75em 0.5em;  font-family: 'Raleway', Helvetica, Arial, sans-serif;    font-size: 50px;    line-height: 70px;}
    h2{padding:0 0 0 0.5em;  font-family: 'Raleway', Helvetica, Arial, sans-serif;    font-size: 50px;    line-height: 50px;}
    
      #pageItem #pageItemContent{font-weight:normal;text-align:left;width:100%;max-width:640px; line-height: 150%;}

      #pageItem #pageItemContent h1{padding-bottom:0.5em;font-size:2em;}
      #pageItem #pageItemContent p{padding:0.5em 0 1em 0;margin:0;clear:both;}
      #pageItem #pageItemContent h3{margin:0 0 6px 0;font-size:1.25;font-weight:bold; }              
      #pageItem #pageItemContent strong{margin:3px 0 20px 20px;font-size:1em;font-weight:bold;display:block;}              
      #pageItem #pageItemContent hr{width:50px;margin:0 auto 1em auto; }                              
      #pageItem #pageItemContent p strong{font-weight:bold;color:#454545; }              

/
/*fileblock*/
#page #fileBlock {width:100%;clear:both;}
#page #fileBlock .item{margin:0 0 2em 0;clear:both;}
#page #fileBlock .item h3{margin:0 0 1em 0;font-size:1.25;font-weight:bold; }              


/*news*/                
#textBlock {width:100%;padding:20px 7%;width:100%;max-width:800px;}
                #textBlock .heading{font-size:2em;}
                #textBlock ul{}
                #textBlock ul li{margin:0 0 2em 0; text-align:justify;clear:both;display:block;}
                #textBlock ul li .title{margin:0.25em 0; font-size: 1.5em;font-family: 'Oswald', sans-serif;line-height:125%;}
                #textBlock ul li .date{color:Gray;margin: 0 0.25em 0 0;font-size: 0.85em; }
                #textBlock ul li .content{margin:0 0 0.5em 0;}          
                #textBlock ul li .content p{margin:0;}          
                #textBlock ul li a,a:link,a:visited,a:hover{color:#db1a00;font-weight:normal;text-decoration:underline;font-size: 1em;}
           

#errorPage{padding: 20px; float: left; background: url(images/error.gif) no-repeat left top; height:300px;}
#errorPage .text{padding: 200px; float: left;}




/*image album*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

img.small {	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; WIDTH: 100px; DISPLAY: block; FLOAT: left; BORDER-TOP: 0px; BORDER-RIGHT: 0px;}

.video-container {position: relative; padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden;}
.video-container iframe,.video-container object,.video-container embed {position: absolute;top: 0; left: 0; width: 100%;height: 100%;}


#project-images-container {/*text-align:left;*/padding:0 ;display:flex;flex-direction:row;flex-wrap:wrap; }
#project-images-container a {display:inline-block;}
#project-images-container a > p {overflow:hidden;padding:0.5rem;display:none;}
#project-images-container a > img{margin:0 1rem 1rem 0;width:8rem;height:8rem;object-fit:cover;}

    /*footer*/
    #footer {height:100%;background-color:#ddd;color:#666;width:100%;min-height:300px;}
    #footer .footerBox {padding:40px 80px 0 80px;float:left;width:50%;min-width:320px;font-size:0.85em;}
    
    #footer .footerBox ul.footerBoxList li{display:block;width:100%; margin-bottom: 10px;}
    #footer .footerBox a{color:#444;text-decoration:none;font-weight:normal;}  
    #footer .footerBox ul.footerBoxList li.selected a{color:#444;text-decoration:underline;font-weight:normal;}



@media screen and (max-width:480px)
{    
#wrapper #header{width:100%;padding:5px 40px 20px 5%;}
#navigation ul {width:90%;margin:0 auto;float:none;}

    h1{padding:0.5em 0 0.25em 0.25em;  font-family: 'Raleway', Helvetica, Arial, sans-serif;    font-size: 50px;    line-height:1;}
    h2{padding:0 0 0.15em 0.15em;  font-family: 'Raleway', Helvetica, Arial, sans-serif;    font-size: 50px;    line-height: 1;}
.newsImage{float:left;width:100%;height:auto;margin: 5px 0;border:solid 1px #000; }
    #wrapper #frontpage .text{height:auto;width:55%;color:#fff;position:absolute;left:7%;top:25%;font-size:1em;line-height:125%;font-family: 'Raleway', Helvetica, Arial, sans-serif;font-weight:bold;}
    
}

@media screen and (min-width:480px) and  (max-width:640px)
{    
#wrapper #header{width:100%;padding:10px 40px 20px 5%;}
#navigation ul {width:70%;margin:0 auto;float:none;}

    h1{padding:0.5em 0 0.25em 0.25em;  font-family: 'Raleway', Helvetica, Arial, sans-serif;    font-size: 50px;    line-height:1;}
    h2{padding:0 0 0.15em 0.15em;  font-family: 'Raleway', Helvetica, Arial, sans-serif;    font-size: 50px;    line-height: 1;}
    #wrapper #frontpage .text{height:auto;width:65%;color:#fff;position:absolute;left:7%;top:25%;font-size:1.5em;line-height:125%;font-family: 'Raleway', Helvetica, Arial, sans-serif;font-weight:bold;}
    
}

@media screen and (min-width:640px) and  (max-width:800px)
{    
#wrapper #header{width:100%;padding:20px 40px 20px 5%;}
#navigation ul {width:60%;margin:0 auto;float:none;}

    h1{padding:0.5em 0 0.25em 0.25em;  font-family: 'Raleway', Helvetica, Arial, sans-serif;    font-size: 50px;    line-height:1;}
    h2{padding:0 0 0.15em 0.15em;  font-family: 'Raleway', Helvetica, Arial, sans-serif;    font-size: 50px;    line-height: 1;}
    #wrapper #frontpage .text{height:auto;width:45%;color:#fff;position:absolute;left:7%;top:25%;font-size:1.75em;line-height:125%;font-family: 'Raleway', Helvetica, Arial, sans-serif;font-weight:bold;}
    
}
    
@media screen and (min-width:800px) and (max-width:1050px)
{    
#wrapper #header{width:100%;padding:40px 4% 20px 7%;}
#navigation ul {width:auto;margin:0;float:left ;}

  #wrapper #frontpage .text{height:auto;width:45%;color:#fff;position:absolute;left:7%;top:25%;font-size:2.25em;line-height:125%;font-family: 'Raleway', Helvetica, Arial, sans-serif;font-weight:bold;}    

}

@media screen and (min-width:1050px)
{    
#wrapper #header{width:100%;padding:60px 4% 20px 7%;}
    
#navigation{width:auto;float:right ;padding:70px 0 0 0;display:block;}
#navigation ul {width:auto;margin:0;float:right ;}

  #wrapper #frontpage .text{height:auto;width:45%;color:#fff;position:absolute;left:7%;top:25%;font-size:3em;line-height:125%;font-family: 'Raleway', Helvetica, Arial, sans-serif;font-weight:bold;}    
}