/* tak-coo Home Page */
	
 	body {
 	margin: 0px;
 	font-family: Verdana, Helvetica, sans-serif;
 	font-size: 80%;
 	color:#3F3F3F;
	background-color:#CCFFCC;
 	}

 	#border {
 	border-right:4px solid #52D643;
 	width:90%;
 	float:left;
 	}

 	#border2 {
 	border-top:4px solid #52D643;
 	width:105.5%;
 	float:left;
 	}

 	#top {
 	background-color:#CCFFCC;
	padding-left:2%;
 	padding-top:9px;
 	margin-bottom:8px;
 	height:58px;
 	float:left;
 	}

	#site {
	position:absolute;
	left:2%;
	top:4%;
 	background-color:#CCFFCC;
	color: Blue;
 	font-size: 150%;
 	font-weight:bold;
 	}

	#css {
	position:absolute;
	left:80%;
	top:3%;
 	background-color:#CCFFCC;
	color: Blue;
 	font-size: 150%;
 	font-weight:bold;
 	}

	#xhtml {
	position:absolute;
	left:72%;
	top:3%;
 	background-color:#CCFFCC;
	color: Blue;
 	font-size: 150%;
 	font-weight:bold;
 	}


	#learn {
	position:absolute;
	left:64%;
	top:2%;
 	background-color:#CCFFCC;
	color: Blue;
 	font-size: 150%;
 	font-weight:bold;
 	}
 	
 	#present {
	padding-bottom:15px;
	padding-right:5%; 
	background-color:#FFFFCC;
	width:95%;
	float:left;
 	}
 	
/*block placement*/

	#blocksnail {
	display:block;
	position:absolute;
	left:30%;
	top:5%;
	height:5px;
	}

	
	#blockidealsummers {
	display:block;
	color:#008000;
	font-size:100%;
	position:absolute;
	text-align:center;
	left:30%;
	top:20%;
	width:30%;
	}
	
	#blockcastle {
	display:block;
	position:absolute;
 	color:#008000;
 	font-size:100%;
	text-align:center;
	left:7%;
	top:20%;
	width:16%;
	}

	#blockkeep {
	display:block;
	position:absolute;
 	color:#008000;
 	font-size:100%;
	text-align:center;
	left:7%;
	top:36%;
	width:16%;
	}

	#blockeastrange {
	display:block;
	position:absolute;
 	color:#008000;
 	font-size:100%;
	text-align:center;
	left:7%;
	top:65%;
	width:16%;
	}
	
	#blocksoftware {
	display:block;
	position:absolute;
 	color:#008000;
 	font-size:100%;
	text-align:center;
	left:65%;
	top:20%;
	width:16%;
	}

	#blockaquatext {
	display:block;
	position:absolute;
 	color:#008000;
 	font-size:100%;
	text-align:center;
	left:65%;
	top:50%;
	width:16%;
	}

	#blockaquapic {
	display:block;
	position:absolute;
 	color:#008000;
 	font-size:100%;
	text-align:center;
	left:65%;
	top:65%;
	width:16%;
	}

  	#blockupdated {
	display:block;
	position:absolute;
  	color:#00CC00;
 	font-size:100%;
	margin-top:20px;
	padding-bottom:20px;
	margin-left:1%;
	left:78%;
	top:95%;
	width:20%;
 	}

	
/* CLASSES AND FONTS <div class="bold"></div> */

 	.aligncentre {
  	text-align:center;
 	}

 	.bold {
 	font-weight:bold;
 	}
 
 	.floatleft {
 	float:left;
 	}
  
 	.floatright {
 	float:right;
 	}

 	.fsize1 {
	font-size: 70%;
 	}

 	.fsize2 {
	font-size: 80%;
 	}

 	.fsize3 {
	font-size: 90%;
 	}

 	.fsize4 {
	font-size: 100%;
 	}

 	.fsize5 {
	font-size: 110%;
 	}

 	.fsize6 {
	font-size: 160%;
 	}

 	.fsize6a {
	font-size: 150%;
 	}

 	.indent {
 	padding-left:12px;
 	}

/* HEADINGS */

	p {
	margin-left:15px;
	margin-right:15px;
	}

 	h1,h2,h3 {
 	display: block;
 	margin: 0px 0px 0px 0px;
 	}
 
 	h1 {
 	font-size: 125%;
 	margin-left:15px;
 	margin-right:15px;
 	}
 
 	h2 {
 	font-size: 110%;
 	}
 
 	h3 {
 	font-size: 100%;
 	}

	h4 {
	font-size: 90%
	}


/* LINKS <a href=> COLOR */

 	a  {
	text-decoration:none;
 	font-weight:bold;
 	}

	a:link {
	color:#2D2DFF;
	}

	a:visited {
	color:#2D2DFF;
	}

	a:active {
	color:black;
	}