/* CSS Document */
html  {
	  overflow: auto;
	  scrollbar-3dlight-color: #ffffff;
	  scrollbar-arrow-color: #ffffff;
      scrollbar-darkshadow-color: #ffffff;
	  scrollbar-face-color: #000000;
	  scrollbar-highlight-color: #cccccc;
	  scrollbar-shadow-color: #cccccc;
	  scrollbar-track-color: #cccccc;
		}
		
p  {
	font-family:  Verdana, Arial, Helvetica, sans-serif; 
	font-style : normal ;
	font-size : 12pt; 
	font-weight :normal;
	color : #ffffff ;  
	}

body {
	width: 100%;
	height: auto;
	text-align :center; 
	background-color:#ffffff; 
	margin:0px;
	padding-top:5px;
	background-image: linear-gradient(0deg, #cccccc 0%, #cccccc 75%, #FFFFFF 100%); /* IE 10 */ 
	background: -moz-linear-gradient(top, #cccccc, #ffffff);
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColor='#cccccc', StartColorStr='#cccccc', EndColor='#ffffff',    EndColorStr='#ffffff', GradientType='0');
	}
	
#global {
     position: relative; /* container positioning */ 
     margin-left: auto;
     margin-right: auto;
	 margin-bottom:7px;
	 margin-top:0px;
	 width: 840px;
	 height: auto;
	 text-align:left;
	 border: solid #000000 5px;
	 background-color:#CCCCCC;
	      }	

#slide{
	width:auto;
	height:auto;
	margin-top:20px;
	margin-right:15px;
	margin-left:0px;
	filter:RevealTrans(duration=.5, transition=14);
	}
	
#slideA{
	width:auto;
	height:auto;
	margin-top:20px;
	margin-right:15px;
	margin-left:0px;
		}	
	
#display {
	background-color:#000000;
	padding:20px;
	width:800px;
	height:auto;
	margin:0px;
	}

.left {
	 border: solid 0px #CCCC00; 
	 width:180px; 
	 height:380px; 
	 float:left;
	 }
	 	
.l_menu	{
	width:100px;
	height:200px;
	border: solid thin #333333;
	margin:30px;
	text-align:center;
	padding-top: 5px; 
		}
		
a.lmenu:link {
      color: #cccccc;
      text-decoration: none;
	  margin:10px;
}

a.lmenu:visited {
      color:#999999;
      text-decoration: none;
}

a.lmenu:hover { 
      color:#ffffff;
      text-decoration:underline;
}

a.lmenu:active {
      color:#00ffff;
      text-decoration: none;
}

a.foot:link {
      color: #cccccc;
      text-decoration: none;
	  }

a.foot:visited {
      color:#999999;
      text-decoration: none;
}

a.foot:hover { 
      color:#ffffff;
      text-decoration:underline;
}

a.lmenu:active {
      color:#00ffff;
      text-decoration: none;
}
select.list {
	border: solid 2px #000000;
	background-color:#999999;
	color:#000000;
	padding: 3px 0px 3px 11px;
	cursor:pointer;
	}					  
form {
	float:left;
	}

.foot_dv {
	margin-top:12px; 
	width:100%; 
	height:20px; 
	border-top:dotted 2px #999999; 
	background-color:#333333; 
	padding:0px;
		}
		
div.logo {
	background-image: radial-gradient(50% 50%, circle cover, #ffffff, rgba(178, 179, 177, 0.6) 100%)
	background-image: radial-gradient(50% 50%, circle cover, #ffffff, rgba(178, 179, 177, 0.6) 100%)
	background-image: radial-gradient(50% 50%, circle cover, #ffffff, rgba(178, 179, 177, 0.6) 100%)
	background-image: radial-gradient(50% 50%, circle cover, #ffffff, rgba(178, 179, 177, 0.6) 100%)
	background-image: radial-gradient(50% 50%, circle cover, #ffffff, rgba(178, 179, 177, 0.6) 100%)	
	}

div.top {
	float: right;
	width:607px;
	height: 160px;
	background-image: linear-gradient(270deg, #000000 0%, #ffffff 30%); /* IE 10 */ 
	background-image: -moz-linear-gradient(270deg, #000000 0%, #ffffff 30%);
	background-image: -webkit-linear-gradient(270deg, #000000 0%, #ffffff 30%);
	background-image: -o-linear-gradient(270deg, #000000 0%, #ffffff 30%);
	background-image: -ms-linear-gradient(270deg, #000000 0%, #ffffff 30%);
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColor='#000000', StartColorStr='#000000', EndColor='#ffffff',    EndColorStr='#ffffff', GradientType='0');
	}
	
	
div.intro {
	background-image: linear-gradient(90deg, #cccccc 0%, #ffffff 20%); /* IE 10 */ 
	background-image: -moz-linear-gradient(90deg, #cccccc, #ffffff 20%);
	background-image: -webkit-linear-gradient(90deg, #cccccc, #ffffff 20%);
	background-image: -o-linear-gradient(90deg, #cccccc, #ffffff 20%);
	background-image: -ms-linear-gradient(90deg, #cccccc, #ffffff 20%);
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColor='#cccccc', StartColorStr='#cccccc', EndColor='#ffffff',    EndColorStr='#ffffff', GradientType='0');
	}
	
	
p.bod {
	background-image: linear-gradient(270deg, #ffffcc 0%, #ffffff 27%); /* IE 10 */ 
	background-image: -moz-linear-gradient(270deg, #ffffcc, #ffffff 27%);
	background-image: -webkit-linear-gradient(270deg, #ffffcc, #ffffff 27%);
	background-image: -o-linear-gradient(270deg, #ffffcc, #ffffff 27%);
	background-image: -ms-linear-gradient(270deg, #ffffcc, #ffffff 27%);
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColor='#ffffcc', StartColorStr='#ffffcc', EndColor='#ffffff',    EndColorStr='#ffffff', GradientType='0');
	border: solid 1px #ffffcc;
	border-radius: 10px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	box-shadow: 5px 5px 5px 5px lightgray;
	}
	
.foot_dv {
	margin-top:3px; 
	width:100%; 
	height:20px; 
	border-top:dotted 2px #999999; 
	background-color:#333333; 
	padding:0px;
		}		

@keyframes fade
{
0% {opacity:0}
15% {opacity:1}
85% {opacity:1}
100% {opacity:0}
}

img {animation-name: fade}