Background
{
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
background-color:#3D3D00;
}
#Menu, .gradient
{
overflow:hidden;
margin-bottom:8px;
margin-right:5px;
margin-left:20px;
margin-top:10px;
height:450px;
width:250px;
background-color:#fff;
display:block;
-webkit-box-shadow:  8px 6px 2px 8px rgba(0, 0, 0, 0.7);
box-shadow:  8px 6px 2px 8px rgba(0, 0, 0, 0.7);
float:left;
background: rgb(181,189,200);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyMSUiIHN0b3AtY29sb3I9IiNiNWJkYzgiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI2MyUiIHN0b3AtY29sb3I9IiM4MjhjOTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMjgzNDNiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top,  rgba(181,189,200,1) 21%, rgba(130,140,149,1) 63%, rgba(40,52,59,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(21%,rgba(181,189,200,1)), color-stop(63%,rgba(130,140,149,1)), color-stop(100%,rgba(40,52,59,1)));
background: -webkit-linear-gradient(top,  rgba(181,189,200,1) 21%,rgba(130,140,149,1) 63%,rgba(40,52,59,1) 100%);
background: -o-linear-gradient(top,  rgba(181,189,200,1) 21%,rgba(130,140,149,1) 63%,rgba(40,52,59,1) 100%);
background: -ms-linear-gradient(top,  rgba(181,189,200,1) 21%,rgba(130,140,149,1) 63%,rgba(40,52,59,1) 100%);
background: linear-gradient(to bottom,  rgba(181,189,200,1) 21%,rgba(130,140,149,1) 63%,rgba(40,52,59,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=0 );
}
Dash
{
border-bottom: 2px dashed #999;
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #999;
line-spacing: 0px;
width:100%;
}
.spread
{
letter-spacing:normal;
}
.spread:hover
{
letter-spacing:6px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
#a
{
display: block;
width: 75%;
height: 15px;
float: left;
opacity:1;
color: white;
font-size: 8px;
text-align: center;
border-bottom: 0px solid#B7DFC8;
border-bottom-width: 0px;
border-bottom-style: solid;
border-bottom-color: #B7DFC8;
padding-top: 5px;
padding-bottom: 5px;
font-family:times new roman;
}
#a:hover
{
-webkit-transition: all 0.5s ease-in-out;
-webkit-transition-property: all;
-webkit-transition-duration: 0.5s;
-webkit-transition-timing-function: ease-in-out;
-webkit-transition-delay: initial;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
width:100%;
text-decoration:underline;
}
fff, white
{
color:white;
}
f
{
color:#000;
}
small, #text_two
{
font-family:arial;
font-size:8px;
}
#Textbox, .gradient
{
padding:8px;
text-align:left;
Height:500px;
width:700px;
top:50px;
left:270px;
position:Absolute;
margin-bottom:25px;
margin-right:50px;
margin-left:10px;
margin-top:25px;
background-color:#fff;
-webkit-box-shadow:  2px 1px 0.3px 2px , 0.3);
box-shadow:  2px 1px 0.3px 2px , 0.3);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(-45deg,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0)));
background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
background: -o-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
background: -ms-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
background: linear-gradient(135deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
}
h1, h2, h3, h4, h5, h6
{
font-weight:normal;
color:white;
font-family: 'La Belle Aurore';
text-align:center;
}
#clock, #message1
{
color:#fff;
font-family:'Lucida Console' Monaco monospace;
font-size:10px;
text-transform:uppercase;
text-decoration:underline;
text-align:center;
word-spacing:5px;
}
 footer#fixed-footer {
        color: black;
        border-top: 1px solid #000000;
        background-color: white;
        text-align: center;
        position:fixed;
        bottom: 0px;
        left: 0px;
        width: 100%;
        height: 20px;
        font-size:10px;
        text-align: center;
        line-height: 2em;
    }