/* CSS Document */

.style2 {font-family: Arial, Helvetica, sans-serif}
a:link {
	color: #660000;
	text-decoration: none;
}
a:visited {
	color: #660000;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}
body {

}
.style3 {
	font-size: small;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
.style5 {
	font-size: small;
	color: #FFFFFF;
	font-weight: bold;
}

/* General styles for this example page */
	html{
		height:100%;
	}
	body{
	}
	
	p{
		margin-top:0px;
		margin-bottom:0px;
	}
	
	#mainContainer{
		width:800px;
		margin:0px;
		text-align:left;
		background-color: #000000;
		padding-left:0px;
		padding-right:0px;
		padding-bottom:2px;
		padding-top:2px;	
	}
	
	#dhtmlgoodies_menu img{
		border:0px;
	}

	/* End general styles for this example page */
	/* General configuration CSS */
	
	#dhtmlgoodies_menu ul li ul{
		display:none;	/* Needed to display ok in Opera */
	}
		
	#dhtmlgoodies_menu{
		visibility:hidden;	
	}
	#dhtmlgoodies_menu ul{
		margin:0px;	/* No indent */
		padding:0px;	/* No indent */
	}
	#dhtmlgoodies_menu li{
		list-style-type:none;	/* No bullets */
	}	
	#dhtmlgoodies_menu a{

		margin:0px;
		padding:0px;
	}
	/* End general configuration CSS */
	
	
	/* Cosmetic */
	
	/***********************************************************************
		CSS - MENU BLOCKS
	 	General rules for all menu blocks (group of sub items) 
	***********************************************************************/
	#dhtmlgoodies_menu ul{
		border:0px;
		padding:5px;
		background-color:#000000;
		overflow:visible;
	}
		
	#dhtmlgoodies_menu ul.menuBlock1{	/* Menu bar - main menu items */
	}
	#dhtmlgoodies_menu ul.menuBlock2{	/* Menu bar - main menu items */
	}
	#dhtmlgoodies_menu ul.menuBlock3{
	}
	#dhtmlgoodies_menu ul.menuBlock4{
	}
	
	/***********************************************************************
		CSS - MENU ITEMS
	 	Here, you could assign rules to the menu items at different depths.
	***********************************************************************/
	/* General rules for all menu items */
	#dhtmlgoodies_menu a{
		color: #FFFFFF;
		text-decoration:none;
		padding-left:10px;
		padding-right:10px;
		padding-top:2px;
		padding-bottom:2px;
	}
	
	/*
	Main menu items 
	*/
	
	#dhtmlgoodies_menu .currentDepth1{
		padding-top:2px;
		padding-bottom:2px;
	}
	#dhtmlgoodies_menu .currentDepth1over{
		background-color:#AB2941;
		padding-top:2px;
		padding-bottom:2px;
	}
	#dhtmlgoodies_menu .currentDepth1 a{
		font-weight:bold;
	}
	#dhtmlgoodies_menu .currentDepth1over a{	/* Text rules */
		font-weight:bold;
	}
	
	/* Sub menu depth 1 */
	#dhtmlgoodies_menu .currentDepth2{
		padding-left:10px;
		padding-right:10px;
		padding-top:2px;
		padding-bottom:2px;
	}
	#dhtmlgoodies_menu .currentDepth2over{
		background-color:#AB2941;
		padding-left:10px;
		padding-right:10px;
		padding-top:2px;
		padding-bottom:2px;
	}	
	#dhtmlgoodies_menu .currentDepth2over a{	/* Text rules */
		padding-top:2px;
		padding-bottom:2px;
	}	
	/* Sub menu depth 2 */
	#dhtmlgoodies_menu .currentDepth3{
		padding-left:10px;
		padding-right:10px;
		padding-top:2px;
		padding-bottom:2px;
	}
	#dhtmlgoodies_menu .currentDepth3over{
		background-color:#AB2941;
		padding-left:10px;
		padding-right:10px;
		padding-top:2px;
		padding-bottom:2px;
	}
	/* Sub menu depth 3 */
	#dhtmlgoodies_menu .currentDepth4{
		padding-left:10px;
		padding-right:10px;
		padding-top:2px;
		padding-bottom:2px;
	}
	#dhtmlgoodies_menu .currentDepth4over{
		background-color:#AB2941;
		padding-left:10px;
		padding-right:10px;
		padding-top:2px;
		padding-bottom:2px;
	}	

/* ######### CSS for PHP Photo Album itself ######### */

.photodiv{ /*CSS for DIV containing each image*/
float: left;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 20px;
}

.photodiv img{ /*CSS for each image tag*/
border: 2;
width: auto;
height: 150px;
cursor: hand;
cursor: pointer;
}

.albumnavlinks{ /*CSS for DIV containing the navigational links*/
}

.albumnavlinks a{ /*CSS for each navigational link*/
margin-right: 5px;
padding: 1px 5px;
border: 1px solid #000000;
text-decoration: none; 
color: #000000;
font-weight: bold;
}


.albumnavlinks a:hover, .albumnavlinks a.current{ /*CSS for currently selected navigational link*/
border: 1px solid #660000;
}

/* ######### CSS for thumbnail viewer plugin ######### */

#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 8px;
padding-bottom: 0;
background: #313131;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;  
box-shadow: 5px 5px #818181; /* Experimental box shadow properties*/
-webkit-box-shadow: 5px 5px #818181;
-moz-box-shadow: 5px 5px #818181;
-ms-filter: "progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=5, offY=5,  positive=true)"; /* IE8 drop shadow*/
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=5, offY=5,  positive=true); /* IE drop shadow*/
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: 10px Verdana;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
margin: 5px;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 10px;
font: bold 14px Arial;
z-index: 5;
}

.prop{
height:761px;
float:right;
width:1px;
}

.clear{
clear:both;
height:1px;
overflow:hidden;
}

.prop2{
height:565px;
float:right;
width:1px;
}

.clear2{
clear:both;
height:1px;
overflow:hidden;
}

div#show3 {
width:525px;
height:600px;
margin:0 auto;
}
div#show3 table td, div#show4 table td {
height:24px;
background-image:url('38.gif');
}
div#show4 table td {
background-image:url('40.gif');
}
div#show3 table input,  div#show4 table input {
outline-style:none;
}

.headline{
height:600px;
}

</style>