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

body
{
	background-color: #FFFFFF;
	background-image: url(images/bg.jpg);
	background-position: top left;
	background-repeat: repeat;
	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: 0px;
}

#subtitle
{
	position: fixed;
	width: 265px;
	top: 274px; left: 112px;
	text-align: center;
	
	font-family: Courier New, Century Gothic, Arial, Helvetica, sans-serif;
	color: #6e6e6e;
	font-size: 7pt;
	letter-spacing: 2px;
	text-transform: uppercase;
}

 /* EDIT THIS TO ADJUST YOUR MAIN CONTENT'S COORDINATES OR SIZE */
#main
{
	position: absolute;
	top: 0px; left: 560px; 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: #f99087;
	}
	
	#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: 370px; left: 50px;
	width: 200px;
	padding: 10px;
	text-align: justify;
	
	border-bottom: 5px solid #97d3e7;
	border-top: 5px solid #f5a29a;
	
		font-size: 7.5pt;
		color: #999;
	
}

	#navigation h1, #navigation2 h1
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14pt;
		text-align: center;
		margin: 0;
		margin-bottom: 3px;
		color: #f5a29a;
		font-weight: normal;
	}
	
	#navigation a
	{
		text-transform: uppercase;
		font-family: Century Gothic, Arial, Helvetica, sans-serif;
		font-size: 12pt;
		color: #0385e5;
	}
	
		#navigation ol
		{
			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: #ff786b;
	}
	
	#navigation2
	{	
		background-image: url(images/bg-div.png);
		background-repeat: repeat;
		position: fixed;
		top: 370px; left: 280px;
		width: 230px;
		padding: 10px;
		text-align: justify;
		
		border-bottom: 5px solid #97d3e7;
		border-top: 5px solid #f5a29a;
		
		font-size: 7.5pt;
		color: #999;
	}
		
		#navigation2 table	{ width: 100%; }
	
	#navigation2 a
	{
		display: block;
		margin: 1px;
		text-align: center;
		border-bottom: 1px solid #cfcfcf;
		
		text-transform: uppercase;
		font-family: Century Gothic, Arial, Helvetica, sans-serif;
		font-size: 8pt;
		color: #0385e5;
	}
		
	#navigation2 a:hover
	{
		color: #ff786b;
		border-bottom: 1px solid #e6e6e6;
	}