html {
	min-height: 100%;
	position: relative;
	box-shadow: 0 0 100px rgba(0, 0, 0, 0.27) inset;
}

body {
	color: #555;
	background: #fff;
	margin-bottom: 60px;
	font-family: "Lucida Sans Unicode", Verdana;
}

div.left {
        text-align: left;
}

/*.whiteFont {color: #000;}
.padding20 {padding: 20px;}
.padding40 {padding: 40px;}
.blueBackground {background-color: #eee;}*/

/*.navbar-default .navbar-toggle {border-color: #888;}*/

.navbar li {
	font-size: 14px;
	text-transform: uppercase;
        }

.navbar, .navbar-collapse {
	border: 0;
	background-color: #333;
}

ul.nav.navbar-nav.navbar-right li a:hover, ul.nav.navbar-nav.navbar-right li.active a {
	color: #555;
	/*background: none;*/
	/*border-bottom: 1px solid #1ab;*/
}

footer {
	bottom: 0;
	width: 100%;
	font-size: 13px;
	position: absolute;
}



/*CSS FOR THE MARQUEE*/

pre {
    max-width: 100%;
    overflow-y: hidden;
    border: 0;
    background: #FFF;	
}

.marquee h6 {
 max-width: 100%;
 height: 100%;
 margin: 0;
 line-height: 100%;
 text-align: center;
 font-weight: normal;
 color: darkblue;
 animation: marquee 2s ease-out;
}

/* Move it (define the animation) */
@keyframes marquee {
 0%   {
 transform: translateY(200%);
 }
 100% {
 transform: translateY(0%);
 }
}