<style type="text/css">
    #header{

    margin:auto;
    width:900px;
    color:#000000;
    }

body.bg
{
font-family:"verdana";
font-size:14px;
background:#00288c;
background-size:100% 100%;
background-attachment:fixed;
width:100%;
background-repeat:no-repeat;
background-position:right bottom; 
/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(bottom, #7fa3ff 0%, #00288c 100%);
/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(bottom, #7fa3ff 0%, #00288c 100%);
/* Opera */ 
background-image: -o-linear-gradient(bottom, #7fa3ff 0%, #00288c 100%);
/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #7fa3ff), color-stop(1, #00288c));
/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(bottom, #7fa3ff 0%, #00288c 100%);
/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to top, #7fa3ff 0%, #00288c 100%);
}

#bgheader
{
    background-color: #1b3e83;
}


/*Footer*/
#footer {
border-style:none solid solid solid;
border-color:black;
border-radius:0px 0px 10px 10px;
	margin-top:35px;
	width:900px;
	height:60px;
	font-family: "Times New Roman";
	font-size:16px;
	margin:auto;
background: #82f765; /* Old browsers */
background: -moz-linear-gradient(top,  #048304 0%, #30de04 24%, #82f765 50%, #30de04 79%, #048304 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#048304), color-stop(24%,#30de04), 
            color-stop(50%,#82f765), color-stop(79%,#30de04), color-stop(100%,#048304)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #048304 0%,#30de04 24%,#82f765 50%,#30de04 79%,#048304 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #048304 0%,#30de04 24%,#82f765 50%,#30de04 79%,#048304 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #048304 0%,#30de04 24%,#82f765 50%,#30de04 79%,#048304 100%); /* IE10+ */
background: linear-gradient(to bottom,  #048304 0%,#30de04 24%,#82f765 50%,#30de04 79%,#048304 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82f765', endColorstr='#048304',GradientType=0 ); /* IE6-9 */
text-align:center;
}

th
{
    background-color:lightblue;
}
td
{
    background-color:#FBFCC2;
}

a
{
width:100%;
height:100%;
text-decoration:none;
color:black;
}

a:hover
{
color:#0144ec;
}

#navbar
{
color:black;
text-align:center;
margin:auto;
border:0;
width:91%;
}

table.menu2
{
position:relative;
top:5px;
visibility:hidden;
}

.clear
{
    float:left;
border-style:solid;
border-color:transparent;
border-radius:10px;
height:30px;
width:120px;
 color:#000000;
 text-align:center;
}

.blue
{
display:block;
float:left;
border-style:solid;
border-color:black;
border-radius:10px;
height:30px;
width:120px;
 color:#000000;
 text-align:center;
 /*cursor:pointer;*/
 box-shadow: 10px 10px 10px black;
background: #cbf0fd; /* Old browsers */
background: -moz-linear-gradient(top,  #cbf0fd 25%, #66caf8 50%, #05a0ee 75%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,#cbf0fd), color-stop(50%,#66caf8), 
            color-stop(75%,#05a0ee), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #cbf0fd 25%,#66caf8 50%,#05a0ee 75%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #cbf0fd 25%,#66caf8 50%,#05a0ee 75%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #cbf0fd 25%,#66caf8 50%,#05a0ee 75%,#000000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #cbf0fd 25%,#66caf8 50%,#05a0ee 75%,#000000 100%); /* W3C */
filter: -progid:DXImageTransform.Microsoft.gradient( startColorstr='#cbf0fd', endColorstr='#05a0ee',GradientType=0 ); /* IE6-9 */
   -moz-transition: all .4s ease-in-out; /* CSS3 transition to animate all A properties */
-webkit-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}

.blue:hover
{
    -webkit-border-radius: 45%; /* large radius to create circular borders */
-moz-border-radius: 45%;
border-radius: 45%;
        position:relative;
    top:5px;
       -moz-transition: all .4s ease-in-out; /* CSS3 transition to animate all A properties */
-webkit-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}

#yellow
{
background: #fafcca; /* Old browsers */
background: -moz-linear-gradient(top,  #fafcca 0%, #f2f765 24%, #d7de04 50%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafcca), color-stop(24%,#f2f765), 
            color-stop(50%,#d7de04), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fafcca 0%,#f2f765 24%,#d7de04 50%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fafcca 0%,#f2f765 24%,#d7de04 50%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fafcca 0%,#f2f765 24%,#d7de04 50%,#000000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fafcca 0%,#f2f765 24%,#d7de04 50%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafcca', endColorstr='#d7de04',GradientType=0 ); /* IE6-9 */
}

.green
{
background: #d4fcca; /* Old browsers */
background: -moz-linear-gradient(top,  #d4fcca 25%, #82f765 50%, #30de04 75%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,#d4fcca), color-stop(50%,#82f765), 
            color-stop(75%,#30de04), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #d4fcca 25%,#82f765 50%,#30de04 75%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #d4fcca 25%,#82f765 50%,#30de04 75%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #d4fcca 25,#82f765 50%,#30de04 75%,#000000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #d4fcca 25%,#82f765 50%,#30de04 75%,#000000 100%); /* W3C */
filter: -progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4fcca', endColorstr='#30de04',GradientType=0 ); /* IE6-9 */
border-style:solid;
border-color:black;
border-radius:10px;
height:30px;
width:100px;
text-align:center;
   -moz-transition: all .4s ease-in-out; /* CSS3 transition to animate all A properties */
-webkit-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out; 
}

.red
{
background: #fdcbcb; /* Old browsers */
background: -moz-linear-gradient(top,  #fdcbcb 25%, #fd6565 50, #fe3a3a 75%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,#fdcbcb), color-stop(50%,#fd6565), 
            color-stop(75%,#fe3a3a), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fdcbcb 25%,#fd6565 50%,#fe3a3a 75%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fdcbcb 25%,#fd6565 50%,#fe3a3a 75%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fdcbcb 25%,#fd6565 50%,#fe3a3a 75%,#000000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fdcbcb 25%,#fd6565 50%,#fe3a3a 75%,#000000 100%); /* W3C */
filter: -progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdcbcb', endColorstr='#fe3a3a',GradientType=0 ); /* IE6-9 */
border-style:solid;
border-color:black;
border-radius:10px;
height:30px;
width:100px;
   -moz-transition: all .4s ease-in-out; /* CSS3 transition to animate all A properties */
-webkit-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out; 
}

.red:hover, .green:hover
{
    -webkit-border-radius: 40%; /* large radius to create circular borders */
-moz-border-radius: 40%;
border-radius: 40%;
   -moz-transition: all .4s ease-in-out; /* CSS3 transition to animate all A properties */
-webkit-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out; 
}

td.submenu
{
border-style:solid;
border-color:black;
border-radius:10px;
height:30px;
width:120px;
   background: #ffa200;
background: -moz-linear-gradient(top,  #fed795 0%, #ffbe4e 24%, #ffa200 50%, #ffbe4e 79%, #fed795 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fed795), color-stop(24%,#ffbe4e), 
            color-stop(50%,#ffa200), color-stop(79%,#ffbe4e), color-stop(100%,#fed795)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fed795 0%,#ffbe4e 24%,#ffa200 50%,#ffbe4e 79%,#fed795 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fed795 0%,#ffbe4e 24%,#ffa200 50%,#ffbe4e 79%,#fed795 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fed795 0%,#ffbe4e 24%,#ffa200 50%,#ffbe4e 79%,#fed795 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fed795 0%,#ffbe4e 24%,#ffa200 50%,#ffbe4e 79%,#fed795 100%); /* W3C */
filter: -progid:DXImageTransform.Microsoft.gradient( startColorstr='#fed795', endColorstr='#ffa200',GradientType=0 ); /* IE6-9 */
   -moz-transition: all .4s ease-in-out; /* CSS3 transition to animate all A properties */
-webkit-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out; }

td.submenu:hover
{
-webkit-border-radius: 40%; /* large radius to create circular borders */
-moz-border-radius: 40%;
border-radius: 40%;
   -moz-transition: all .4s ease-in-out; /* CSS3 transition to animate all A properties */
-webkit-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
#help
{
    position:fixed;
    top:95%;
    left:0px;
    width:100%;
    height:5%;
    border-top:medium;
    border-style:solid none none none;
	border-color:black;
	color:red;
	background-color:white;
	margin:auto;
	text-align:center;
}
#desc
{
float:left;
    margin:auto;
    border-style:solid;
border-color:black;
border-radius:10px;
height: 30px;
 width: 50%;
 text-align:center;
     background: #e8feea; /* Old browsers */
background: -moz-linear-gradient(top,  #e8feea 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8feea), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e8feea 0%, #ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e8feea 0%, #ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e8feea 0%, #ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e8feea 0%, #ffffff 100%); /* W3C */
filter: -progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8feea', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

#myframe
{
    width:90%;
    height:600px;
    margin:auto; 
    border-style:solid;
	border-color:#000000;
    border-radius:10px;
    border-width:medium;
    background: #e8feea; /* Old browsers */
background: -moz-linear-gradient(top,  #e8feea 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8feea), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e8feea 0%, #ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e8feea 0%, #ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e8feea 0%, #ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #daffd7 0%, #C9FEC5 100%); /* W3C */
filter: -progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8feea', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

form
{
    width:40%;
}

#login
{
    width:100%;
}
</style>