m/*body {

	 background-color: #ddeef8; 

	background-color: #beefff;

	background-image: url(img/bg.jpg);

	background-repeat: repeat-x;

	margin: 0px;

	padding: 0px;

} */



body {

	background-color: #206d93;

	background-repeat: no-repeat;

	background-attachment: fixed;

	margin: 0px;

	padding: 0px;

} 

h1{
color:#FFFFFF;
font-family:Arial;
font-size:15px;
font-weight:bold;
padding:6px 0 0 0;
margin:0;
}
h2{
color:#FFFFFF;
font-family:Arial;
font-size:15px;
font-weight:bold;
padding:6px 0 0 0;
margin:0;
}
h3{
color:#FFFFFF;
font-family:Arial;
font-size:15px;
font-weight:bold;
padding:6px 0 0 0;
margin:0;
}
			

		

		img.bg {

			/* Set rules to fill background */

			min-height: 50%;

			min-width: 1024px;

			

			/* Set up proportionate scaling */

			width: 100%;

			height: auto;

			

			/* Set up positioning */

			position: fixed;

			top: 0;

			left: 0;

		}

		

		@media screen and (max-width: 1024px){

			img.bg {

				left: 50%;

				margin-left: -512px; }

		}

		

		div#content {

			/* This is the only important rule */

			/* We need our content to show up on top of the background */

			position: relative; 

			

		}



.normaltext {

	font-size:12px;

}



.container {

	width: 972px;

	padding: 0px;

	border-left: 1px solid #FFFFFF;

	border-right: 1px solid #FFFFFF;

	text-align: center;

}



.footer {

	background-color: #FF40FF;

	font-family: Verdana;

	font-size: 11px;

	width: 958px;

	padding: 8px;

	color: #FFFFFF;

}





.topgrad {

	border: 1px solid #FF00FF;

	height: 29px;

	background-color: #FF40FF;

	font-size: 9px;

}



.topleft {

	font-family: Verdana;

	font-size: 9px;

	font-weight: bold;

	color: #FFFFFF;

	text-align: left;

	float: left;

	padding-left: 24px;

	padding-top: 8px;

}



.topright {

	font-family: Verdana;

	font-size: 9px;

	font-weight: bold;

	color: #FFFFFF;

	text-align: left;

	float: right;

	padding: 4px;

}



.header {

	background-image: url(img/header.png);

	height: 100px;

}



.categoryselectsection {

	border-bottom: 3px solid #C921BE;

	height: 29px;

}



.catgrad {

	width: 760px;

	height: 29px;

    background-color: #FF40FF;

	border-left: 2px solid #C000C0;

	float: left;

}





.catselectsep {

	width: 34px;

	height: 44px;

	background-image: url(img/catselectsep.gif);

	float: left;

}



.selectgrad {

	width: 208px;

	height: 29px;

	background-color: #FF40FF;

	float: left;

}



.gameselect {

	margin-top: 7px;

	font-size: 9px;

	font-family: Verdana;

	width: 150px;

}



.columnsection {

	background-color: #fff;

}





.welcomearea {

	font-size: 11px;

	font-family: Verdana;

	color: #FFFFFF;

	background-color: #FFC0C0;

	border: 1px solid #D94FDB;

	padding: 4px;

}



.menuheadgreen, .menuhead1 {

background-image: url(img/bluegrad.png);

	height: 30px;

	text-align: center;

	border: 1px solid #00bfd4;

}



.menuheadblue, .menuhead2 {

	background-image: url(img/bluegrad.png);

	height: 30px;

	text-align: center;

	border: 1px solid #00bfd4;

}



.menuheadgray, .menuhead3 {

background-image: url(img/bluegrad.png);

	height: 30px;

	text-align: center;

	border: 1px solid #00bfd4;

}





.menuheadtext {

	font-size: 15px;

	font-family: Arial;

	color: #FFFFFF;

	font-weight: bold;

	padding-top: 6px;

}





.menutext {

	border: 1px solid #00bfd4;

	padding: 3px;

	background-color: #FFF;

	font-family: Verdana;

	font-size: 9px;

	text-align: left;

	margin-bottom: 4px;

}



.largertext {

	font-family: Verdana;

	font-size: 11px;

}



.graymenutext {

	color: #555555;

}



