/*----------------------------------------------------------------------------------------------------------------------
   This deals with everything inside the "right" div 
   4 main sections:	data-header 		contains main menu and title (see main-menu.css and title.css for more info)
   					data-short			contains all default short text
					data-more-info		contains all optional long text
					sub-menu-container	contains all submenu style (see data-sub-menu.css for more info)
   
-----------------------------------------------------------------------------------------------------------------------*/

/* Container for menu and title */
div#data-header {
	position:relative; 
	height:9.4em; 
}

/* Container for default-(short-text) */
div#data-short-text {
	position:relative;
	height: 19.6em;
	padding: 0em 3.8em 0em 3.8em; 
	text-align:justify; 	
}

	/* Handles default-(short-text) >> span */
	div#data-short-text span { font-size:140%; }
	/* Handles default-(short-text) >> more info link [NOTE: JAVASCRIPT REFERENCE]*/
	div#data-short-text span#more-info-link { font-size:120%; }
	div#data-short-text span#more-info-link a{ color: #FFFFCC; }


/* Container for optional-(long-text) [NOTE: JAVASCRIPT REFERENCE]*/
div#data-more-info {
	position:relative; 
  /*display:block; NOTE: Moved to long.css/short.css by default set to VISABLE for non JS browsers. JS sets this to INVISABLE on page load*/
	height:auto; 
}
	/* SUB-Container for optional-(long-text) >> Title of more info*/
	.more-line-container {
		position:relative; 
		height:3.5em; 
		padding-bottom: 2em;
	}
		/* Handles optional-(long-text) >> Title of more info {Background} */
		.more-line {
			position:absolute; 
			width: 100%; 
			height:3.0em; 
			background-color:#1F1F1F; 
			opacity: 0.36;  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=36);
		}
		/* Handles optional-(long-text) >> Title of more info {Container for text} */
		.more-line-title {
			position:absolute;  
			padding-top:0.5em;
			height:2.5em;  
			background-color:#121212; 
			width:11.3em; 
			border-left: 0.1em solid ; 
			border-right: 0.1em solid ; 
			text-align:center; 
		}
			/* Handles optional-(long-text) >> Title of more info {Container for text} >> span */
			.more-line-title span {font-size:160%;}


	/* Handles optional-(long-text) >> Optional subheadings */
	.more-text-area-head {
		position:relative;
		padding: 0em 1.8em 2em 1.8em; 
		text-align:justify; 
	}
		/* Handles optional-(long-text) >> Optional subheadings >> span */
		.more-text-area-head span { font-size:170%; font-weight:bold; }
	
	
	/* Handles optional-(long-text) >> Optional blocks of text */
	.more-text-area {
		position:relative;
		padding: 0em 3.8em 0em 3.8em; 
		text-align:justify; 
	}
		/* Handles optional-(long-text) >> Optional blocks of text >> span */
		.more-text-area span { font-size:140%; }