body {
	background-color: #CCFFFF;
	background-image: url(../images/transparent1.png);
	background-repeat: repeat;
	animation-name: anim;
	animation-duration: 10s;
	animation-iteration-count: infinite;
	font-size:100%;
	height:100%;
	width:100%;
	margin:0px;
}

body a:hover {
	font-family: verdana;
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	font-size:110%;
}
#header{
	font-size:220%;
	color:purple;
}
@keyframes anim {
0% { background-position:0px 0px;}
25% { background-position:100% 30%; }
}
@-moz-keyframes anim{
0% { background-position:0px 0px;}
25% { background-position:100% 30%; }
}
@-ms-keyframes anim{
0% { background-position:0px 0px;}
25% { background-position:100% 30%; }
}
@-webkit-keyframes anim{
0% { background-position:0px 0px;}
25% { background-position:100% 30%; }
}
h4 {
	text-align: center;
}
div.body {
	background-color: #ccddff;
	border-radius: 20px;
	border-top: 1px ridge purple;
	border-bottom: 1px ridge purple;
	/*padding: 20px;*/
	float: center;
	background: rgba(204,221,255,0.8);
	width: 800px;
	overflow: auto;
	min-height:100%;
	margin-top:10px;
}
h3 {
	text-align: center;
	border-radius: 20px;
	color: purple;
}
p {
	padding: 5px;
	font-size: 17px;
	text-align: left;
	font-weight: 100;
	margin: 10px;
}
p.class1 {
	font-size: 20px;
	text-align: left;
}
div.floatRight {
	background-color: #eeffff;
	background: rgba(238, 255, 255,0.8);
	float: right;
	margin: 15px;
	border-top:3px ridge purple;
	border-bottom:3px ridge purple;
	height: 500px;
	overflow: auto;
	width: 200px;
	border-radius: 15px;
	box-shadow:5px 5px 5px purple;
}
h2 {
	color: black;
}
a {
	text-decoration: none;
	color: black;
}
img.first {
	border-radius: 20px;
	width: 70%;
	border: 5px ridge purple;
	height: 50px;
	padding: 20px;
	background-color: #eeffff;
	overflow: hidden;
	margin-bottom:40px;
	box-shadow:7px 7px 5px purple;
	margin:20px;
}
div.first {
	background-color: #eeffff;
	background: rgba(238, 255, 255,0.8);
	border-radius: 20px;
	/*border: 0px ridge silver;*/
	width: 520px;
	float: left;
	margin:15px;
	overflow: auto;
	margin-top: 30px;
	min-height:500px;
	box-shadow:5px 5px 5px purple;
	margin-bottom:50px;
}
.otherpages{
	border-top: 3px ridge purple;
	border-bottom: 3px ridge purple;
}
div.second {
	background-color: #eeffff;
	background: rgba(238, 255, 255,0.8);
	/* background-color: blue; */
	width: 540px;
	/* border: 5px ridge purple; */
	float: left;
	margin: 15px;
	margin-bottom: 50px;
	border-radius: 20px;
	border-top:3px ridge purple;
	border-bottom:3px ridge purple;
	color:purple;
	box-shadow:5px 5px 5px purple;
}
div.second a:hover{
	color:red;
}
ul {
	list-style-type: none;
	padding: 0px;
}
a.div {
	color: purple;
}
a.div:hover{
	color:red;
}
a.third {
	float: right;
	margin:10px;
	margin-right: 20px;
	color: red;
}
h4 {
	padding: 0px;
	margin: 0px;
}
a.text {
	color: white;
}
a.colorred {
	color: red;
}
h3.floatRight {
	margin: 0px;
}
p.bold {
	font-family: serif;
}
div.number {
	height: 20px;
	width: 20px;
	border: 1px solid purple;
	float: right;
	margin: 10px;
	border-radius: 50%;
}
h2.ridge {
	background-color: purple;
	color: white;
	margin: 0px;
}
h3.first {
	padding: 10px;
	margin: 1px;
	border: 5px ridge purple;
	background-color: #eeffff;
	color: purple;
	clear:both;
}
img.liner {
	border: 1px ridge purple;
	height: 150px;
	width: 200px;
	float: right;
	margin: 2px;
	padding: 1px;
	border-radius:10px;
}
#footer{
	clear:both;
	display:block;
	width:100%;
	height: 200px;;
	background-color:purple;
	/*z-index: -10;*/
	/*position:relative;
	bottom:30px;*/
	opacity:0.6;
	border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;
	color:white;
}
#footer p{
	text-align:center;
	position:relative;
	top:45%;
}