/* Some stylesheet reset */
#AboutMenu
{
    z-index:99;
    float:right; 
	list-style: none;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	line-height: 1;
	background-color: rgba(0,0,0,0.9);
	padding-bottom:10000px;
	margin-bottom: -10000px;

}
#AboutMenu  > ul {
	list-style: none;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	line-height: 1;
	z-index:10;
}


/* The container */
#AboutMenu  > ul {
	display: block;
	position: relative;
	width: 150px;

}

	/* The list elements which contain the links */
	#AboutMenu  > ul li {
		display: block;
		position: relative;
		margin: 0;
		padding: 0;
		width: 150px;	
		border-top: 1px solid #393939;
		text-align:right;
		
	}

		/* General link styling */
		#AboutMenu  > ul li a {
			/* Layout */

			display: block;
			position: relative;
			margin: 0;
			
			padding: 11px 20px;
			width: 110px;

			/* Typography */
			font-family: 'Byekan', tahoma, sans-serif;
			color:White;
			text-decoration: none;
			
			font-size: 13px;
			font-weight: 300;			
			
		}

		/* Rounded corners for the first link of the menu/submenus */
		#AboutMenu  > ul li:first-child>a {
			border-top: 0;
		}

		/* Rounded corners for the last link of the menu/submenus */
		#AboutMenu  > ul li:last-child>a {
			border-bottom: 0;
		}


		/* The hover state of the menu/submenu links */
		#AboutMenu  > ul li>a:hover, #AboutMenu  > ul li:hover>a {
			color: #fff;
			background: #0092c7;
			/*background: -webkit-linear-gradient(bottom, #54cdf1, #74d7f3);
			background: -ms-linear-gradient(bottom, #54cdf1, #74d7f3); 
			background: -moz-linear-gradient(bottom, #54cdf1, #74d7f3);
			background: -o-linear-gradient(bottom, #54cdf1, #74d7f3);*/
			background: -webkit-linear-gradient(bottom, #0092c7, #0092c7);
			background: -ms-linear-gradient(bottom, #0092c7, #0092c7); 
			background: -moz-linear-gradient(bottom, #0092c7, #0092c7);
			background: -o-linear-gradient(bottom, #0092c7, #0092c7);
			border-color: transparent;
		}

		/* The arrow indicating a submenu */
		#AboutMenu  > ul .has-sub>a::after {
			content: '';
			position: absolute;
			top: 16px;
			right: 10px;
			width: 0px;
			height: 0px;

			/* Creating the arrow using borders */
			border: 4px solid transparent;
			border-left: 4px solid #d8d8d8; 
		}

		/* The same arrow, but with a darker color, to create the shadow effect */
		#AboutMenu  > ul .has-sub>a::before {
			content: '';
			position: absolute;
			top: 17px;
			right: 10px;
			width: 0px;
			height: 0px;

			/* Creating the arrow using borders */
			border: 4px solid transparent;
			border-left: 4px solid #000;
		}

		/* Changing the color of the arrow on hover */
		#AboutMenu  > ul li>a:hover::after, #AboutMenu  > ul li:hover>a::after {
			border-left: 4px solid #fff;
		}

		#AboutMenu  > ul li>a:hover::before, #AboutMenu  > ul li:hover>a::before {
			border-left: 4px solid rgba(0, 0, 0, .3);
		}

	
		/* THE SUBMENUS */
		#AboutMenu  > ul ul 
		{
			position: absolute;
			left: 150px;
			top: -9999px;
			padding-left: 5px;
			opacity: 0;
			/* The fade effect, created using an opacity transition */
			-webkit-transition: opacity .3s ease-in;
			-moz-transition: opacity .3s ease-in;
			-o-transition: opacity .3s ease-in;
			-ms-transition: opacity .3s ease-in;
			
		}
        #AboutMenu > ul ul li>a
        {
            	background-color: rgba(0,0,0,0.9);
        }
		/* Showing the submenu when the user is hovering the parent link */
		#AboutMenu  > ul li:hover>ul {
			top: 0px;
			opacity: 1;
		}
#AboutContent
{   
    float:left; 
    padding-top:10px;
    background-color: rgba(255,255,255,0.8);
    width:810px;
    padding-bottom:10000px;
    margin-bottom:-10000px;
    vertical-align:top;
}
#MainContent
{
    overflow:hidden;
    padding-top:50px;
}
#AboutFooter
{
    background-color: rgba(0,0,0,0.9);
    height:60px;
    width:950px;
    padding-left:10px;
    color:White; 
    position:absolute;

}
#FanContent
{
    background-color: rgba(255,255,255,0.8);
    float:right;
    width:810px;
    vertical-align:top;
    padding-bottom:10000px;
    margin-bottom:-10000px;
    min-height:800px;
}
.Resources
{   
     margin-top:15px;
     background-color: rgba(255,255,255,0.8);
     padding: 20px 60px 20px 60px;
     vertical-align:top;
     font: 14px Arial, sans-serif;
     min-height:700px;
}
.last
{
    border-bottom: 1px solid #393939;
}
.IndustryAppPage
{
    background-color: rgba(255,255,255,0.8); 
    padding: 20px 30px 20px 10px; 
    min-height:700px;
}

.validate
{
    color:Red;
}
.BackGrad
{
  /*background-color: #0092c7; /* fallback color if gradients are not supported */
  background-image: -webkit-linear-gradient(left, #0092c7 40%, rgba(255,255,255,0.0) 100%); /* For Chrome and Safari */
  background-image:    -moz-linear-gradient(left, #0092c7 40%, rgba(255,255,255,0.0) 100%); /* For old Fx (3.6 to 15) */
  background-image:     -ms-linear-gradient(left, #0092c7, 40% rgba(255,255,255,0.0) 100%); /* For pre-releases of IE 10*/
  background-image:      -o-linear-gradient(left, #0092c7, 40% rgba(255,255,255,0.0) 100%); /* For old Opera (11.1 to 12.0) */
  background-image:         linear-gradient(to right, #0092c7 40%, rgba(255,255,255,0.0) 100%); /* Standard syntax; must be last */
  /*background-image: -ms-linear-gradient(right, rgba(0,0,0,0.0)  0%, #0092c7 100%);
   background-image: -webkit-linear-gradient(right, rgba(255,255,255,0.0)  0%, #0092c7 100%);
   background-image: -moz-linear-gradient(right, rgba(255,255,255,0.0)  0%, #0092c7 100%);*/
   color:White;
}
.MainTableDisplay
    {
        width:810px;
        margin-bottom:30px;
        margin-left:20px;
        margin-right:20px;
        padding-top:20px;
        width:740px;
        background-color: rgba(0,146,199,0.8);
        border-top-left-radius:10px;
        border-bottom-right-radius:10px;
        border-bottom-left-radius:10px;
        padding-bottom:20px;
    }