/* Cafegames CSS Document */
html
{
	height:				100%; 
}


body /* normal font */
{
	color: 				#666666;
	font-family:		Arial, 
						Verdana, 
						Helvetica, 
						sans-serif;
	font-size:			12px;
	line-height:		1.4em;
	margin-top: 		0;
	margin-left: 		0;
	background-color:	#ffffff;
	background-image:	url(../images/bgslice.png);
	background-repeat:	repeat-x;
	height:				100%;
}

h1
{
	color:				#008ED2;
	font-size:			18px;
	font-family:		Arial, 
						Helvetica, 
						sans-serif;
	font-weight:		700;
	margin:0px;
	height:24px;
	line-height:		1.5em;
}

h1#blue_article_header
{
	color:#202020; 
	margin:0px; 
	font-weight:700; 
	font-size:14px;
}

h1#white_article_header
{
	color:#008ed2; 
	margin:0px; 
	font-weight:700; 
	font-size:14px;
}

h1#nobackground_article_header
{
	color:#FFF; 
	margin:0px; 
	font-weight:700; 
	font-size:14px;
}

p
{
	margin:				0px 0px 0px 0px;
}

div#overallcontainer
{
	margin-left:		auto;
	margin-right:		auto;
	top:				30px;
	width:				945px;
	clear:				both;
	position:			relative;
}


div#logo
{
	top:				0px;
	left:				0px;
	width:				211px;
	height:				73px;
	float:				left;
	position:			relative;
}

div#menucontainer
{
	top:				0px;
	right:				0px;
	width:				692px;
	height:				73px;
	float:				right;
	position:			relative;
	font-size:			11.75px;
	font-family:		"VAGRounded BT",
						Arial,
						Helvetica,
						sans-serif;
	letter-spacing:		.1em;
	color:				#ffffff;
}

div#uppermenu
{
	top:				0px;
	right:				0px;
	width:				693px;
	height:				48px;
	z-index:			10;
	position:			absolute;
}

div#menu_middle
{
background-image:		url(/images/menuslice.png); 
background-repeat: 		repeat-x; 
width:					673px; 
float:					left; 
position:				relative; 
border: 				0px;
}
.ie div#menu_middle
{
	width:				674px;
}

div#lowermenu
{
	top:				7px;
	right:				0px;
	width:				690px;
	height:				48px;
	z-index:			5;
	position:			absolute;
	
}
.ie div#lowermenu
{
	width:				692px;
	right: 0px;
	left: 0px;
}
div#menuitem0
{
	background-image:	url(../images/menuslice.png);
	height:				48px; 
	border-left:		1px solid #ffffff; 
	text-align: 		center; 
	position:			relative; 
	float:				left; 
	padding:			0px 
						16px
						0px
						16px;	
	font-size:			12px;
	font-family:		Arial,
						Helvetica,
						sans-serif;
	font-weight:		bolder;						
	letter-spacing:		.1em;
	color:				#ffffff;
}

div#menuitem1
{
	background-image:	url(../images/menuslice.png);
	height:				48px; 
	border-left:		1px solid #ffffff; 
	text-align: 		center; 
	position:			relative; 
	float:				left; 
	padding:			0px 
						16px
						0px
						16px;	
	font-size:			12px;
	font-family:		Arial,
						Helvetica,
						sans-serif;
	font-weight:		bolder;						
	letter-spacing:		.1em;
	color:				#ffffff;
}

div#menuitem2
{
	background-image:	url(../images/menuslice.png);
	height:				48px; 
	border-left:		1px solid #ffffff; 
	text-align: 		center; 
	position:			relative; 
	float:				left; 
	padding:			0px 
						16px
						0px
						16px;	
	font-size:			12px;
	font-family:		Arial,
						Helvetica,
						sans-serif;
	font-weight:		bolder;						
	letter-spacing:		.1em;
	color:				#ffffff;
}

