<style type="text/css">
.fotgal {border:1px; border-thickness: 1px; border-color: #007ba5;
border-style: solid;}
A:hover, A:active {color: #007ba5}
A:hover .fotgal, A:active .fotgal {border:1px; border-thickness: 1px;
border-color: #fff; border-style: dashed}

.fotgalblack {border:1px; border-thickness: 1px; border-color: #B4BF91;
border-style: solid;}
A:hover, A:active {color: #fff}
A:hover .fotgalblack, A:active .fotgalblack {border:1px; border-thickness: 1px;
border-color: #000; border-style: dashed}

.navigation {border:1px; border-thickness: 1px; border-color: #000;
border-style: solid;}
A:hover, A:active {color: #fff}
A:hover .navigation, A:active .navigation {border:1px; border-thickness: 1px;
border-color: #fff; border-style: dashed}

 table.center {
    margin-left:auto; 
    margin-right:auto;
 }

.align-right { float:right; margin: 0 0 5px 5px; }

.align-left { float:left; margin: 0 5px 5px 0; }
.frame { padding: 5px; border: 1px solid #aaa; } 


a.info{text-decoration: none; border-bottom: 1px dotted}

a.info:hover{z-index:25; }

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: center}


div.dots {
border-color: black;
border:1px dashed black;
}


verdana {font-family: verdana}
arial {font-family: arial}
helvetica {font-family: helvetica}
tahoma {font-family: tahoma}
lucida {font-family: Lucida Sans Typewriter}
century {font-family: Century Gothic}



#container {
display: table;
margin: 0 auto;
text-align: center;
}


#test { 
padding: 5px; 
border:1px solid black; 
width: 700px;    
font-family: Century Gothic;
text-align: justify;
font-size: 10pt;
margin-left: auto;  
margin-right: auto; 
}

.download_box {

padding: 5px; 
border:1px solid black; 
width: 700px;    
font-family: Century Gothic;
text-align: justify;
font-size: 10pt;
height: 180px;
margin-left: auto;  
margin-right: auto; 
}

.gal_outer {
padding: 5px; 
width: 100%
text-align: center;
border: 1px solid black;
}

.gal_inner {
    margin: 0 auto;
    display: inline-block;
    overflow: hidden;
    width: 100%
}

.linkbox { 
padding: 5px; 
border:1px solid black; 
width: 700px;    
margin-left: auto;  
margin-right: auto; 
font-family: Century Gothic;
text-align: justify;
font-size: 10pt;
}
#topbox {

border:1px solid black; 
background-color: black;
margin-left: auto;  
margin-right: auto; 

}

#content {

background-color: #B4BF91;
border:1px solid black; 
margin-left: auto;  
margin-right: auto; 
width: 800px;

}

#container_gallery {
display: table;
margin: 0 auto;
text-align: center;
}

#topbox_gallery {
border:1px solid black; 
background-color: #007ba5;
}

#content_gallery {

background-color: #B4BF91;
border:1px solid black; 
margin-left: auto;  
margin-right: auto; 
width: 660px;

}
#footer_gallery {
display: table-row;
height: 23px;
border:1px solid black; 
background-color: black;
text-align: center;
}

#footer {
display: table-row;
height: 23px;
background-color: black;
text-align: center;
}

img.border {
border: 0px solid #333333 ;
padding: 0px;
}

img.downloads_pic {
border: 0px solid #333333 ;
padding: 10px;
float: right;
width: 200px;
}
img.sitelink {
float: right;
border: 0px solid black;
padding: 0px;
}

img.logo {

padding: 10px 80px 10px 80px;
}

img.footer {
border: 0px;
}


p.linkpad
{
height:5px;
width:100px;
}


</style>