/* Generic Selectors */ 

body { 
font-family: Verdana; 
font-size: 12px; 
color: white; 
background-image: url(images/pagebackground.jpg);
background-repeat: repeat
text-align: center;
} 


body { 
scrollbar-arrow-color: black; 
scrollbar-base-color:ivory; 
scrollbar-dark-shadow-color: grey; 
scrollbar-track-color: darkslateblue; 
scrollbar-face-color: midnightblue; 
scrollbar-shadow-color: dodgerblue; 
scrollbar-highlight-color: mediumblue; 
scrollbar-3d-light-color: blue;
} 

img {
border: none;
}

a {
border: none
}


a:link{
border: none;
text-decoration:none;
}

a:visited{
border: none;
text-decoration:none;
}



h2 {color: blue;}

/************************* ID's *************************/ 


#container { 
position: relative; 
margin: 0 auto;
width: 800px;
height:1000px;
text-align: left;
background-image: url(images/background.jpg);
}



#navigation {
position: absolute; 
top: 0px; 
left: 0px; 
width: 200px; 
height: 600px; 
font: 16px Verdana, sans-serif; z-index: 100;
}



#navigation a {display: block; 
text-align: center; 
font: bold 1em sans-serif;    
padding: 5px 10px; 
margin: 0 0 1px; 
border-width: 0;    
text-decoration: none; 
color: gold; 
}



#navigation a:hover {color: gray; 
background: LemonChiffon;   
}



#navigation a span {display: none;}



#navigation a:hover span {display: block;
position: absolute; 
top: 425px; 
left: 0; 
width: 185px;   
padding: 0px; 
margin-left: 10px; 
margin-right: 10px; 
z-index: 100;   
color: lemonchiffon; 
background: none;   
font: 10px Verdana, sans-serif; 
font-weight: bold;
text-align: center;}



#logo { 
position: absolute; 
top: 0px;
left: 200px;
width: 600px;
height: 200px;
margin: 0px; 
background-image: url(images/logo.gif);
}



#column1 { 
position: absolute; 
top: 200px;
left: 200px;
width: 280px;
height: 390px;
margin-top: 0px; 
margin-right: 10px; 
margin-bottom: 0px; 
margin-left: 10px; 
overflow: auto;
vertical-align: middle;
font-weight: bold;
padding: 0px 0px 0px 0px;
}


#column2 { 
position: absolute; 
top: 200px;
left: 500px;
width: 300px;
height: 790px;
margin: 0 10 5 10;
padding: 0 10 0 0; 
overflow: auto;
font-weight: bold;
}



#footer { 
position: absolute; 
top: 600px;
left: 0px;
width: 500px;
height: 400px;
margin: 0px; 
overflow: auto;
background-image: url(images/footer.gif);
}




#gallery {
position: absolute; 
top: 200px; 
left: 500px; 
width: 300px; 
height: 800px; 
text-align: center;
font: 10px Verdana, sans-serif;
font-weight:bold; 
z-index: 100;
}

# gallery a:link, a:visited {
color: black
}


a.thumb {
height: 75px;
text-decoration: none;
top: 0;
width: 75px;
left: 20px;
}

a.thumb span{
display: none;
}


a.thumb:hover {
}

a.thumb:hover span {
display: block;
border: none;
position: absolute;
top: 300px;
left: -490px;
width: 500px;
height: 400px;
margin: 0px; 
z-index:100;
}