/* CSS Document */
body {
	margin:0px;
	padding:0px;
	background:#ececec url(images/bg.gif) repeat-x top left;
	text-align:center;
	font:10pt Verdana, Arial, Helvetica, sans-serif;
}
a { border:0px; text-decoration:none; }
a img { border:0px; }

.right { float:right; }
.left { float:left; }
.center { text-align:center; }

div#wrap {
	width:770px;
	text-align:left;
	margin:0px auto 6px auto;
	}

div#header {
	background:#3a3335 url(images/header_bg.gif) no-repeat bottom left;
	color:#837d78;
	font:8pt Verdana, Arial, Helvetica, sans-serif;
	height:118px;
	overflow:hidden;
	position:relative;
	}
	div#header p {
		position:absolute;
		top:0px;
		right:0px;
		float:right;
		width:700px;
		text-align:right;
		margin:0px;
		padding:2px 6px;
		}
		div#header p a {
			color:#dfddde;
			font:9pt Verdana, Arial, Helvetica, sans-serif;
			text-transform:uppercase;
			text-decoration:none;
			}
		div#header p a:hover {
			text-decoration:underline;
			color:#fff;
			}	
			
	div#header h1#logo {
		position:absolute;
		left:8px;
		top:0px;
		background:transparent url(images/logo.gif) no-repeat top left;
		overflow:hidden;
		float:left;
		line-height:500em;
		width:250px;
		height:90px;
		}
	div#header div#search {
		position:absolute;
		top:18px;
		right:18px;
		height:30px;
		width:277px;
		padding: 4px 0px 0px 0px;
		background:transparent url(images/search_bg.gif) no-repeat bottom right;
		float:right;
		text-align:right;
		}
		div#header div#search label {
			font:9pt Verdana, Arial, Helvetica, sans-serif;
			text-transform:uppercase;
			float:left;
			padding:4px 6px;
			}
		div#header div#search input#searchField {
			background:#9f9b9d url(images/search_input.gif) repeat-x top left;
			width:170px;
			height:18px;
			padding:2px;
			color:#000000;
			border:0px;
			margin:0px;
			float:left;
			}
			div#header div#search input.searchButton {
				width:32px;
				height:22px;
				border:0px;
				float:left;
				padding:0px;
				margin:0px;
				}
	div#header div#sponsor {
		position:absolute;
		top:62px;
		right:18px;
		float:right;
		}
		div#header div#sponsor img {
			vertical-align:middle;
			border:0px;
			}
/** END HEADER SECTION **/

/** NAVIGATION **/			
div#nav {
	width:100%;
	height:36px;
	margin:7px 0px;
	overflow:hidden;
	position:relative;
	background:#fff url(images/nav_bg.gif) no-repeat top right; 
	}		
	div#nav ul {
		background:transparent url(images/nav_left.gif) no-repeat top left;
		float:left; 
		list-style:none;
		margin:0px; padding:0px;
		padding-left:9px;
		height:36px;
		}
		div#nav ul li {
			list-style:none;
			margin:0px; padding:0px;
			float:left;
			height:36px;
			line-height:36px;
			}
			div#nav ul li a {
				font:bold 14px Verdana, Arial, Helvetica, sans-serif;
				color:#413d3e;
				padding:9px 12px;
				margin:0px;
				display:inline;
				overflow:hidden;
				border-left:1px solid #d2d2d2;
				border-right:1px solid #ffffff;
				}
				div#nav ul li a:hover {
					background:transparent url(images/nav_on.gif) no-repeat top center;
					}
		div#nav ul li.first a{
			border-left:0px;
			}
		div#nav ul li.last a {
			border-right:0px;
			}
	div#nav p {
		float:right;
		font:11px Verdana, Arial, Helvetica, sans-serif;
		color:#252022;
		padding:0px 12px;
		margin:0px;
		text-align:right;
		line-height:36px;
		}
		div#nav p a {
			color:#252022;
			padding:0px;
			}
		div#nav p a:hover {
			text-decoration:underline;
		}
