/* GLOBAL */

BODY{ background-color:#CCDDEE;  width:100%;  margin:0;  padding:0; }

A:link,A:visited,A:active{ font-weight:bold;  text-decoration:none; }
A:hover{ text-decoration:underline; }

H1{
	color:#0000C0;
	display:inline;
	font-size: 24px;
	height:30px;  width:360px;
	margin:0;  position:relative;  top:-25px;
	}

TABLE{
	background-color:white;
	border:none;
	color:#666666;
	font:normal 16px Comic Sans MS,Geneva,sans-serif;
	line-height:25px;
	width:
	}

TD{ vertical-align:top; }

/* ID */

#all{
	background-color:#CCDDEE;
	color:#666666;
	font:normal 16px Comic Sans MS,Geneva,sans-serif;
	line-height:25px;
	width:100%;
	margin:0 auto;  padding:0;
	text-align:center;
	}


#page{
	background-color:white;
	width:800px;
	margin:0 auto;  padding:0;
	}


/* CLASS */

.r{ background-color:white;  clear:both;  text-align:left;  margin:0 0 30px 0;  width:100%; }
.c1,.c2,.c3,.c4{ float:left;  margin:0; }
.c1{ height:210px;  width:70px; }
.c2{ height:210px;  text-align:center;  width:162px; }
.c3{ height:210px;  width:30px; }
.c4{ margin-bottom:30px;  width:508px; }

.c2 a{ font-size:10px; }

.red{ border:2px solid #C00000; }
.blu{ border:2px solid #0000C0; }
.grn{ border:2px solid #006800; }
.yel{ border:2px solid #FFC000; }

.red,.blu,.grn,.yel{ height:210px;  width:162px; }

.ared{ color:#C00000; }
.ablu{ color:#0000C0; }
.agrn{ color:#006800; }
.ayel{ color:#FFC000; }

.ared,.ablu,.agrn,.ayel{ font-size:18px; }

.w100{ display:inline-block;  width:100px; }