a {
	color : #3366CC;
	text-decoration : none;
}

a:hover {
	text-decoration : underline;
}

body {
	background-color : #DCDCDC;
	color : #0000FF;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 100%;
	margin-bottom : 0.1em;
	margin-left : 0.1em;
	margin-right : 0.1em;
	margin-top : 0.1em;
}

div#coollink {
	font : 117% Verdana, Geneva, Arial, Helvetica, sans-serif;
	left : 5%;
	position : absolute;
	top : 100px;
	width : 300px;
}

div#coollink a {
	background : #99CCFF;
	border-right : 3px solid #FFFFFF;
	border-width : 0;
	color : #3366CC;
	display : block;
	font : bold 1em sans-serif;
	margin : 0 0 1px;
	padding : 5px 10px;
	text-align : center;
	text-decoration : none;
}

div#coollink a span {
	display : none;
}

div#coollink a:hover {
	background : #02E354;
	color : #0000FF;
}

div#coollink a:hover span {
	background : #FFFFFF;
	color : #000000;
	display : block;
	font : 10px Verdana, sans-serif;
	left : 0;
	margin : 0px;
	padding : 5px;
	position : absolute;
	text-align : center;
	top : 240px;
	width : 300px;
}

h1 {
	background-color : #02E354;
	color : #0000FF;
	font-size : 250%;
	text-align : center;
}

h2 {
	color : #0000FF;
	font-size : 250%;
}
#footer {
	background-color : #CCCCCC;
	color : #0000CD;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 83%;
	text-align : center;
}

#header {
	position : relative;
	left : 5%;
	width : 90%;
	top : 5px;
	text-align : center;
	background-color : #02E354;
}

.mediumtext {
	font-size : 83%;
}

.smalltext {
	background-color : #CCCCCC;
	color : #0000CD;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 83%;
	text-align : center;
}

#sidebar {
	position : absolute;
	top : 400px;
	left : 5%;
	width : 300px;
}

#content {
	position : absolute;
	left : 375px;
	top : 100px;
	right : 5%;
}
