/*Style sheet originally by Gururaj (http://openwebdesign.org/userinfo.phtml?user=kpgururaja)*/
/*Styles for body.*/
body
{
/* 	margin:			0 auto; */
/* 	padding:		0; */
	font:			76% Verdana, Helvetica, Tahoma, Arial, sans-serif;
/* 	color:			#E1D0C2; */
	background-color:	black;
	background-image:	url(graphics/background.jpg);
	background-repeat:	repeat-x;
	background-attachment:	fixed;
	background-position:	17% 68%;
}

/*Styles for main content which will be wrapped to centere with a black border. */
#MainWrapperBlack
{
	margin:			0 auto;
	width:			751px;
	background-color:	#B49883;
	border:			solid 1px #000000;
}

/*Styles for main content which will be wrapped to centere with a gray border inside balck border. */
#WrapperGray
{
	margin:			0 auto;
	padding:		5px 5px 5px 5px;
	width:			737px;
	background-color:	#B49883;
	border:			solid 2px #846852;
}

/*Styles for the main header at the top. */
#Header
{
	margin:			0 0 10px 0;
	height:			144px;
	background:		#484060 url(graphics/header.png) top left no-repeat;
	font-family:		Verdana, Helvetica, Arial, sans-serif;
	text-align:		center;
}
#Header h1
{
	margin:			0 auto;
	padding:		10px 0 0 21px;
	color:			black;
	font-size:		4em;
	font-weight:		normal;
	font-family:		inherit;
	text-align:		center;
}
#Header h2
{
	margin:			0 auto;
	padding:		4px 0 0 22px;
	color:			#E1D0C2;
	font-size:		1.6em;
	font-weight:		normal;
	text-align:		center;
}

/*Styles for the Title of the page with shadow effect. */
#Title
{
	margin:			-72px 0 0 0;
	padding:		10px 0 0 19px;
	background-color:	Transparent;
	text-align:		center;
}
#Title a
{
	color:			#00B0B0;
	text-decoration:	none;
	background-color:	inherit;
	font-size:		4em;
	font-weight:		normal;
	font-family:		inherit;
}

/*Styles for the main header menus. */
#HeaderMenus
{
	padding-left:		11px;
	height:			1.2em;
	line-height:		1.2em;
	color:			#00B0B0;
}
#HeaderMenus ul
{
	margin:			22px 0 0 0;
	padding:		0 0 25% 25%;
	color:			#00B0B0;
}
#HeaderMenus li
{
	color:			#00B0B0;
	list-style-type:	none;
	float:			left;
	text-align:		center;
}
#HeaderMenus li a
{
	padding:		0 10px 14px;
	display:		block;
	text-decoration:	none;
	color:			#00B0B0;
	font-size:		1.5em;
	font-family:		Geneva, Arial, Helvetica, sans-serif;
}
#HeaderMenus a:hover
{
	text-decoration:	none;
	color:			#E1D0C2;
}
#HeaderMenus .selected
{
	color:			#E1D0C2;
}

/*Styles for the right columms. */
#RightColumn
{
	margin:			0 auto;
	padding:		0 0 0 0;
	width:			26%;
	float:			right;
}

/*Styles for the Login Button in the right column. */
#LoginSubmit
{
	margin:			4px 0;
	border:			1px solid #899aba;
	text-align:		center;
	font-size:		0.9em;
}

/*Styles for the container that wrappas the contents to left side. */
#LeftContainer
{
	margin:			0 186px 0 0;
}

/*Styles for the main contets in the page. */
#LeftContents
{
	padding:		0 20px 0 12px;
	line-height:		1.6em;
}
#LeftContents h2
{
	margin:			0 auto;
	padding:		4px 0 4px 0;
	background-color:	#E1D0C2;
	font-family:		"Book Antiqua", Helvetica, Tahoma, Arial, sans-serif;
	border:			1px solid #846852;
	text-align:		left;
	color:			#000000;
	font-size:		1.6em;
}
#LeftContents p
{
	background-color:	inherit;
	text-align:		justify;
	color:			black;
}
#LeftContents a
{
	background-color:	inherit;
	text-decoration:	underline;
	color:			#484060;
}
#LeftContents a:visited
{
	background-color:	inherit;
	text-decoration:	underline;
	color:			black;
}
#LeftContents a:hover
{
	background-color:	inherit;
	text-decoration:	underline;
	color:			#008080;
}
#LeftContents a:active
{
	background-color:	inherit;
	text-decoration:	underline;
	color:			#E1D0C2;
}
#LeftContents img
{
	background-color:	inherit;
	border:			2px solid #79A3C1;
	display:		inline;
	color:			inherit;
}