div#menuitem3
{
	background-image:	url(../images/menuslice.png);
	height:				48px; 
	border-left:		1px solid #ffffff; 
	text-align: 		center; 
	position:			relative; 
	float:				left; 
	padding:			0px 
						16px
						0px
						16px;	
	font-size:			12px;
	font-family:		Arial,
						Helvetica,
						sans-serif;
	font-weight:		bolder;						
	letter-spacing:		.1em;
	color:				#ffffff;
}

div#menuitem4
{
	background-image:	url(../images/menuslice.png);
	height:				48px; 
	border-left:		1px solid #ffffff; 
	text-align: 		center; 
	position:			relative; 
	float:				left; 
	padding:			0px 
						16px
						0px
						16px;	
	font-size:			12px;
	font-family:		Arial,
						Helvetica,
						sans-serif;
	font-weight:		bolder;						
	letter-spacing:		.1em;
	color:				#ffffff;
}

div#menuitem5
{
	background-image:	url(../images/menuslice.png);
	height:				48px; 
	border-left:		1px solid #ffffff; 
	text-align: 		center; 
	position:			relative; 
	float:				left; 
	padding:			0px 
						16px
						0px
						16px;	
	font-size:			12px;
	font-family:		Arial,
						Helvetica,
						sans-serif;
	font-weight:		bolder;						
	letter-spacing:		.1em;
	color:				#ffffff;
}

div#menuitem6
{
	background-image:	url(../images/menuslice.png);
	height:				48px; 
	border-left:		1px solid #ffffff; 
	text-align: 		center; 
	position:			relative; 
	float:				left; 
	padding:			0px 
						16px
						0px
						16px;	
	font-size:			12px;
	font-family:		Arial,
						Helvetica,
						sans-serif;
	font-weight:		bolder;						
	letter-spacing:		.1em;
	color:				#ffffff;
}
.activemenuitem
{
	background-image:	url(../images/menusliceactive.png);	
	height:				48px; 
	border-left:		1px solid #ffffff; 
	text-align: 		center; 
	position:			relative; 
	float:				left; 
	padding:			0px 
						16px
						0px
						16px;
	font-size:			12px;
	font-family:		Arial,
						Helvetica,
						sans-serif;
	letter-spacing:		.1em;
	font-weight:		bolder;
	color:				#ffffff;	
}

div#contentcontainer
{
	position:			relative;
	margin:				0px;
	top:				20px;
	left:				0px;
	width:				945px;
	float:				left;
	clear:				both;
}


div#footer
{
	top:				5px;
	float:				left;
	position:			relative;
	font-size:			10px;
	width:				945px;
	
}


div#blue_article_top
{
	background-image:	url(../images/bluebgcontenttop.png); 
	width:445px; 
	height:7px;
	font-size: 0px;
}

div#blue_article_content
{
	background-image:	url(../images/bluebgcontentslice.png); 
	background-repeat:repeat-y; 
	width:445px; 
	color:#FFF;
}

div#blue_article_bottom
{
	background-image:	url(../images/bluebgcontentbottom.png); 
	width:445px; 
	height:7px;
	font-size: 0px;
}

div#white_article_top
{
	background-image:	url(../images/whitebgcontenttop2.png); 
	width:445px; 
	height:8px;
	background-repeat: none;
	font-size: 0px;
}

div#white_article_content
{
	background-image:	url(../images/whitebgcontentslice2.png); 
	background-repeat:repeat-y; 
	width:445px;
	color:#454545;
}

div#white_article_bottom
{
	background-image:	url(../images/whitebgcontentbottom2.png); 
	width:445px; 
	height:8px;
	font-size: 0px;
}

div#center_article_content
{
	position:relative; 
	left:0px; 
	width:890px; 
	color:#999;
}

div#nobackground_article
{
	position:relative; 
	left:12px; 
	width:426px; 
	color:#999;
}

div#blue_article_content A:link 	{text-decoration: none; color: #202020; font-weight:300;}
div#blue_article_content A:visited 	{text-decoration: none; color: #202020; font-weight:300;}
div#blue_article_content A:active 	{text-decoration: none; color: #202020; font-weight:300;}
div#blue_article_content A:hover 	{text-decoration: none; color: #202020; font-weight:300;}	

