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

body
{
	background-color: #e3f7f7;
	background-image: url(images/bg.jpg);
	background-position: top left;
	background-repeat: repeat-x;
	background-attachment: fixed;
	
	
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 8pt;
	
	color: #333;
}

p
{
		text-indent: 10px;
}

a	{ text-decoration: none;	}


#headimg
{
	position: fixed;
	top: 0px; left: 390px;
}

 /* EDIT THIS TO ADJUST YOUR MAIN CONTENT'S COORDINATES OR SIZE */
#main
{
	position: absolute;
	top: 0px; left: 15px; margin-bottom: 20px;
	width: 450px;
	padding: 20px;
	text-align: justify;
	
	background-image: url(images/bg-div.png);
	background-repeat: repeat;
	
	
		font-family: Arial, Helvetica, sans-serif;
		font-size: 7.5pt;
}

	#main img
	{
		margin: 5px;
	}
	
	#main h1
	{
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 36pt;
		font-style: italic;
		font-weight: normal;
		letter-spacing: -5px;
		
		margin-top: 0px;
		margin-bottom: 0px;
		color: #ff6e89;
	}
	
	#main h2
	{
		font-family: "Times New Roman", Times, serif;
		font-size: 14pt;
		font-weight: normal;
		letter-spacing: 6px;
		text-transform: uppercase;
		
		color: #30b2f7;
		border-bottom: 1px dashed #ff8ad6;
		margin-top: 15px;
		margin-bottom: 5px;
	}
	
	#main a
	{
		color: #48c11a;
		text-decoration: underline;
	}
	
	#main a:hover
	{
		color: #b94cff;
		text-decoration: none;
	}

	.h
	{
		font-family: "Times New Roman", serif;
		font-size: 9pt;
		padding: 10px; padding-top: 3px;
		padding-bottom: 3px;
		color: #434343;
	}
	
	textarea, button, select, option, input
	{
		background-color: #FFF;
		color: #43ae19;
		font-family: Tahoma, Geneva, sans-serif;
		font-size: 8pt;
		padding: 4px; margin:3px;
		border: 1px solid #dea3df;
	}
	
	blockquote
	{
		font-family: Georgia, "Times New Roman", Times, serif;
		font-style: italic;
		font-size: 8pt;
		padding: 10px;
		color: #fa5068;
		background-color: #fefbdf;
		border: 1px solid #b0d1f6;
		border-left: 10px solid #b0d1f6;
	}
	
	b, strong	{	color: #ff9d29;	}
	i, em		{	color: #e93b50;	}
	
	
	
 /* EDIT THIS TO ADJUST YOUR NAVIGATION'S COORDINATES OR SIZE */	
#navigation
{
	background-image: url(images/bg-div.png);
	background-repeat: repeat;
	position: fixed;
	top: 320px; left: 690px;
	width: 185px;
	padding: 10px;
	text-align: justify;
	
	border-bottom: 5px solid #97d3e7;
	border-top: 5px solid #fb91e6;
	
}

	#navigation h1
	{
		font-family: Century Gothic, Arial, sans-serif;
		font-size: 14pt;
		text-align: center;
		margin: 0;
		margin-bottom: 3px;
		color: #e450a7;
		font-weight: normal;
	}
	
	#navigation a
	{
		text-transform: uppercase;
		font-family: Century Gothic, Arial, Helvetica, sans-serif;
		font-size: 12pt;
		color: #0385e5;
	}
	
		#navigation ol
		{
			list-style-type: hiragana;
			margin: 0;
			margin-left: 20px;
			padding: 0;
		}
		
			#navigation li
			{
				color: #666;
				font-size: 8pt;
				font-family: Arial, Helvetica, sans-serif;
				text-transform: uppercase;
			}
			
			#navigation li:hover
			{
				color: #20c400;
				background-color: #FFF;
			}
	
	#navigation a:hover
	{
		color: #ff7800;
	}