/** END NAVIGATION **/		

/** CONTENT SECTION **/
div#content {
	background:#dbdbdb url(images/content_top.gif) no-repeat top left;
	margin:7px 0px 0px 0px;
	padding:7px 0 0 0;
	}	
	#login {
		float:left;
		width:250px;
		height:188px;
		margin:0px 3px 0 7px;
		padding:0px;
		overflow:hidden;
		text-align:center;
		background:#fff url(images/login_bg.gif) no-repeat top left;
		}
		#login h4 {
			font:bold 16px Verdana, Arial, Helvetica, sans-serif;
			text-align:center;
			margin:0px;
			padding:14px 7px;
			}
		#login p {
			margin:4px 0px;
			clear:left;
			}
		#login label {
			float:left;
			text-align:right;
			padding:2px 5px;
			width:90px;
			height:16px;
			margin:4px 4px;
			}
		#login input.bginput {
			background:#ffffff url(images/input_bg.gif) repeat-x top left;
			border:1px solid #868485;
			float:left;
			height:16px;
			padding:2px;
			width:119px;
			margin:4px 2px;
			}
		#login input.checkbox {
			float:left;
			clear:left;
			width:auto;
			margin:10px 0px 0px 14px;
			line-height:34px;
			}
		#login label#remember {
			width:auto;
			margin:0px;
			line-height:34px;
			margin-right:14px;
			}
		#login button#loginbutton {
			width:82px;
			height:34px;
			display:block;
			float:left;
			border:0px;
			background:#252022 url(images/login_button.gif) no-repeat top left;
			font:bold 14px Verdana, Arial, Helvetica, sans-serif;
			line-height:33px;
			padding:0px;
			color:#fff;
			cursor:pointer;
		}
		#login button#loginbutton:hover {
			color:#ff3601;
			}
		#login a#forgotpass {
			padding-left:20px;
			clear:both;
			color:#4e4a4b;
			line-height:34px;
			background:transparent url(images/key.gif) no-repeat left center;
			}
			#login a#forgotpass:hover {
					text-decoration:underline;
					color:#000000;
				}
	
div#content div.clearing {
		clear:both;
		height:7px;
		overflow:hidden;
		background:#dbdbdb url(images/content_base.gif) no-repeat top left;
		}
				
div#news {
	float:left;
	width:501px;
	height:186px;
	border:1px solid #352e32;
	background:#fff;
	-moz-border-radius:4px;
	border-radius:4px;
	}	
	div#news h3 {
		background:#352e32 url(images/news_header.gif) repeat-x top left;
		color:#f15931;
		margin:0px;
		height:30px;
		overflow:hidden;
		padding:0px 7px;
		font:18px trebuchet MS, Georgia, "Times New Roman", Times, serif;
		line-height:30px;
		}	
		div#news h3 a {
			float:right;
			margin:1px;
			display:block;
			}
	div#news div {
		clear:right;
		height:156px;
		margin:0px;
		overflow:auto;
		padding:0px 6px;
		font:11px Verdana, Arial, Helvetica, sans-serif;
		}
	div#news p {
		margin:3px 0px;
		padding:0px;
		}
	div#news h4 {
		font:bold 12px Verdana, Arial, Helvetica, sans-serif;
		margin:7px 0px 3px 0px;
		border-bottom:1px solid #dbdbdb;
		}
div#promos {
	clear:both;
	padding:7px 0px 0px 7px;
	margin:0px;
	}
	div#promos ul, div#promos li {
		list-style:none;
		margin:0px; padding:0px;
		}
	div#promos li {
		width:250px;
		height:179px;
		overflow:hidden;
		float:left;
		margin-right:3px;
		}
/** END CONTENT SECTION **/

