/*CSS File For Sign-In webpage*/ * {margin: 0; padding: 0;} #button{ border-radius:10px; background:#ffffff; font-weight:bold; font-size:20px; } #create{ color:#000000; }.right { float: right; } fieldset{ margin:auto; } #container {
    width: 1237;
    overflow: hidden;
    margin: 50px auto;
}
.body {
width: 100%;
height: 100%;
}
.bg {
background-image: url('dark_geometric.png');
    background-repeat: repeat;
width: 100%;
height: 100%;
}
.bg2 {
background-image: url('bg1.png');
    background-repeat: repeat;
}
.description {
border:solid #000000;
border-width:5px 5px 5px 5px;
background:#ffffff;
width: 100%;
height: 100%;
}
.color {
width: 100%;
background-color:#ffffff;
}
.color2 {
width: 20%;
background-color:#ffffff;
}
.sidebar {
background-color:#dddddd;
}
.sidebar2 {
border:solid #aeff5e;
border-width:0 5px 0 5px;
background-color:#222;
height: 36px;
width: 100%;
}
.height {
height: 100%;
}
a {
color:#000000;
}
nav {
    	background-color: #222;
}

#nav_wrapper {
    	width: 100%;
    	margin: 0 auto;
    	text-align: center;
}

nav ul ul {
display: none;
    	position: absolute;
    	background-color: #333;
    	border: 5px solid #222;
    	border-top: 0;
    	margin-left: -5px;
display: none;
 top: 100%;
}
	nav ul ul li {
		display: block;
	}
		nav ul ul li a {
			padding: 15px 40px;
			color: #fff;
		}	
			nav ul ul li a:hover {
				background: #4b545f;
			}

nav ul li:hover > ul {
	display: block;
}

nav ul {
	list-style-type: none;
    	padding: 0;
    	margin: 0;
    	position: relative;
    	min-width: 200px; 
	display: inline-table;
}
	nav ul:after {
		content: ""; clear: both; display: block;
	}
	nav ul li {
	float: left;
}
	nav ul li:hover {
		color: #333;
	}
		nav ul li:hover a {
			color: #699;
		}

#nav ul li a, visited {
    	color: #CCC;
    	display: block;
    	padding: 15px;
    	text-decoration: none;
}

	nav ul li a {
		display: block; padding: 25px 40px;
		color: #757575; text-decoration: none;
	}
	nav ul ul ul {
	position: absolute; left: 100%; top:0;
}
/*header*/
header {
	width: 800px;
	margin: 40px auto;
}

header h1 {
	text-align: center;
	font: 100 60px/1.5 Helvetica, Verdana, sans-serif;
}

header p {
	font: 100 15px/1.5 Helvetica, Verdana, sans-serif;
	text-align: justify;
}
.photobanner {
    height: 233px;
    width: 3550px;
    margin-bottom: 80px;
}
/*keyframe animations*/
.first {
    -webkit-animation: bannermove 30s linear infinite;
       -moz-animation: bannermove 30s linear infinite;
        -ms-animation: bannermove 30s linear infinite;
         -o-animation: bannermove 30s linear infinite;
            animation: bannermove 30s linear infinite;
}
 
@keyframes "bannermove" {
 0% {
    margin-left: 0px;
 }
 100% {
    margin-left: -2125px;
 }
 
}
 
@-moz-keyframes bannermove {
 0% {
   margin-left: 0px;
 }
 100% {
   margin-left: -2125px;
 }
 
}
 
@-webkit-keyframes "bannermove" {
 0% {
   margin-left: 0px;
 }
 100% {
   margin-left: -2125px;
 }
 
}
 
@-ms-keyframes "bannermove" {
 0% {
   margin-left: 0px;
 }
 100% {
   margin-left: -2125px;
 }
 
}
 
@-o-keyframes "bannermove" {
 0% {
   margin-left: 0px;
 }
 100% {
   margin-left: -2125px;
 }
}
.button{text-decoration:none; text-align:center; 
 padding:4px 14px; 
 border:solid 1px #004F72; 
 -webkit-border-radius:4px;
 -moz-border-radius:4px; 
 border-radius: 4px; 
 font:12px Arial, Helvetica, sans-serif; 
 font-weight:bold; 
 color:#E5FFFF; 
 background-color:#3BA4C7; 
 background-image: -moz-linear-gradient(top, #3BA4C7 0%, #1982A5 100%); 
 background-image: -webkit-linear-gradient(top, #3BA4C7 0%, #1982A5 100%); 
 background-image: -o-linear-gradient(top, #3BA4C7 0%, #1982A5 100%); 
 background-image: -ms-linear-gradient(top, #3BA4C7 0% ,#1982A5 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1982A5', endColorstr='#1982A5',GradientType=0 ); 
 background-image: linear-gradient(top, #3BA4C7 0% ,#1982A5 100%);   
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
 box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;  
  
  }.button:hover{
 padding:4px 14px; 
 border:solid 1px #004F72; 
 -webkit-border-radius:4px;
 -moz-border-radius:4px; 
 border-radius: 4px; 
 font:12px Arial, Helvetica, sans-serif; 
 font-weight:bold; 
 color:#E5FFFF; 
 background-color:#3ba4c7; 
 background-image: -moz-linear-gradient(top, #3ba4c7 0%, #1982A5 100%); 
 background-image: -webkit-linear-gradient(top, #3ba4c7 0%, #1982A5 100%); 
 background-image: -o-linear-gradient(top, #3ba4c7 0%, #1982A5 100%); 
 background-image: -ms-linear-gradient(top, #3ba4c7 0% ,#1982A5 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1982A5', endColorstr='#1982A5',GradientType=0 ); 
 background-image: linear-gradient(top, #3ba4c7 0% ,#1982A5 100%);   
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 8px #ffffff; 
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 8px #ffffff;  
 box-shadow:0px 0px 2px #bababa, inset 0px 0px 8px #ffffff;  
  
 }.button:active{
 padding:4px 14px; 
 border:solid 1px #004F72; 
 -webkit-border-radius:4px;
 -moz-border-radius:4px; 
 border-radius: 4px; 
 font:12px Arial, Helvetica, sans-serif; 
 font-weight:bold; 
 color:#E5FFFF; 
 background-color:#3ba4c7; 
 background-image: -moz-linear-gradient(top, #3ba4c7 0%, #1982A5 100%); 
 background-image: -webkit-linear-gradient(top, #3ba4c7 0%, #1982A5 100%); 
 background-image: -o-linear-gradient(top, #3ba4c7 0%, #1982A5 100%); 
 background-image: -ms-linear-gradient(top, #3ba4c7 0% ,#1982A5 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1982A5', endColorstr='#1982A5',GradientType=0 ); 
 background-image: linear-gradient(top, #3ba4c7 0% ,#1982A5 100%);   
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
 box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;  
 
}