@font-face {

  font-family: 'Public Sans';

  src: url('/templates/pixel/fonts/publicsans/webfonts/PublicSans-Regular.woff2') format('woff2'),

       url('/templates/pixel/fonts/publicsans/webfonts/PublicSans-Regular.woff') format('woff'),

       url('/templates/pixel/fonts/publicsans/ttf/PublicSans-Regular.ttf')  format('truetype');

}



@font-face {

  font-family: 'Public Sans';

  src: url('/templates/pixel/fonts/publicsans/webfonts/PublicSans-Bold.woff2') format('woff2'),

       url('/templates/pixel/fonts/publicsans/webfonts/PublicSans-Bold.woff') format('woff'),

       url('/templates/pixel/fonts/publicsans/ttf/PublicSans-Bold.ttf')  format('truetype');

  font-weight: bold;

}



/* Globals

-----------------------------------------------------------------------------------------------*/

* { 

	margin:0; 

	padding: 0 

}



html *{

	font-size: 100.01%;

}



body {

	background: #f1c40f;

	color: #333;

	font-family: 'Public Sans', 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;

  font-size: 15px; 

	padding: 10px 0; 

	text-align: center;

}



fieldset, img { 

	border: 0 solid; 

}



img {

margin: 4px;

}



ul, ol, dl { 

	margin: 0 0 1em 1em 

}



li { 

	line-height: 1.5em; 

	margin-left: 1.5em; 

}



blockquote { 

	margin: 0 0 1em 1.5em; 

        border-left: 8px solid #e4e4e4;

        padding-left: 6px;

}



a:focus {

    outline: none;

}



input, textarea {

	font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;

}



/* Layout

-----------------------------------------------------------------------------------------------*/

#page {

	margin: 0 auto; 

	background: #fff; 

	border: 30px #fff solid; 

	width: 928px;

	text-align: left;

}

  

#header { 

	background: #fff;

	position:relative; 

    padding: 45px 2em 1em 20px; 

}



#topnav {

	color: #aaa; 

	background: transparent;

	position: absolute;

	right: 10px;

	top: 10px;

	text-align: right;

}



#main { 

	background: #fff;

	padding: 10px 0; 

}



#footer { 

    background: #f9f9f9;

    border-top: 5px #efefef solid;

	color: #666; 

    padding: 15px;

		line-height: 1.4em;

}

  

#header, #nav, #main, #footer { 

	clear:both; 

}



#col3 { 

	margin: 0;

	width:auto; 

}



#col3_content { 

	padding: 10px 20px 10px 10px;

	position:relative;

}

  

  

/* Clearfix

-----------------------------------------------------------------------------------------------*/

.clearfix:after {

	clear: both;

	content: ".";

    display: block;

    height: 0;

    visibility: hidden

}



.clearfix { 

	display: block 

}



.floatbox { 

	overflow:hidden 

}



/* Nav Main

-----------------------------------------------------------------------------------------------*/

#nav * { 

	border: 0px none !important;

}

  

#nav_main {

    background: #ecf0f1;

	display: inline;

	float: left;

    line-height: 0;

    overflow: hidden;

	width: 100%;

	font-size: 1.05em;

}



#nav_main ul {

    display: inline;

    float: left;

    margin: 0 0 0 5px;

    padding: 0;

  }



#nav_main ul li {

    display: inline;

    float: left;

    font-size: 1.0em;

    line-height:1.8em;

    list-style-type: none;

    margin: 0;

    padding: 0;

}



#nav_main ul li a {

	background: transparent;

	color: #444; 

    display: block;

    font-size: 1em;

	font-weight: normal; 

    margin: 0;

	padding: 0.7em 0.8em 0.7em 0.8em;

    text-decoration: none;

    width: auto;	

  }



#nav_main ul li a:focus,

#nav_main ul li a:hover,

#nav_main ul li a:active  {

	background: #c0392b; 

	color: #fff;

    text-decoration: none;

  }



