body 
{margin: 0 auto; 
background-color:#E8E8E8;}

a 
{text-decoration: none; color:#00F;}

a:active 
{text-decoration: none;}

div#main
{background-color:#FFF; 
border-left: solid 1px #333;
border-right: solid 1px #333;
border-bottom: solid 1px #333;
height: 1024px; 
width: 768px; 
margin: 0 auto; 
height: 100%;}


div#container 
{margin-top: 1em;}

img#logo 
{margin-left:11em;}

p#mid
{font-size: 14px; 
width: 768px; 
height: 15px; 
margin-left: 9em;
}
p#mid img
{border:none;}

/* settings for the main ul of the nav bar*/
ul.dropdown, 
ul.dropdown li, 
ul.dropdown ul 
{list-style: none; 
margin: 0;
padding: 0; 
font-family: Arial, Helvetica, sans-serif;}
/* settings for the thumb. on the side*/
ul.dropdown 
{position: relative;
z-index: 597;
float: left;
margin-left:3em;  
margin-bottom:7em; }

ul.dropdown li 
{float: left;
line-height: 1.3em;
vertical-align: middle;
padding-left: 2.4em; 
padding-right: 2.4em;
border-left: 1px solid #999;
}

ul.dropdown li:first-child 
{ border-left:none;} 

ul li a 
{color: #000;}

/* settings for the images that are going to show whwen hovers is active*/
ul.dropdown li.hover,
ul.dropdown li:hover 
{position: relative;
z-index: 599;
cursor: default; 
}

/* settings for full size images to not show when not hovered*/
ul.dropdown ul 
{visibility: hidden;
position: absolute;
top: 100%;left: 0;
z-index: 598;
width: 100%;
}

ul.dropdown ul li 
{float: none; 
border: 1px solid #999;
border-top: none;}

ul.dropdown ul li:first-child 
{ border-left:1px solid #999;
 border-top:1px solid #999;} 

ul.dropdown ul ul 
{top: 1px;
left: 99%;}

ul.dropdown li:hover > ul 
{visibility: visible; 
color: #fff;}

p, ul, ol, h1, h2 ,h3, h4 
{font-family: Helvetica, Arial, serif, sans-serif;}

/*standard settings for all paragraphs*/
p.front_page
{ text-align:justify; 
width: 330px; 
font-size: 16px;
text-indent: 20px;}
ul { margin-left:3em;}
ul, ol 
{font-size: 16px;}

p#BnA 
{margin-left:2em; 
text-indent: 20px;}

img#BF, img#AF 
{border: 4px solid #666; 
width: 150px;
height:150px;}

div#before 
{text-indent: 0px; 
margin-left: 35px; 
width:330px;}

h1, h2, h3, h4 
{font-size:20px; 
display: inline;} 

h1, h4 
{color:#000;}

h2, h3 
{color:#a50000;  
margin-left:0.2em;}

h1,h3 
{ margin-left:5em; 
margin-top: 50px;}

h3 
{ margin-left:4em;}

/* paragraph settings for almost all other pages than index and gal.*/
p.common { width:640px; margin-left:5em;}

/*CONTACTS*/
table { margin:auto; font-family: Helvetica, serif, sans-serif; color:#333;}
table tr td { padding:10px; padding-left:10px; }


/*GAL CEILING*/
p#gal_title 
{ margin-left:1.4em; 
font-size: 22px; 
letter-spacing: 5px; 
color:#666;}

.gallerycontainer{
position: relative; 
height: 700px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/}

.thumbnail:hover
{background-color: transparent;}

.thumbnail img 
{display: block;
background-color: white; 
padding: 5px; 
border: 1px solid gray;
margin: 0 5px 5px 3em;}



.thumbnail span{ /*CSS for enlarged image*/position: absolute;
background-color: white; 
padding: 25px;
border: 1px solid gray; 
left: -1000px;visibility: 
hidden;color: black;
text-decoration: none;}


.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible; 
top: 0; 
left:18em; 
/*position where enlarged image should offset horizontally */ }



/*copyrights*/
p#copyrights1 
{padding-top:5.5em;
clear: both;
font-size:10px; 
color:#a50000; 
width: 768px; 
text-align:center}