body {
    font-family:Verdana,sans-serif;font-size:0.8em;
    margin: 0 auto; 
}
header,footer,section,article {
    display:block;
    border:1px solid grey;
    margin:3px;margin-bottom:5px;padding:8px;
    background-color:white;
}
header,footer {
    color:white;background-color:#006699;margin-bottom:5px;margin-top:5px;
}

article{
    border: 2px solid #a1a1a1;
    margin: 0 auto;
    background: #BCA9F5;
    width: 300px;
    height: 200px;
    border-radius: 25px;
}
section {
    background-color:#F0FFF0;
}
nav
{
	width:99.5%;
        margin:4px;
	
        float:left;
        position:initial;
        background:#8A2908;
}
nav ul  {
	list-style-type: none;    
	margin:2px;
	padding:2px;
	overflow: hidden;
}
nav ul li {
    display:block; 
    margin:2px;
    float: left;
}
nav li 

 {

    margin: 0;
    padding: 0;
   
 }

nav li a, nav li li a
 {

     display: block;
     text-align: center;
     font-size: 13px;
     background-color: #666;
     color: #fff;
     text-decoration: none;
     vertical-align: middle;
     width: 10%;
 }
nav li ul
 {

     position: relative;
     top: 100%;
     margin: 0;
     padding: 0;
     display: none;
     background-color: #666;
     z-index: 1000;
     width: 90%;
 }
nav li li

 {

     float: none;
     border-right: solid 1px #fff;

 }

nav li:hover ul
 {

     display: block;

 }


nav a:link, a:visited {
    display: block; 
    width: 200px;
    color:yellow;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #B24700;
    text-align: center;
    padding: 4px;
    text-decoration: none;
    text-transform: uppercase;
}

nav li a:hover, nav li li a:hover nav a:active {
    background-color: #C9C9C9;
}
nav li li a

 {

     height: 100%;

 }

h1 {
    text-align: center;
}
 


table {
    
    max-width: 100%; 
    
    border-collapse: collapse;
} 
.menubox
{
	margin:2px;
}

    .content-box .content {
    overflow: hidden;
    padding: 10px;
   /* font-size: 13.5px; */
    font-size: 100%;
    font-weight:bold;
    
    /*width:421px;
     height: 165px; */
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border: 1px solid #d0630e;
    color: #5A3EBC;
}
.content-box .title{
   /* height:30px; */
    
    line-height:30px;
     border-top-left-radius: 10px;
    border-top-right-radius: 10px;
   /* background:#d0630e; */
    background:#006699;	
    font-size:14px;
    font-weight:bold;
    font-family:verdana;
    display:block;
    color:white;
    display:block;
    padding:10px;
    border: 1px solid #778899;
    border-bottom:none;
}
.content-box1 .content {
    overflow: hidden;
    padding: 10px;
    font-size: 12px;
    font-weight:normal;

    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border: 1px solid #d0630e;
    color: #5A3EBC;
}
.content-box1 .title{
    height:30px;
    line-height:30px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
   /* background:#d0630e; */
    background:#0D086E;	
    font-size:15px;
    font-weight:bold;
    font-family:verdana;
    display:block;
    color:white;
    display:block;
    padding:10px;
    border: 1px solid #778899;
    border-bottom:none;
}


<!-- Table Class gridtable  css code begin here -->
table.gridtable {
	font-family: verdana,arial,sans-serif;
	font-size:14px;
	color:#333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
	display:inline-block;
}
table.gridtable th {
	font-family: verdana,arial,sans-serif;
	font-size:12px;
	color:#ffffff;
        border-width: 1px;
	padding: 4px;
	border-style: solid;
	border-color: #666666;
	background-color: #333666;
}
table.gridtable td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color:#808080;
}


table.gridtable a:link, a:visited, a:hover, a:active
{
    color: blue;   
}

<!-- Table Class gridtable  css code end here -->

#grad1 {
    -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  padding: 4px;
  border: none;
  font: normal normal bold 20px/normal Verdana, Geneva, sans-serif;
  color: rgba(255,255,255,1);
  -o-text-overflow: clip;
  text-overflow: clip;
  letter-spacing: 2px;
  word-spacing: 5px;
  background: -webkit-linear-gradient(-184deg, rgba(71,163,255,1) 0, rgba(71,163,255,1) 6%, rgba(0,59,114,1) 61%, rgba(0,59,114,1) 100%);
  background: -moz-linear-gradient(274deg, rgba(71,163,255,1) 0, rgba(71,163,255,1) 6%, rgba(0,59,114,1) 61%, rgba(0,59,114,1) 100%);
  background: linear-gradient(274deg, rgba(71,163,255,1) 0, rgba(71,163,255,1) 6%, rgba(0,59,114,1) 61%, rgba(0,59,114,1) 100%);
  background-position: 50% 50%;
  -webkit-background-origin: padding-box;
  background-origin: padding-box;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-background-size: auto 101%;
  background-size: auto 101%;
}

blink {
    color: #FF0000;
    font-size: 16px;
    font-weight: bold;
    font-family: sans-serif;
    
}