/*Styles for the page footer. */
#Footer
{
	margin:			6px 0 0 0;
	padding:		4px 0 4px 11px;
	background-color:	#B49883;
	border:			solid 1px #846852;
	text-align:		left;
	font-size:		0.75em;
	color:			#846852;
}
#Footer a
{
	background-color:	inherit;
	text-decoration:	underline;
	color:			#846852;
}

/*The general classes used throughout the page. */
/*Classes for adding the rounded corner images. */
.TopRight
{
	float:			right;
	height:			11px;
	width:			11px;
	background-repeat:	no-repeat;
	background-image:	url(graphics/caption_top_right.gif);
}
.TopLeft
{
	float:			left;
	height:			11px;
	width:			11px;
	background-repeat:	no-repeat;
	background-image:	url(graphics/caption_top_left.gif);
}
.BottomRight
{
	margin:			-11px 0 0 0;
	float:			right;
	height:			11px;
	width:			11px;
	background-repeat:	no-repeat;
	background-image:	url(graphics/caption_bottom_right.gif);
}
.BottomLeft
{
	margin:			-11px 0 0 0;
	float:			left;
	height:			11px;
	width:			11px;
	background-repeat:	no-repeat;
	background-image:	url(graphics/caption_bottom_left.gif);
}

/*The general class for the contents in the right column. */
.RightContents
{
	margin:			0 auto;
	padding:		8px 7px 8px 7px;
	background-color:	#E1D0C2;
	border:			1px solid #846852;
	line-height:		1.4em;
}
.RightContents h3
{
	margin:			5px 0 0 0;
	padding:		0 0 8px 0;
	background-color:	inherit;
	color:			#484060;
	text-align:		left;
	font-size:		1.3em;
	/*font-family: Fantasy, Helvetica, Arial;*/
}
.RightContents h4
{
	font-size:		1em;
	margin:			5px 0 0 0;
	background-color:	inherit;
}
.RightContents p
{
	margin:			0 0 14px 0;
	text-align:		justify;
	background-color:	inherit;
	color:			#484060;
/*  	font-size:		80%; */
}
.RightContents a
{
	background-color:	inherit;
	text-decoration:	none;
	color:			#484060;
}

/*The class for comments in the main contents. */
.Comments
{
	background:		inherit;
	border-top:		solid 1px #846852;
	border-bottom:		solid 1px #846852;
	text-align:		right;
	color:			#000000;
	font-size:		1em;
}

/*Classes for aligning the images in the main conetes. */
.AlignLeft
{
	margin:			10px 10px 5px 0;
	float:			left;
}
.AlignRight
{
	margin:			10px 0 0 10px;
	float:			right;
}

/*Class filling the left column. */
.Fill
{
	margin:			0;
	clear:			both;
}

#Warnings
{
	margin:			0 auto;
	padding:		8px 7px 8px 7px;
	background-color:	#E0FF7B;
	border:			1px solid #899aba;
	line-height:		1.4em;
}

/*Styles for the Title of the page with shadow effect. */
.Game
{
/* 	margin:			-72px 0 0 0; */
/* 	padding:		10px 0 0 19px; */
 	background-color:	#E1D0C2;
	text-align:		center;
}

.Game h1
{
	margin:			0 auto;
/* 	color:			#E1D0C2; */
	color:			#484060;
	text-align:		center;
/* 	text-decoration:	none; */
 	background-color:	#E1D0C2;
/* 	font-size:		4em; */
/* 	font-weight:		normal; */
/* 	font-family:		inherit; */
}

.Game applet
{
/* 	color:			#E1D0C2; */
/* 	text-decoration:	none; */
/* 	background-color:	inherit; */
/* 	font-size:		4em; */
/* 	font-weight:		normal; */
/* 	font-family:		inherit; */
}

.Game p
{
	margin:			0 auto;
 	color:			#000000;
 	text-align:		center;
/* 	text-decoration:	none; */
	background-color:	inherit;
/* 	font-size:		4em; */
/* 	font-weight:		normal; */
/* 	font-family:		inherit; */
}