.menutext img {

	border: 1px solid #000000;

	margin: 2px;

	padding: 0px;

}



.menutext input, .menutext select, .menutext textarea {

	font-size: 9px;

	font-family: Verdana;

	border: 1px solid #9C189E;

	margin: 4px;

	background-color: #FFFFFF;

}



.menunum {

	font-weight: bold;

	font-family:Verdana;

	font-size: 9px;

	color: #C000C0;

}



.paddedcontent {

	padding: 4px;

}



.statsmenu {

	background-image: url(img/yellowgrad.png);

	border: 1px solid #FFB703;

	font-family: Verdana;

	font-size: 9px;

	color: #555555;

	text-align: center;

	margin-bottom: 4px;

	padding: 8px;

}



.membersmenu {

	border: 1px solid #FF0000;

	background-color: #EBEBEB;

	font-family: Verdana;

	font-size: 11px;

	color: #C000C0;

	text-align: left;

	margin-bottom: 4px;

	padding: 2px;

}





.membersmenu input {

	width: 100px;

	font-size: 9px;

	font-family: Verdana;

	border: 1px solid #ABABAB;

	padding: 1px;

	margin-bottom: 2px;

	background-color: #FFFFFF;

}



/* links */

#catlinks {

	padding-top: 8px;

	font-size: 9px;

	font-family: Verdana;

	color: #FFF204;

	font-weight: bold;

}



#catlinks a:link {

	color: #FFFFFF;

}



#catlinks a:visited {

	color: #FFFFFF;

}



#catlinks a:hover {

	color: #FFF204;

}



#topleftlinks {

	font-weight: bold;

}



#topleftlinks a:link {

	color: #FFFFFF;

}



#topleftlinks a:visited {

	color: #FFFFFF;

}



#topleftlinks a:hover {

	color: #FFF204;

}



.menutext a:link {

	color: #C000C0;

}



.menutext a:visited {

	color: #C000C0;

}



.menutext a:hover {

	color: #00BCF4;

}



.welcomearea a:link {

	color: #FFF204;

}



.welcomearea a:visited {

	color: #FFF902;

}



.welcomearea a:hover {

	color: #FFFFFF;

}





.membersmenu a:link {

	color: #C000C0;

}



.membersmenu a:visited {

	color: #C000C0;

}



.membersmenu a:hover {

	color: #00BCF4;

}



.footer a:link {

	color: #FFFFFF;

}



.footer a:visited {

	color: #FFFFFF;

}



.footer a:hover {

	color: #FFF204;

}



a:link {

	color: #000000;

}



a:visited {

	color: #000000;

}



a:hover {

	color: #FF0000;

}

/* end of links */



.searchtext {

	font-size: 9px;

	border: 1px solid #000000;

	background-color: #FFFFFF;

}



.searchbutton {

	font-size: 9px;

	border: 1px solid #000000;

	background-color: #FFFFFF;

}



.sidemenucontent {

	border: 1px solid #FF0000;

	background-color: #FAFAFA;

	font-family: Verdana;

	font-size: 9px;

	padding: 3px;

	color: #C000C0;

	text-align: left;

}



.star-rating, .star-rating a:hover, .star-rating a:active, .star-rating a:focus, .star-rating .current-rating{

background: url(img/star_rating.png) left -1000px repeat-x;

}



.star-rating{

position:relative;

width:60px;

height:12px;

overflow:hidden;

list-style:none;

margin:0;

padding:0;

background-position: left top;

}



.star-rating li{

display: inline;

}



.star-rating a, .star-rating .current-rating{

position:absolute;

top:0;

left:0;

text-indent:-1000em;

height:12px;

line-height:12px;

outline:none;

overflow:hidden;

border: none;

}



.star-rating a:hover, .star-rating a:active, .star-rating a:focus{

background-position: left bottom;

}



.star-rating a.one-star{

width:20%;

z-index:6;

}



.star-rating a.two-stars{

width:40%;

z-index:5;

}



.star-rating a.three-stars{

width:60%;

z-index:4;

}



.star-rating a.four-stars{

width:80%;

z-index:3;

}



.star-rating a.five-stars{

width:100%;

z-index:2;

}



.star-rating .current-rating{

z-index:1;

background-position: left center;

}



.inline-rating{

display:-moz-inline-block;

display:-moz-inline-box;

display:inline-block;

vertical-align: middle;

}