/* CSS Document */

body {
	background-color:#020201;
	background:#ffffff url(background.jpg) no-repeat;
	
	

}


/*Mike - #legparade:hover is the div id I tried to use to make the image pop up. As you can see, it doesn't
work that way but gives you an idea of what I'm going for. So move your mouse over the Leg Parade link. 
I want to have a different image for each link. The dimensions of the images should be 800px x 534px. 

And sorry if my coding isn't exactly clean. ;) But it works! Thanks a ton Mike. */

#legparade:hover {
display:block;
padding:0px;
background:transparent url(legparade2.jpg) ;
position:absolute; top:-90px; left:200px;
width:800px;
height:534px;
z-index:1;
}


#gallerymain {
	position:absolute; top:100px; left:50px;
	

}


.about p {
font-family:palatino linotype;
font-size:80%;
word-spacing:1px;
line-height:25px;
max-width:500px;
font-style:italic;
text-indent:15px;
letter-spacing:1px;

}

.about ul {
list-style:none;
font-size:100%;
font-family:palatino linotype;
font-style:italic;
letter-spacing:1px;
line-height:20px;
}

.about li {
font-family:palatino linotype;
}

 

#logo {
	position:fixed; top:50px; left:50px;
	}
	
#mainimage {
	position:absolute; top:50px; left:250px;
	max-width:800px;
	

}

#whiteline {
	min-height:534px;
	border-right:#666666 thin solid;
	position:fixed; top:50px; left:220px;
	}
	
#navigation  {
	color: #000000;
	font-size:11px;
	font-weight:normal;
	position:fixed; top:120px; left:50px; 
	text-align:right;
	font-family: Helvetica, sans-serif;
	font-variant:small-caps;
	letter-spacing:4px;
	font: bold;
	
}


#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width:150px;
	text-align:right;
	
	}

#navigation li:hover {
	list-style: none;
	background:#bbbbbb;

}

#navigation li {
	list-style: none;
	
	}



#navigation ul li a {
	list-style: none;
    color:#000000;
	display:block;
	text-decoration:none;
	62
	
		
}


#navigation li a:hover, {
	list-style: none;
    color:#CCCCCC;

	}


#navigation ul li {
	padding: 3px 3px 3px 10px;

	}


.gallerymenu {
	background-color:#d8d6d6;
	font-size:9.5px;
	letter-spacing:2px;
	}

.gallerymenu a:hover {
background-color:#bbbbbb;
}



  CAPTION.MYTABLE
  {
     background-color:#ffffff;
     color:black;
     border-width:1px;
	 list-style:none;
  }

  CAPTION.MYTABLE
  {
     background-color:#ffffff;
     color:black;
     border-width:0px;
	 list-style:none;
  }

  TABLE.MYTABLE
  { 
     font-family:helvetica;
     font-size:10pt;
     background-color:;
     width:800px;
     border-style:solid;
     border-width:0px;
	 
  }
  
  TABLE.MYTABLE ul {
  	 padding:0px;
	 list-style-type:none;
	 margin:0px;
	 font-style:normal;
	 font-variant:small-caps;
	 font-size:12px;
	 }

  TH.MYTABLE
  {
     font-size:10pt;
     color:black;
     text-align:left;
	 
	
  }
  
  

  TD.MYTABLE
  {  
     font-size:10px;
     background-color:;
     color:black;
     border-width:0px;
     text-align:left;
	 list-style:none;
  }


.galleria{list-style:none;width:150px;}
.galleria li{list-style-type:none; display:block;width:69px;height:65px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */