<?php
header('Content-type: text/css');

session_start();
?>
/* BASIC */
html {
  overflow: auto;
}

body {
  behavior: url('includes/js/inc_csshover.htc');
  background: #FFF;
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
}

body, table, td {
  font: 10pt arial, verdana;
  color: #505050;
}

p {
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 10px;
}

h1 {
  font: 15pt arial, verdana;
  color: #66BDFF;
  font-weight: bold;
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 10px;
}

h2 {
  font: 12pt arial, verdana;
  color: #44494D;
  font-weight: bold;
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 8px;
}

h3 {
  font: 10pt arial, verdana;
  color: #44494D;
  font-weight: bold;
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 6px;
}

a {
  color: #505050;
}

img {
  border: 0px;
}

hr {
  width: 500px;
  height: 1px;
  size: 1px;
  color: #FFFFFF;
  text-align: left;
}

/* FORM */
form {
  margin: 0px;
}
input {
  font: 10pt arial, verdana;
  color: #000000;
  background-color: #FFFFFF;
  border-style: solid;
  border-width: 1px;
  border-color: #000000;
}
select {
  font: 10pt arial, verdana;
  color: #000000;
  background-color: #FFFFFF;
  border-style: solid;
  border-width: 1px;
  border-color: #000000;
}
.checkbox {
  border: 0px;
  background-color: transparent;
}
.radio {
  border: 0px;
  background-color: transparent;
}

/* INTRO */
#intro {
  position: absolute;
  background-image: url('../../images/logo.gif');
  background-position: top left;
  background-repeat: no-repeat;
  width: 890px;
  height: 810px;
  top: 50%;
  left: 50%;
  margin-top: -405px;
  margin-left: -445px;
}
  #intro_link {
    margin: 0px;
    padding: 0px;
  }
  #intro_link img {
    width: 440px;
    height: 440px;
    margin: 225px 0px 0px 225px;
    padding: 0px;
    border: 0px;
  }
/* CONTAINER */
#container {
  position: absolute;
  background-image: url('../../images/bg.gif');
  background-position: top left;
  background-repeat: no-repeat;
  width: 1000px;
  height: 810px;
  top: 50%;
  left: 50%;
  margin-top: -405px;
  margin-left: -500px;
}
  /* HEADER */
  #header {
    position: absolute;
    width: 440px;
    height: 30px;
    top: 50%;
    left: 50%;
    margin-top: -283px;
    margin-left: -220px;
  }
    #header ul {
    	list-style: none;
      width: 440px;
    	margin: 0px;
    	padding: 0px;
    }
    #header li {
      display: inline;
      float: left;
      font: 12pt arial, verdana;
      color: #404040;
      width: 110px;
      height: 20px;
      text-align: center;
    	margin: 0px;
    	padding: 2px 0px 0px 0px;
    	cursor: hand;
    	cursor: pointer;
      border-bottom: 1px solid #404040;
    }
    #header li:hover {
      color: #EF3C34;
      border-bottom: 1px solid #EF3C34;
    }
    #header .active {
      color: #EF3C34;
      border-bottom: 1px solid #EF3C34;
    }
  /* LEFT */
  #left {
    position: absolute;
    text-align: right;
    width: 225px;
    top: 50%;
    left: 50%;
    margin-top: -173px;
    margin-left: -455px;
  }
    #left ul {
    	list-style: none;
    	margin: 0px;
    	padding: 0px;
    }
    #left li {
    	/*margin: 0px 14px 10px 0px;*/
    	margin: 0px 0px 10px 0px;
    	padding: 0px;
    }
    #left a {
      font: 12pt arial, verdana;
      color: #404040;
      text-decoration: none;
    }
    #left a:hover {
      color: #EF3C34;
    }
    #left .active {
      color: #EF3C34;
    }
  /* CONTENT */
  #content {
    position: absolute;
    width: 440px;
    height: 480px;
    top: 225px;
    left: 280px;
  }
    #text {
      background-color: #FFFFFF;
      height: 378px;
      overflow: auto;
      padding: 30px;
      border: 1px solid #404040;
    }
  #content_grid {
    position: absolute;
    background-image: url('../../images/bg_content2.gif');
    background-position: top left;
    background-repeat: no-repeat;
    width: 460px;
    height: 480px;
    top: 140px;
    left: 220px;
  }
  /* MIDDLE */
  #middle {
    position: absolute;
    width: 1000px;
    height: 470px;
    top: 215px;
    left: 0px;
  }
  /* RIGHT */
  #right {
    position: absolute;
    text-align: left;
    width: 225px;
    top: 50%;
    left: 50%;
    margin-top: -173px;
    margin-left: 230px;
  }
    #right ul {
    	list-style: none;
    	margin: 0px;
    	padding: 0px;
    }
    #right li {
    	margin: 0px 0px 11px 0px;
    	padding: 0px;
    }
    #right a {
      font: 13px arial, verdana;
      color: #404040;
      text-decoration: none;
    }
    #right a:hover {
      text-decoration: underline;
    }
  /* FOOTER */
  #footer {
    position: absolute;
    background-image: url('../../images/contact.gif');
    background-position: bottom right;
    background-repeat: no-repeat;
    width: 460px;
    height: 110px;
    top: 630px;
    left: 230px;
    margin: 0px;
    padding: 0px;
  }
    #contact {
      position: relative;
      width: 61px;
      height: 18px;
      top: 92px;
      left: 399px;
      margin: 0px;
      padding: 0px;
    }
      #contact a {
        font-family: arial, verdana;
        font-size: 12px;
        text-decoration: none;
        color: #1E1E1E;
        margin: 0px;
        padding: 0px;
      }
      #contact a:hover {
        text-decoration: underline;
      }