@charset "utf-8";
/* CSS Document */
/* Structure */

#pageBorder {
	position: relative;
	top: 50px;
	width: 1220px;
	height: 820px;
	background-image:url(../images/borderBG.png);
	margin: 0 auto 0 auto;
	z-index: 0;
}

#wrapper {
	position: relative;
	top: 10px;
	left: 10px;
	width: 1200px;
	height: 800px;
	z-index: 1;
}

#title {
	position:absolute;
	top: 0px;
	left: 0px;
	width: 900px;
	height: 100px;
	background-image: url(../images/Title.png);
	z-index: 4;
}

#contents {
	position: absolute;
	top: 95px;
	left: 0px;
	width: 900px;
	height: 505px;
	background-color: white;
	z-index: 3;
}
	
#content_L {
	position: absolute;
	top: 5px;
	left: 0px;
	width: 278px;
	height: 500px;
	padding: 0 10px 0 10px;
	background-color: white;
	border-right: 2px solid #036;
	z-index: 3;
	
}

#content_M {
	position: absolute;
	top: 5px;
	left: 300px;
	width: 278px;
	height: 500px;
	background-color: white;
	border-right: 2px solid #036;
	padding: 0 10px 0 10px;
	z-index: 3;
}

#content_R {
	position: absolute;
	top: 5px;
	left: 600px;
	width: 290px;
	height: 500px;
	padding: 0 5px 0 5px;
	background-color: white;
	z-index: 3;
}

#grass2 {
	position: absolute;
	top: 487px;
	left: 0 px;
	width: 1200px;
	height: 113px;
	background-image:url(../images/GrassSlice_03.png);
	z-index: 4;
}

#water {
	position: absolute;
	top: 600px;
	left: 0px;
	width: 438px;
	height: 200px;
	background-image:url(../images/water.png);
	z-index: 4;
}

#underGrass {
	position: absolute;
	top: 600px;
	left: 0px;
	width: 440px;
	height: 200px;
	background-image: url(../images/GrassSlice_05.png);
	z-index: 3;
}

#mainGrass {
	position: absolute;
	top: 600px;
	left: 440px;
	width: 760px;
	height: 200px;
	background-image: url(../images/GrassSlice_06_fixed.gif);
	z-index: 3;
}

#top_R {
	position: absolute;
	top: 0px;
	left: 900px;
	width: 300px;
	height: 300px;
	background-image:url(../images/TopRainbow.png);
	z-index: 3;
}

#mid_R {
	position: absolute;
	top: 300px;
	left: 900px;
	width: 300px;
	height: 300px;
	background-image:url(../images/BottomRainbow.png);
	z-index: 3;
}

#bush_top {
	position: absolute;
	top: 0px;
	left: 830px;
	width: 370px;
	height: 337px;
	background-image: url(../images/HiTree.png);
	z-index: 6;
}

#bush_bot {
	position: absolute;
	top: 200px;
	left: 847px;
	width: 353px;
	height: 538px;
	background-image: url(../images/LoTree.png);
	z-index: 6;
}

#portfolio {
	position: absolute;
	top: 645px;
	left: 40px;
	width: 160px;
	height: 120px;
	z-index: 5;
}

#snowball {
	position: absolute;
	top: 645px;
	left: 280px;
	width: 160px;
	height: 120px;
	z-index: 5;
}

#lovelyItems {
	position: absolute;
	top: 645px;
	left: 520px;
	width: 160px;
	height: 120px;
	z-index: 5;
}

#translations {
	position: absolute;
	top: 645px;
	left: 760px;
	width: 160px;
	height: 120px;
	z-index: 5;
}

#animeManga {
	position: absolute;
	top: 645px;
	left: 1000px;
	width: 160px;
	height: 120px;
	z-index: 10;
}

#mainMenu {
	position: absolute;
	top: 100px;
	left: 900px;
	width: 150px;
	height: 150px;
	z-index: 10;
}

#footer {
	position: absolute;
	top: 810px;
	width: 1200px;
	height: 50 px;
	z-index: 3;
}

body {
	background-image:url(../images/corkboard_sm.jpg);
}

/*appearance*/

.mainMenu {
	font-family:Arial, Helvetica, sans-serif;
	color: white;
	font-size:22px;
	list-style:none;
	padding-left:0px;
	margin-left:0;
	line-height: 125%;
}	

#mainMenu a:link {
	text-decoration: none;
	color:white;
}
#mainMenu a:visited {
	text-decoration: none;
	color:white;
	}
#mainMenu li a:hover {
	color:#EB008B;
	display: block;
	background-color:white;
	text-decoration: none;
}
#mainMenu li a:active {
	color:#EB008B;
	display: block;
	background-color:white;
	text-decoration: none;
}

a.icons:link {text-decoration: none; color:white;}
a.icons:visited {text-decoration: none; color:white;}
a.icons:hover { text-decoration: none; color:#FC0; border-width:thick;}
a.icons:active{ text-decoration: none; color:white;}

.content {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color:#036;

}
	
.content h1 {
	font-size: 20px;
	color:#036;
}
	
.content h2 {
	font-size: 14px;
	font-weight:bold;
}

a.content:link {
	color:#036;
}

a.content:visited {
	color:#036;
}
a.content:hover {
	color:#F60;
}
a.content:active {
	color:#036;
}