html {
	font-family:verdana,arial,helvetica,sans-serif;
	background-color:#66ADFD; color:#FFFFFF;
/*	font-size:16px;*/
}

h1 {
	display:none;
}
/*
h1,h2,h3,h4,p,ul,ol,li,div,td,th,address,blockquote,nobr,b,i {
 font-family:verdana,arial,helvetica,sans-serif; }
*/

/*
h1 { font-size:26px; margin-bottom:18px; }

h2 { font-size:21px; margin-bottom:18px; }

h3 { font-size:16px; }

h4 { font-size:13px; }
*/
/*
p,ul,ol,li,div,td,th,address,blockquote { font-size:16px; }
*/

a {
	text-decoration:none;
	font-weight:none;
	color:#D6E8FD;
	border-bottom-style:dashed;
	border-bottom-width:1px;
}

a:link {
	border-bottom-style:dashed;
	border-bottom-width:1px;
}

a:visited {
	border-bottom-style:dashed;
	border-bottom-width:1px;
}

a:hover {
	border-bottom-style:solid;
	border-bottom-width:1px;
}

a:active {
	color:#66ADFD;
	background-color:#D6E8FD;
}

/*
body { font-family:Arial,sans-serif; font-size:16px; background-color:#66ADFD; color:#FFFFFF;  }
*/

.circle {
	width:800px;
	height:480px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
}

.circle li {
	list-style: none;
}

.circle li a, .circle li span {
	position:absolute;
	height:70px;
	width:70px;
	font-size:1px;
	border:none;
	color:#66ADFD;
}

.circle_left_1 a {
	top:7%;
	left:35%;
	background-image:url(../pics/button_mail_up.gif);
}

.circle_left_1 a:hover {
	background-image:url(../pics/button_mail_down.gif);
}

.circle_left_2 a {
	top:25%;
	left:25%;
	background-image:url(../pics/button_quit_up.gif);
}

.circle_left_2 a:hover {
	background-image:url(../pics/button_quit_down.gif);
}

.circle_left_3 a {
	top:50%;
	left:20%;
	background-image:url(../pics/button_links_up.gif);
}

.circle_left_3 a:hover {
	background-image:url(../pics/button_links_down.gif);
}


.circle_left_4 span {
	top:75%;
	left:25%;
	background-image:url(../pics/button_nognu_up.gif);
}

.circle_left_4 span:hover {
	background-image:url(../pics/button_nognu_up.gif);
}

.circle_left_5 a {
	top:93%;
	left:35%;
	background-image:url(../pics/button_barcamp_up.gif);
}

.circle_left_5 a:hover {
	background-image:url(../pics/button_barcamp_down.gif);
}

.circle_right_1 a {
	top:7%;
	right:35%;
	background-image:url(../pics/button_pgp_up.gif);
}

.circle_right_1 a:hover {
	background-image:url(../pics/button_pgp_down.gif);
}

.circle_right_2 a {
	top:25%;
	right:25%;
	background-image:url(../pics/button_project_up.gif);
}

.circle_right_2 a:hover {
	background-image:url(../pics/button_project_down.gif);
}

.circle_right_3 a {
	top:50%;
	right:20%;
	background-image:url(../pics/button_uni_up.gif);
}

.circle_right_3 a:hover {
	background-image:url(../pics/button_uni_up.gif);
}

.circle_right_4 span {
	top:75%;
	right:25%;
	background-image:url(../pics/button_private_up.gif);
}

.circle_right_4 span:hover {
	background-image:url(../pics/button_private_up.gif);
}

.circle_right_5 a {
	top:93%;
	right:35%;
	background-image:url(../potm/button_potm_05_up.gif);
}

.circle_right_5 a:hover {
	background-image:url(../potm/button_potm_05_down.gif);
}

.frontsidequote {
	text-align:right;
	font-size:80%;
}