div#nobackground_article A:link 	{text-decoration: none; color: #008ed2; font-weight:300;}
div#nobackground_article A:visited 	{text-decoration: none; color: #008ed2; font-weight:300;}
div#nobackground_article A:active 	{text-decoration: none; color: #008ed2; font-weight:300;}
div#nobackground_article A:hover 	{text-decoration: none; color: #008ed2; font-weight:300;}	

div#center_article_content A:link 	{text-decoration: none; color: #008ed2; font-weight:300;}
div#center_article_content A:visited 	{text-decoration: none; color: #008ed2; font-weight:300;}
div#center_article_content A:active 	{text-decoration: none; color: #008ed2; font-weight:300;}
div#center_article_content A:hover 	{text-decoration: none; color: #008ed2; font-weight:300;}	

div#white_article_content A:link 	{text-decoration: none; color: #008ed2; font-weight:300;}
div#white_article_content A:visited {text-decoration: none; color: #008ed2; font-weight:300;}
div#white_article_content A:active 	{text-decoration: none; color: #008ed2; font-weight:300;}
div#white_article_content A:hover 	{text-decoration: none; color: #008ed2; font-weight:300;}

div#subMenuUrlPlacement A:link 		{text-decoration: none; color: #003366; font-weight:700;}
div#subMenuUrlPlacement A:visited 	{text-decoration: none; color: #003366; font-weight:700;}
div#subMenuUrlPlacement A:active 	{text-decoration: none; color: #003366; font-weight:700;}
div#subMenuUrlPlacement A:hover 	{text-decoration: none; color: #FFFFFF; font-weight:700;}		

div#footer A:link 	{text-decoration: none; color: #008ed2; font-weight:300;}
div#footer A:visited 	{text-decoration: none; color: #008ed2; font-weight:300;}
div#footer A:active 	{text-decoration: none; color: #008ed2; font-weight:300;}
div#footer A:hover 	{text-decoration: underline; color: #008ed2; font-weight:300;}	

.cat_change A:link {text-decoration: none; color: #FFFFFF; font-size:12px; font-weight:700;}
.cat_change A:visited {text-decoration: none; color: #FFFFFF; font-size:12px; font-weight:700;}
.cat_change A:active {text-decoration: none; color: #FFFFFF; font-size:12px; font-weight:700;}
.cat_change A:hover {text-decoration: none; color: #7f7fb1; font-size:12px; font-weight:700;}	

.content_bottom 
{
	width:945px; 
	height:7px; 
	top:0px; 
	left:0px; 
	float:left; 
	font-size:0px; 
	background-image:url(/images/content_bottom.png);
}

.ie .content_bottom
{
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/content_bottom.png", sizingMethod="image");
}
.content_top
{
	width:945px; 
	height:7px; 
	top:0px; 
	left:0px; 
	float:left; 
	font-size:0px; 
	background-image:url(/images/content_top.png);
}
.ie .content_top
{
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/content_top.png", sizingMethod="image");
}

div#menu_left
{
	width:				9px; 
	height:				48px; 
	float:				left; 
	position:			relative;
	background-image:	url(/images/menuleft.png); 
}

.ie div#menu_left
{
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/menuleft.png", sizingMethod="image");
}

div#menu_right
{
	width:				9px; 
	height:				48px; 
	float:				left; 
	position:			relative; 
	border-left:		1px solid #FFF;
	background-image:	url(/images/menuright.png); 
}

.ie div#menu_right
{
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/menuright.png", sizingMethod="image");
}

img 
{
	display: 			block;
}

input#submitbtn
{
	width:				32px; 
	height:				32px; 
	border:				0px;
	vertical-align: 	middle; 
	background:			url(/images/unlock2.png); 
}

.ie  input#submitbtn
{
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/unlock2.png", sizingMethod="image");
}