body {
  background-image:url(imgs/background2.png);
  font-family: 'lato', calibri, Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  color: #fa81220;
  letter-spacing: 1px;
  line-height:11px;}
           
 @font-face {
     font-family: 'EVA';
     src: url('MatisseProEB.woff') format('woff');
     font-weight: normal;
     font-style: normal;
   }
 
#layout {
    margin: 80px auto;
    width: 720px;}
      

#header1 {
    width: 720px;
    float: left;
    margin: 0 auto;}

#header2 {
    height: 40px;
    background: transparent;
    border-bottom:1px solid #560000;
    margin: 0px;}
      

#navigation1 {
    width: 720px;
    float: left;
    margin: 0 auto;}

#navigation2 {
    height: 20px;
    line-height:20px;
    background: transparent;
    margin: 0px;
    margin-bottom:10px;
    padding:1px;padding-top:0px;
    text-align:center;
    border-top:2px solid #FBFEEA;}
      
#navigation2 a { 
width:80px;
display:inline-block;
background:#fa8122; 
font:bold 9px 'lato',monospace,georgia;
text-transform:uppercase;
padding:4px; 
letter-spacing:3px;
color:#980000;}
      
#navigation2 a:hover {
width:80px;
display:inline-block;
background:#980000; 
font:bold 9px 'lato',monospace,georgia;
text-transform:uppercase;
padding:4px; 
letter-spacing:3px;
color:#fa8122;}
      
      

#content1 {
    width: 360px;
    float: left;
    margin: 0 auto;}

#content2 {
    margin: 0px;
    padding:6px;}

#left1 {
    width:180px;
    float: left;
    margin: 0 auto;}

#left2 {
    margin: 0px;
    padding:6px;}

#right1 {
    width: 180px;
    float: left;
    margin: 0 auto;}

#right2 {
    margin: 0px;
    padding:6px;}

#footer1 {
    width: 720px;
    float: left;
    margin: 0 auto;
    clear: both;}

#footer2 {
    height: 100px;
    line-height:40px;
    text-align:center;
    margin: 0px;}


  .box {
  background:#980000;
  border:1px solid #560000;
  border-top:0px;
  padding:8px;
  margin-bottom:2px;}
      
 .box-without-title {
  background:#980000;
  border:1px solid #560000;
  margin-bottom:2px;}


#sitename a {font:30px 'EVA', courier new;color:#fa8122;}
      
.title {font:10px monospace;text-transform:uppercase;color:#fa8122;background:#560000;
letter-spacing:3px;text-align:center;padding:2px;padding-top:4px;margin-bottom:0px;}
      
          
a:link, a:visited, a:active { 
color:#666;text-decoration:none;}
a:hover {
color:#fa8122;}
      
#menu a {
    display:inline-block;
    background:#fa8122;
    margin-bottom:4px;
    padding:1px;
    padding-top:2px;
    width:150px;
    line-height:12px;
    font:italic 12px georgia,monospace;
    text-transform:lowercase;
    letter-spacing:3px;
    text-align:center;
    color:#980000;}
      
#menu a:hover {
    display:inline-block;
    background:#FCDAD6;
    margin-bottom:4px;
    padding:1px;
    padding-top:2px;
    width:150px;
    line-height:12px;
    font:italic 12px georgia,monospace;
    text-transform:lowercase;
    letter-spacing:3px;
    text-align:center;
    color:#fa8122;}
            
      
      b {color:#D46666;font-weight:bold;}
      i {font-style:italic;color:#aaa;}
      u {color:#daac5c;text-decoration:none;}

.collapsible {
	background-color:#fa8122;
  color:#1e761d;
  cursor: pointer;
  margin-top: 5px;
  margin-bottom: 5px;
  width: 100%;
  height: 25px;
  border: none;
  text-align: center;
  outline: none;
  font-size: 15px;
}

.content {
  display: none;
  overflow: hidden;
}
      
::-webkit-scrollbar-thumb {
background-color: #fa8122;
border:0px solid #ccc;
}
::-webkit-scrollbar {
width: 8px; height: 0px; 
background: transparent;
}
      
textarea {font:10px calibri;letter-spacing:1px;}