@font-face
{
    font-family: neutra_bold;
    src: url(../fonts/NeutraTextTF-Bold.eot);
    src: local(neutra_bold), url(../fonts/NeutraTextTF-Bold.otf) format('opentype');
}
@font-face
{
    font-family: neutra_demi;
    src: url(../fonts/NeutraTextTF-Demi.eot);
    src: local(neutra_bold), url(../fonts/NeutraTextTF-Demi.otf) format('opentype');
}
html, body
  {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  }
  
body#body
  {
	/* body element has id #body*/
	background: url(../images/layout/bg.jpg);
	font-family: Trebuchet MS;
  }
div#bodywrapper
  {
  position: fixed;
  width: 100%;
  height: 100%;
  background: url(../images/layout/bg_img1.jpg) left bottom no-repeat;
  overflow: auto;
  }
  
#frame
  {
  width: 990px;
  height: 100%;
  float: left;
  background: #fff;
  }
 #header
  {
  width: 990px;
  height: 157px;
  float: left;
  background: url(../images/layout/header.jpg) no-repeat;
  }
    #header_top
      {
      width: 990px;
      height: 107px;
      float: left;
      }
    #header_bottom
      {
      width: 990px;
      height: 50px;
      float: left;
      }
      #navigation
        {
        width: 990px;
        height: 30px;
        float: left;
        }  

#content
  {
	/*div wrapping content area where template is called */
	width: 990px;
	height: auto;
	float: left;
  }
#footer
  {
  width: 990px;
  height: auto;
  float: left;
  background: url(../images/layout/footer_line.jpg) no-repeat center top;
  }
#eAdminContent{
	/* first div inside body in administration mode. */
	}

#topdiv{
	/* header area including #logo and #menuwrapper*/
	}
#logo{
	/* logo in header div */
	}

#menuwrapper{
	/* menu (customcontent #menu#) located inside this div, inside #topdiv with #logo */
	}

  #footer h4
    {
    padding: 0;
    margin: 0;
    }
  #footer p
    {
    padding: 0;
    margin: 0;
    }
  div#fiilis
    {
    width: 930px;
    height: 340px;
    float: left;
    }
  div.showcaseimage
    {
    width: 620px !important;
    }
  div.showcasetext
    {
    width: 310px !important;
    }
  div.showcasetext div
    {
    margin: 0px !important;
    }
  div.showcasetext h2
    {
    padding: 0px 0px 0px 30px;
    margin: 0;
    font-size: 22px;
    font-family: neutra_bold;
    }
  div.showcasetext p
    {
    padding: 0px 0px 0px 30px;
    margin: 0;
    font-size: 14px;
    font-family: Trebuchet MS;
    line-height: 21px;
    color: #333;
    }
    
    
  h1
    {
    padding: 0px 0px 0px 0px;
    margin: 0;
    font-size: 22px;
    font-family: neutra_bold;
    }
  p
    {
    color: #333;
    font-family: Trebuchet MS;
    line-height: 21px;
    font-size: 14px;
    padding: 0px 0px 21px 0px;
    margin: 0;
    } 
  h4.newsitem_date
    {
    padding: 0;
    margin: 0;
    font-size: 10px;
    color: #333;
    font-style: italic;
    font-weight: normal;
    }  
    
  h3.newsitem_subject, h3.newsitem_subject a
    {
    padding: 0;
    margin: 0;
    font-size: 14px;
    color: #333;
    text-decoration: underline;
    font-weight: normal;
    }
  div.newsitem_container
    {
    padding-bottom: 30px;
    }
  ul#subpagelist, ul#siblinglist
    {
    list-style-type: square;
    float: left;
    padding: 0px 0px 0px 17px;
    margin: 0;
    }
  ul#subpagelist li a, ul#siblinglist li a
    {
    color: #333;
    font-style: italic;
    text-decoration: none;
    }
  ul#subpagelist li a:hover, ul#siblinglist li a:hover
    {
    text-decoration: underline;
    }
  a.subiactive
    {
    text-decoration: underline !important;
    }
#topnav
	{
	color: #999;
	font-size: 14px;
	font-family: Trebuchet MS;
	}
#topnav a
	{
	color: #666;
	text-decoration: none;
	}
#topnav a:hover
	{
	color: #333;
	text-decoration: underline;
	}
div#loginrequired a
	{
	color: #666;
	font-style: italic;
	text-decoration: none;
	font-size: 14px;
	}
div#loginrequired a:hover
	{
	color: #333;
	font-style: italic;
	text-decoration: underline;
	}
div#content a
	{
	color: #666;
	font-style: italic;
	text-decoration: none;
	}
div#content a:hover
	{
	color: #333;
	font-style: italic;
	text-decoration: underline;
	}
a.footerlink
	{
	color: #333;
	text-decoration: none;
	}
a.footerlink:hover
	{
	color: #666;
	text-decoration: none;
	}