@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(http://themes.googleusercontent.com/static/fonts/lato/v6/kcf5uOXucLcbFOydGU24WALUuEpTyoUstqEm5AMlJo4.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(http://themes.googleusercontent.com/static/fonts/lato/v6/qIIYRU-oROkIk8vfvxw6QvesZW2xOQ-xsNqO47m55DA.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(http://themes.googleusercontent.com/static/fonts/lato/v6/qdgUG4U09HnJwhYI-uK18wLUuEpTyoUstqEm5AMlJo4.woff) format('woff');
}

*{
    margin:0;
    padding:0;
}

body{
    color:#555555;
    font-size:0.9em;
    background-color:#EEE;
    background-image: url('../img/bg.jpg');
    font-family: 'Lato', Calibri, Arial, sans-serif;
    height:100%;
}
        
html, #container {
    height:100%;
}

a {
    font-family: 'Lato', Calibri, Arial, sans-serif;
    font-style: italic;
    text-decoration: none;
    font-size: 1.2em;
    color: #000;
    line-height: 2em;
}

a:hover {
    text-decoration: underline;
}

a:visited {
    color: #333;
}

#header {
    position: absolute;
    left:50%;
    z-index: 1000;
}

#logo{
    pointer-events:none;
    position: absolute;
    width:418px;
    height:151px;
    left:-209px;
    top:20px;
    background-image: url('../img/logo.png');
}

#container {
    position: absolute;
    left:50%;
    min-width:460px;
}

#main{
    text-align: left;
    position: relative;
    top:240px;
    left:-50%;
}

h3 {
  font-size: 1.15em;
  font-weight: bold;
}

p{
  padding-top: 10px;
}

#main ul {
    margin-left: 1.2em;
}

#preso_links, #add_links {
    font-size: 1.4em;
    font-weight: 300;
    font-style: italic;
    background-color: #fff;
    padding-left: 10px;
}