/** FEATURE SECTION **/
div#feature {
	height:203px;
	overflow:hidden;
	position:relative;
	background:#ffffff url(images/feature_bg.gif) no-repeat top left;
	}
	div#feature div.feature {
		height:203px;
		width:33%;
		margin:0px;
		padding:0px;
		float:left;
		position:relative;
		}
		div#feature div.feature .img {
			width:247px;
			height:162px;
			overflow:hidden;
			display:block;
			position:absolute;
			top:4px;
			left:4px;
			}
		div#feature div.feature h4 {
			position:absolute;
			bottom:0px;
			margin:0px;
			padding:0px 7px;
			left:0px;
			height:31px;
			color:#f15931;
			font:18px trebuchet MS, Georgia, "Times New Roman", Times, serif;
			line-height:27px;
			}	
		div#feature div.feature a.profile {
			color:#ffffff;
			position:absolute;
			bottom:2px;
			right:0px;
			display:block;
			margin:7px;
			}
			div#feature div.feature a.profile:hover {
				text-decoration:underline;
				}
	div#feature div.register {
		height:203px;
		width:33%;
		margin:0px;
		padding:0px;
		float:left;
		position:relative;
		}
		div#feature div.register h3 {
			font-size:18px;
			text-align:center;
			}
		div#feature div.register a#regbutton {
			display:block;
			text-align:center;
			font:bold 16px/36px Verdana, Arial, Helvetica, sans-serif;
			margin:auto;
			height:37px;
			width:176px;
			background:#262022 url(images/regbutton.gif) no-repeat top center;
			color:#fff;
			}
			div#feature div.register a#regbutton:hover {
				color:#ff3601;
				}
		div#feature div.register ul {
			font:14px Verdana, Arial, Helvetica, sans-serif;
			}
			div#feature div.register ul li {
				margin:3px 0px;
				list-style-image:url(images/tick.gif);
				padding-left:7px;
				}
/** END FEATURE SECTION **/
/* FOOTER SECTION margin-top:25px; */
div#footer {
	background:#322c2e url(images/footer_left.gif) no-repeat top left;
	height:141px;
	padding:0px 0px 0px 5px;
	margin-top:7px;
	clear:both;
	color:#bfc8cf;
	overflow:hidden;
	}
	div#footer div {
		background:transparent url(images/footer_right.gif) no-repeat top right;
		height:141px;
		padding:0px 7px 0px 0px;
		margin:0px;
		}
	div.copyright {
		margin:0px;
		padding:5px;
		padding-left:8px;
		font:.75em Verdana, Arial, Helvetica, sans-serif;
		line-height:2em;
		clear:both;
		color:#434f58;
		}
		div.copyright p {
			margin:0px;
			line-height:.8em;
			padding:0px;
			}
	div.copyright a {
		color:#434f58;
		border-bottom:none;
		text-transform:uppercase;
		}	
		div.copyright a:hover {
			color:#000000;
			text-decoration:underline;
		}
#footer dl {
	background:transparent url(images/footer_sep.gif) no-repeat top right;
	float: left;
	margin: 0 0 0 0px;
	height:150px;
	padding: 0px;
	padding-top:7px;
	width: 33%;
}

#footer dl.last {
	background-image:none;
}

#footer dd {
	margin: 0;
	margin-left:15px;
	padding: 2px 0;
	font-size: 12px;
}

#footer dd a {
	font: 1em tahoma, sans-serif;
	line-height: 1;
	color:#c5bfbc;
}
#footer dd a:hover {
	border-bottom:1px solid #ffffff;
	text-decoration:none;
	color:#fff;
	}
#footer dd a span {
	text-transform: none;
}

#footer dt {
	font:bold 14px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	margin-left:12px;
	margin-bottom:4px;
	letter-spacing: -0.02em;
}
/* END FOOTER SECTION */			



/* Forces blocks to enclose their floated children */
  .clearfix:after { /* This can be replaced by the alternative fix below if it doesn't kill CatFish */
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }

  /* Don't know why we'd need this rule, but it was here when CatFish worked */
  .clearfix {
    display:block;
	position:relative
  }