/*
    ####################
    #                  #
    #  General styles  #
    #                  #
    ####################
*/

html, body {
    margin : 0;
    padding : 0;
    height : 100%;
    background-color : #fdfdfd;
    white-space: nowrap;
}

body {
    font : 14px Arial;
    color : #444444;
}

h1 {
    font : 25px Arial;
    font-weight : bold;
    color : #444444;
}

div {
    width : 100%;
}

.grey_area {
    background-color : #acacac;
}

.blue_area {
    background-color : #539fc5;
}

.centered {
    text-align : center;
}

#header_area {
    height : 100px;
    width : 100%;
}

#header {
    height : 100px;
    width : 900px;
    margin-left: auto ;
    margin-right: auto ;
    position : relative;
}

#header_logo {
    position : absolute;
    top : 23px;
    left : 10px;
}

#menu_area {
    position : absolute;
    top : 38px;
    left : 410px;
}

#content_area {
    background-image : url("./images/background.jpg");
    height : 400px;
    width : 100%;
}

#content {
    padding-top : 20px;
    padding-bottom : 20px;
    height : 400px;
    width : 900px;
    margin-left: auto ;
    margin-right: auto ;
    position : relative;
}

#footer_area {
    background-color : #262626;
    height : 150px;
    width : 100%;
    clear : both;
}

#footer {
    top : 20px;
    height : 150px;
    width : 900px;
    color : #ffffff;
    margin-left: auto ;
    margin-right: auto ;
    position : relative;
}

div.footer {
    display : inline-block;
    color :#ffffff;
    font : 12px Calibri;
    text-align : center;
    vertical-align: top;
    text-align : center;
    width : 445px;
}

div.links {
    display : inline-block;
    color :#ffffff;
    font : 12px Calibri;
    text-align : center;
    vertical-align: top;
    width : 300px;
}

a.footer { font : 12px Calibri; text-decoration : none; }
a.footer:link { color:#ffffff; }
a.footer:visited { color:#ffffff; }
a.footer:hover { color:#bbaa88; }
a.footer:active { color:#000000; }

a.sitemap { font : 16px Calibri; text-decoration : none; }
a.sitemap:link { color:#000000; }
a.sitemap:visited { color:#999999; }
a.sitemap:hover { color:#bbaa88; }
a.sitemap:active { color:#000000; }

div.sitemap {
    font : 16px Calibri;
    text-align : left;
    width : 300px;
}



/*menu*/
ul {
  list-style-type: none;
  overflow: auto;
  padding: 0;
  margin: 0;
}
ul li {
  float: left;
  margin: 0 15px;
}
ul li a {
  border-bottom: 0px solid #acacac;
  font : 18px Calibri;
  color:#2a2a2a;
  height : 59px;
  text-decoration: none;
  text-align : center;
  display: block;
  width: 70px;
}
ul li a.current {
  border-bottom: 2px solid #acacac;
}
ul li a:hover {
  color:#539fc5;
  border-bottom: 2px solid #539fc5;
}
ul li a:active {
  color:#bbaa88;
  border-bottom: 2px solid #bbaa88;
}