/*----------------------------------------------------------------------------------------------------------------------
   This deals with the SUB MENU inside the "right" div   
-----------------------------------------------------------------------------------------------------------------------*/

/* Container for the sub-menu */
.sub-menu-container {
	position:relative;
	width:46em; /* Needed for Opera 7*/ 
	height: 17.1em;
	overflow:hidden;

}
	/* Handles images */
	.sub-menu-container img{
		border:0px; width:11.5em; height: 17.1em; 
	}
	
	/* Handles menu line {Background} */
	.sub-menu-line {
		position:absolute; 
		width: 100%; 
		height:2.3em; 
		background-color:#171717; 
		top: 1.3em;
		left:0;
		opacity: 0.47;  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=47);
	}
	
	/* Handles menu line {Container for text} */
	.sub-menu {
		position:absolute; 
		width:46em; /* Needed for Opera 7*/ 
		top: 1.3em;
		height: 2.3em;
		left:0; 
	}
		/* Handles menu line {Container for text} >> SUB container */
		.sub-menu div#sub-menu-font { 	/* Needed for Opera 7*/ 
			position:absolute; 			/* Needed for Opera 7*/ 
			top:0px;					/* Needed for Opera 7*/ 
			font-size:160%;				/* Needed for Opera 7*/ 
			width:100%;					/* Needed for Opera 7*/ 
		}
			/* Handles menu line {Container for text} >> SUB container >> link style (normal) */
			.sub-menu a {
				display:block;
				color: #FFFFCC;
				
			}
				/* Handles menu line {Container for text} >> SUB container >> link style (normal) >>
				div gives link its size and shape */
				.sub-menu a div {
					width:25%; float:left;  text-align:center; padding: 0.1em 0em 0.1em 0em;
					color:#FFFFCC;
				}
					/* Handles menu line {Container for text} >> SUB container >> link style (normal) >>
					div gives link its size and shape >> span gives padding and border */
					.sub-menu a div span {
						border-left: 0.08em solid; 
						border-right: 0.08em solid; 
						padding: 0.1em 0.7em 0.1em 0.7em;
					}	
						
			/* Handles menu line {Container for text} >> SUB container >> link style (hover) */
			.sub-menu a:hover {
				display:block;
				background-color:#000000; /*Needed for stupid IE*/
				text-decoration:none;
				cursor: pointer; cursor: hand;  /*Needed for stupid IE*/
			}
					/* Handles menu line {Container for text} >> SUB container >> link style (hover) >>
					div gives link its size and shape >> span gives padding and border */
					.sub-menu a:hover div span{
						background-color:#000000;
						color: #FFFFCC;
					}