@font-face {
    font-family: Frutiger;
    src: local(frutiger.ttf);
}

/*html{position: relative; height: 860px;}*/

/*
body{font-family: Frutiger, "Frutiger Linotype", Univers, "Gill Sans",Helvetica; 
font-size:16px; margin:5px; padding:5px 0px 5px 192px;width:480px;}
*/

body{font-family: "Frutiger", "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
font-size:16px; margin:5px; padding:5px 0px 5px 192px;width:480px;}


h1{color:#444444; 
	font-family: 'Oswald', 'Roboto Condensed', sans-serif;
	font-weight: 700;
	font-size: 36px;
	margin: 0px 0px -6px 0px;
	padding: 0px;
}

h3{color:#666666; 
  /*font-family: 'Oswald', 'Roboto Condensed', sans-serif;*/
  font-family: 'Roboto Condensed';
  font-weight: 700;
  font-size: 14px;
  margin: 0px 0px -15px 0px;
  padding: 0px;
}


h2{color:#555555; 
	font-family: 'Oswald', 'Roboto Condensed', sans-serif;
	font-weight: 700;
	font-size: 20px;
	margin: 14px 0px -6px 0px;
	padding: 0px;
}

p{line-height:1.2; color:#00965e; text-align:justify; margin:8px;
/*font-family: "Frutiger", "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;*/
font-weight: 400;
}


a{
text-decoration: none;
color:#965e00;
font-weight: 600;
}

#side img{
  width: 370px;
}

#main img{display: block;
margin: 0 auto;}

a:hover {text-decoration: none;
    color:#5e0096;
}

strong
{
color:#006f45;
font-weight: 700;
}

p i
{
color:#006f45;
font-weight: 400;
}

hr {
    padding: 0px;
    border: none;
    border-top: medium double #333;
    color: #333;
    text-align: center;
}

blockquote {
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 24px;
    margin-right: 24px;
    text-align: center;
}

blockquote p
{
  line-height: 1;
  display: block;
}


#main {padding:0px 0px 2px 0px;}

#navi {
	width:100%; 
	height:24px; 
	line-height:16px; 
	padding:0px 0px 0px 0px; 
	font-size:16px;
	position: fixed;
    left: 768px;
    top: 30px;
    height: 20px;
}

.nav {
      float:left;
      width:100%;
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 16px 0px;
      list-style: none;
      border-bottom: 0px solid #fff; 
      border-top: 0px solid #fff;
      background-color:#fff
}

.nav li {
    display:inline;
       }

.nav li a {
      display:inline-block;
      padding: 4px 6px;
      text-align: center;
      text-decoration: none;
      font-weight: 700;
      font-family: 'Oswald', 'Roboto Condensed', sans-serif; 
      color:#965e00;
      border-right: 0px solid #ccc;}

 .nav li a:hover {
      color: #00965e;
      background-color:#fff; }

/*
font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
font-family: "Myriad Pro", Myriad, "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-family: Frutiger, "Frutiger Linotype", Univers, "Gill Sans",Helvetica;
font-family: 'Abril Fatface', cursive;
*/

/*
<link href='https://fonts.googleapis.com/css?family=Abril+Fatface' rel='stylesheet' type='text/css'>
*/

/*
http://www.mybloggingthing.com/best-google-web-fonts-for-headlines/

http://www.colorhexa.com/00965e
*/

#side {
    position: fixed;
    left: 768px;
    top: 105px;
    /*height: 600px;*/
    /*width: 100%;*/
}

#banner{width:auto; display:block; margin: 0px;padding:25px 0px 0px 2px; font-size:48px; 
  font-weight: 700; font-family: 'Oswald', 'Roboto Condensed', sans-serif; color:#505050;}
#subbanner{width:auto; display:block; margin: -14px 0px 0px 2px; padding:0px 0px 0px 5px; 
  font-size:24px; font-family: 'Oswald','Roboto', sans-serif; font-weight: 900;}

footer {
    position: fixed;
    left: 768px;
    bottom: 72px;
    /*top:600px;*/
    height: 60px;
    width: 100%;
    color:#666666;
    /*font-family: 'Roboto Condensed', sans-serif;*/
}