#nav_main ul li.menu-current { 

	background: transparent 

}

   

#nav_main ul li.menu-current a,

#nav_main ul li.menu-current a:focus,

#nav_main ul li.menu-current a:hover,

#nav_main ul li.menu-current a:active {

	background: transparent;

	color: #c0392b; 

	font-weight: bold;

	text-decoration: none;

}





/* Content

-----------------------------------------------------------------------------------------------*/

pre, tt, code {

	font-family:"Courier New", Courier, monospace;  	

}



h1,h2,h3,h4,h5,h6 { 

	color:#666;

	font-family: inherit; 

  font-weight: normal; 

  margin: 0 0 0.25em 0; 

}



h1 { 

	font-size: 200%; 

	margin: 0;

	padding: 0;

} 



h1 span {

	display: none;

}



h2 { 

	color:#c0392b;

	font-size: 200%; 

  margin: 15px 0 25px 0;

}       

 

h3 { 

	font-size: 150%; 

}                        



h4 { 

	font-size: 133.33%; 

}                   



#header span {

	color:#999;

}



p { 

	line-height: 1.5em; 

	margin: 0 0 1em 0; 

}



ul, ol, dl { 

	line-height: 1.5em; 

	margin: 0 0 1em 1em; 

}



li { 

	line-height: 1.5em; 

	margin-left: 1.5em; 

}



cite { 

	font-style:italic; 

}

  

blockquote { 

	margin: 0 0 1em 1.5em; 

}



strong,b { 

	font-weight: bold 

}



em,i { 

	font-style:italic; 

}



pre, code { 

	font-family: monospace; 

	font-size: 1.1em; 

}



a {

	color: #c0392b; 

	text-decoration: underline;

}



a:focus,

a:hover,

a:active {

	color: #c0392b; 

	text-decoration: none;

}

  

#topnav a { 

	background:transparent; 

	color: #999; 

	font-weight: normal; 

	text-decoration:none; 

}



#topnav a:focus, 

#topnav a:hover,

#topnav a:active { 

	background-color: transparent;

	text-decoration:underline; 

}

  

#footer a { 

	background:transparent; 

	color: #999; 

	font-weight: bold;

}



#footer a:focus, 

#footer a:hover,

#footer a:active {

	background-color: transparent; 

	color: #c0392b; 

	text-decoration:underline;

}



table { 

	border-collapse: collapse;

	margin-bottom: 0.5em; 

	width: auto; 

}



table.full { 

	width: 100%; 

}



table.fixed { 

	table-layout:fixed;

}



th,td { 

	padding: 0.5em; 

}

  

thead th { 

	background: #444; 

	color: #fff 

}

  

tbody th { 

	background: #ccc; 

	color: #333; 

}

  

tbody th.sub { 

	background: #ddd; 

	color: #333; 

}

  

hr {

	background:transparent;

	border:0;

    border-bottom: 1px #eee solid;

	color: #fff;

    margin: 0 0 0.5em 0;

    padding: 0 0 0.5em 0;

}







#page-9 #col3_content .frm-textfield, #page-9 #col3_content .frm-email, #page-9 #col3_content .frm-textarea {

    width: 350px;

}



@media only screen and (max-width: 988px) {



#page {

    width: auto;

    max-width: 928px;

    margin: 0 auto;

		border-width: 10px;

}



img {

    max-width: 100%;

    height: auto;

}



#page-1 #col3_content div {

    display: block !important;

    float: none !important;

    width: auto !important;

    margin: 0 0 10px 0 !important;

}



#page-9 #col3_content .frm-textfield, #page-9 #col3_content .frm-email, #page-9 #col3_content .frm-textarea {

    width: 95%;

}



#page-9 #col3_content #contactbox {

    float: none !important;

	width: auto !important;

}



}.nixhier { display: none; }



#header img {

	margin: 15px 0 15px 0;

}



#breadcrumbs {

	font-size: 0.9em;

	margin-left: 10px;

}