@charset "utf-8";
/* CSS Document */
html {
overflow: auto;
}
body{background-image:url(hout%20copy.jpg);
font-family: 'Gill Sans',  Verdana ;
font-size: 14px;
margin: 0px;
color: white;
}
#mainContent{

margin: auto;
width: 100%;
height: 100%;
text-align:center;

margin: 0px;
padding: 0px;
}
#navigatiesprite {
    width: 986px; height: 263px; 
	background-image: url(images/sprite3.png);
	margin: 0px auto; padding: 0px;
	position: relative;
	top: -20px;
	
}
  #navigatiesprite li {
    margin: 0px; padding: 0px; list-style: none;
    position: absolute; top: 0px;}
  #navigatiesprite li, #navigatiesprite a {
    height: 263px; display: block;}
	
	#home, #home a { left: 230px; width: 97px; border: none;outline: none;
 }
  #port,#port a {left: 327px; width: 101px; border: none; outline: none;
}
  #show, #show a {left: 429px; width: 114px; border: none; outline: none;
}
  #links, #links a {left: 543px; width: 79px; border: none; outline: none;
}
    #contact, #contact a {left: 622px; width: 117px; border: none; outline: none;
}
	
	
	
	#home a:hover {
    background: transparent url(images/sprite3.png)
   -230px -265px  no-repeat;}
  #port a:hover {
    background: transparent url(images/sprite3.png)
   -327px -265px  no-repeat;}
  #show a:hover {
    background: transparent url(images/sprite3.png)
   -429px -265px no-repeat;}
  #links a:hover {
    background: transparent url(images/sprite3.png)
   -543px -265px  no-repeat;}
	  #contact a:hover {
    background: transparent url(images/sprite3.png)
   -622px -265px no-repeat;}
	
#border{
padding: 0px;
width: 100%;
height: 263px;
position: absolute;
background-image: url(images/background.png);
background-repeat:repeat-x;
margin-top: -25px;
left: 0px;
}
#containing{
margin-top: -35px;
text-align:left;
width: 690px;
max-height: 300px;
margin: auto;
overflow: auto;
background-image: url(images/hout4.png);
margin-bottom: 15px;
padding: 5px;



}
.curved {
-moz-border-radius:10px;
-webkit-border-radius:10px;
behavior: url(border-radius.htc);
}

#validationIcon{
position: absolute;
bottom: 20px;
right: 20px;
border: none;}

#validationIcon img {
border:none;
outline:none;

}

#footer{
background-image:url(images/footer.png);
height: 24px;
position:absolute;
bottom: 0px;
width: 100%;
margin: 0px;
text-align: center;
padding-top: 6px;
color: white;
margin-top: 5px;
}


p {
color: white;

}
h1{
color: white;
font-size: 1.35em;
margin-left: 5px;


}

h3{
color:#0099FF;
font-size: 1.2em;
margin-left: 10px;


}
h4{
color:#0066DD;
font-size: 1em;
margin-left: 15px;


}
p{ margin-left: 15px;
color:white;
}
.floatright{
float:right;
width: 98px;
margin: 10px;

border:none;}

.logoright{
float:right;
width: 200px;
margin: 10px;
border:none;}
.link{
color: white;
}

#midden a{color:white;
}
.wit{
color:white;
}

.postdate {
  position: relative;
  width: 50px;
  height: 50px;
  float: right;
  margin-right: 20px;
  margin-top: -20px;
}
.month, .day, .year {
  position: absolute;
  text-indent: -1000em;
  background-image: url(images/dates2.png);
  background-repeat: no-repeat;
}
.month { top: 2px; left: 0; width: 32px; height: 24px;}
.day { top: 25px; left: 0; width: 32px; height: 25px;}
.year { bottom: 0; right: 0; width: 17px; height: 48px;}

.m-01 { background-position: 0 4px;}
.m-02 { background-position: 0 -28px;}
.m-03 { background-position: 0 -57px;}
.m-04{background-position:0 -90px}
.m-05{background-position:0 -121px}
.m-06{background-position:0 -155px}
.m-07{background-position:0 -180px}
.m-08{background-position:0 -216px}
.m-09{background-position:0 -246px}
.m-10{background-position:0 -273px}
.m-11{background-position:0 -309px}
.m-12{background-position:0 -340px}

.d-01{background-position: -50px 0}
.d-02{background-position: -50px -31px}
.d-03{background-position: -50px -62px}
.d-04{background-position: -50px -92px}
.d-05{background-position: -50px -123px}
.d-06{background-position: -50px -154px}
.d-07{background-position: -50px -185px}
.d-08{background-position: -50px -216px}
.d-09{background-position: -50px -248px}
.d-10{background-position: -50px -278px}
.d-11{background-position: -50px -309px}
.d-12{background-position: -50px -340px}
.d-13{background-position: -50px -371px}
.d-14{background-position: -50px -402px}
.d-15{background-position: -50px -434px}
.d-16{background-position: -50px -465px}
.d-17{background-position: -100px 0}
.d-18{background-position: -100px -31px}
.d-19{background-position: -100px -62px}
.d-20{background-position: -100px -92px}
.d-21{background-position: -100px -123px}
.d-22{background-position: -100px -154px}
.d-23{background-position: -100px -185px}
.d-24{background-position: -100px -216px}
.d-25{background-position: -100px -248px}
.d-26{background-position: -100px -278px}
.d-27{background-position: -100px -309px}
.d-28{background-position: -100px -340px}
.d-29{background-position: -100px -371px}
.d-30{background-position: -100px -402px}
.d-31{background-position: -100px -434px}


.y-2006{background-position: -150px 0}
.y-2007{background-position: -150px -50px}
.y-2008{background-position: -150px -100px}
.y-2009{background-position: -150px -151px}
.y-2010{background-position: -150px -200px}
.y-2011{background-position: -150px -250px}
.y-2012{background-position: -150px -300px}
.y-2013{background-position: -150px -350px}
.y-2014{background-position: -150px -400px}
.y-2015{background-position: -150px -450px}
.y-2016{background-position: -150px -500px}




