html, body {
    /* gecko based browsers */
	 background: linear-gradient(top, #474747, #DADADA);    
	 /* webkit based browsers */
	 background: -moz-linear-gradient(top, #474747, #DADADA);
	 background: -webkit-gradient(linear, left top, left bottom, from(#474747), to(#DADADA));
	 color: #000000; /* text colour (black) */
	 height: auto; /* gradient uses the full height of the element */
	 padding: 5px; /* distance from border edge to text */
	 margin: 0 auto;
	 border: none;
    }
    
#footer {
    	text-align: center;
      font-weight: bolder;
      font-style: normal;
      font-size: 50%;
      clear: both;
   	}
   	
#main_menu {
      padding: 0;
      margin: 0 auto;
      margin-left: auto;
		margin-right: auto;
		width:60%;
    	list-style-type: none;
    	float : none;
    	position: relative;
    	text-align: center;
    	}
#main_menu li {
    	display : inline;
    	list-style-type: none;
    	float: none;
    	text-align: center;
    	clear: both;
    	}
#main_menu a {
		display: inline-block;
		margin: 0 1px;
		}
#main_menu a:hover {
		color: navy;
		}

#menu {
      padding: 0;
      margin: 0 auto;
      margin-left: auto;
		margin-right: auto;
		width: 80%;
    	list-style-type: none;
    	float : none;
    	position: relative;
    	text-align: center;
    	clear: both;
    	}
#menu li {
    	display : inline;
    	list-style-type: none;
    	float: none;
    	text-align: center;
    	}
#menu a {
		display: inline-block;
		margin: 0 30px;
}

p { 
  	 border: none;
    font-family: Verdana,Arial,Helvetica,Geneva,sans-serif;
    font-weight: normal;
    text-transform: none;
    text-align: left;
    text-decoration: none;
    font-style: normal;
    font-size: 100%;
    color: black;
    }
    
h1 { 
  	 font-size: 200%;
    font-family: Verdana,Arial,Helvetica,Geneva,sans-serif;
    }

h2 { 
    font-size: 150%;
    font-family: Verdana,Arial,Helvetica,Geneva,sans-serif;
    color: black;
    padding-left: 15px;
    }

h3 {
    font-size: 150%;
    font-family: Verdana,Arial,Helvetica,Geneva,sans-serif;
    color: black;
    padding-left: 25px;
    }

a:link { color: black;
    text-decoration: none;
    }

a:visited { color: black;
    text-decoration: none;
    }

a:hover { color: red;
    }

.classhead {
		padding: 0 auto;
      margin: 0 auto;
      margin-left: auto;
		margin-right: auto;
		width: 70%;
    	list-style-type: none;
    	float : none;
    	position: relative;
      font-weight: bolder;
      font-style: normal;
      text-align: center;
      clear: both;
      }    	  	

.classbox1 {
      padding : 0 0.5em;
      background: -moz-linear-gradient(center top, #777 0%, #555 50%, #977 51%, #1177 100%) repeat scroll 0 0 transparent;
      border-color: #777;
      -moz-border-radius: 20px;
      -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.5),
              0px 2px 2px 0px rgba(255, 255, 255, 0.5) inset;
      -webkit-border-radius: 20px;
      -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.5),
                 0px 2px 2px 0px rgba(255, 255, 255, 0.5) inset;
      border-radius: 20px;
      box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.5), 0px 2px 2px 0px rgba(255, 255, 255, 0.5) inset;
    }
 
.classbox2 {
      padding : 0 0.5em;
      background-color: #555;
      float : none;
      -moz-border-radius: 30px;
      -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.5) inset,
              0px 2px 2px 0px rgba(255, 255, 255, 0.5);
      -webkit-border-radius: 30px;
      -webkit-box-shadow:0px 2px 2px 0px rgba(0, 0, 0, 0.5) inset,
                 0px 2px 2px 0px rgba(255, 255, 255, 0.5);
      border-radius: 30px;
      box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.5) inset, 0px 2px 2px 0px rgba(255, 255, 255, 0.5);
    }

.class1 { 
    border: none;
    font-family: Verdana,Arial,Helvetica,Geneva,sans-serif;
    font-weight: normal;
    text-transform: none;
    text-align: left;
    text-decoration: none;
    font-style: normal;
    font-size: 100%;
    color: black;
    }
.class1 a:link { color: black;
    text-decoration: underline;
    }
.class1 a:visited { color: black;
    text-decoration: none;
    }
.class1 a:hover { color: red;
    }
    
.class2 { 
  	 border-style: none;
    font-family: Verdana,Arial,Helvetica,Geneva,sans-serif;
    font-weight: normal;
    text-transform: none;
    text-align: left;
    text-decoration: none;
    font-style: normal;
    font-size: 100%;
    color: black;
    }

.class3 {
  	 border-style: none;
    font-family: Verdana,Arial,Helvetica,Geneva,sans-serif;
    font-weight: normal;
    text-transform: none;
    text-align: left;
    text-decoration: none;
    font-style: normal;
    font-size: 70%;
    color: black;
    }

.class4 {
  	 border-style: none;
    font-family: Verdana,Arial,Helvetica,Geneva,sans-serif;
    font-weight: normal;
    font-style: normal;
    text-transform: none;
    text-align: left;
    text-decoration: none;
    font-style: normal;
    font-size: 60%;
    color: black;  
    }
    
.class5 {
  	 border-style: none;
    font-family: Verdana,Arial,Helvetica,Geneva,sans-serif;
    font-weight: normal;
    font-style: normal;
    text-transform: none;
    text-align: left;
    text-decoration: none;
    font-style: normal;
    font-size: 60%;
    color: black;
    float:right;
    border:1px dotted black;
    margin:10px 10px 15px 20px;
    }