/* CSS Document */

/* Generic Selectors */ 
html {height: 100%;}

body { 
font-family: Georgia, "Times New Roman", Times, serif; 
font-size: 14px; 
color: #333333; 
background-image: url(components/body_background.jpg);
background-repeat: repeat;
margin:0; 
padding:0; 
height:100%; 
overflow-x: hidden;
} 


} 
p { 
width: 95%; 
font-weight: bold;
} 



h1 { 
font-family: "Comic Sans MS", "Times New Roman", Times, serif; 
font-size: 24px; 
font-weight: bold; 
color: #000000; 
} 
h2 { 
font-family: Georgia, "Times New Roman", Times, serif; 
font-size: 16px; 
font-weight: bold; 
color: #000000; 
} 
 


  
/**************** Pseudo classes ****************/ 
:link { 
color: #333300; 
text-decoration: underline; 
font-weight: bold; 
} 

li :link { 
color: #333300; 
text-decoration: none; 
font-weight: bold; 
} 
:visited { 
color: #333300; 
text-decoration: underline; 
font-weight: bold; 
} 
li :visited { 
color: #333300; 
text-decoration: none; 
font-weight: bold; 
} 
:hover { 
color: #333333; 
padding-right: 5px; 
font-weight: bold; 
text-decoration: underline; 
} 
li :hover { 
display: block; 
color: #333333; 
padding-right: 5px; 
font-weight: bold; 
border-bottom-width: 1px; 
border-bottom-style: solid; 
border-bottom-color: #C6EC8C; 
} 
:active { 
color: rgb(255, 0, 102); 
font-weight: bold; 
} 

.firstletter:first-letter {
float: left;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 150%;
font-weight: bold;
}

div.thumb {
margin: 3px;
position: relative;
border: 0px;
height: auto;
float: left;
text-align: center;
} 
.thumb img{
display: inline;
margin: 5px;
border: 0px;
}
.thumb a:hover img {border: 3px solid #FAAC58;}
.photocattitle {text-align: center; font-weight: bold;}

.phototitle {
text-align: center;
font-weight: normal;
width: 120px;
margin: 0 3px 3px 3px;
} 

div.testimonial {
margin: 3px;
position: relative;
border: 0px;
width: 530px;
float: right;
text-align: center;
overflow: hidden;
} 
.testimonial img{
display: inline;
margin: 5px;
border: 0px;
}
.testitle {
text-align: left;
font-weight: normal;
width: 340px;
margin: 0 3px 3px 3px;
float: right;
} 

/************************* ID's *************************/ 
#container { 
position: center; 
z-index: 0; 
margin-top: 0px;
margin-bottom 0px;
width: 900px; 
height: 1400px;
background-image: url(components/background_new.gif);
background-repeat: repeat-y;
overflow-x: hidden;
overflow-y: auto;
min-height: 101%;
} 

#container-long { 
position: absolute; 
z-index: 0; 
margin: 0;
width: 900px; 
height:2000px;
background-image: url(components/background_new.gif);
background-repeat: repeat-y;
overflow-x: hidden;
overflow-y: hidden;
min-height: 101%;
} 


#header { 
position: center; 
z-index: 3; 
width: 800px; 
margin: 0; 
margin-left: 50px; 
font-weight: normal; 
background:transparent;
} 

#navigation { 
position: absolute; 
z-index: 3; 
width: 175px; 
margin: 0;  
background:transparent;
font-weight: normal; 
} 

#tree { 
position: absolute; 
z-index: 1;
top: 400px;
left: 180px;
width: 400px; 
padding: 0 0 0 0; /*top right bottom left*/ 
background:transparent;
} 

#centerDoc { 
position: absolute; 
z-index: 3; 
padding: 30px 110px 20px 250px; /*top right bottom left*/ 
background:transparent;
}