* {
	margin: 0;
	padding: 0;
}

body {
	background: #000 url(images/bg.jpg) no-repeat top center;
	color: #FFF;
	font: 9pt verdana, arial, sans-serif;
}

#bar {
	width: 100%;
	height: 31px;
	background: transparent url(images/bar.png) repeat-x top left;
}

	#bar p {
		margin: auto;
		width: 750px;
		text-align: right;
	}
	
#wrapper {
	margin: 20px auto auto auto;
	width: 750px;
	text-align: left;
}

	#middle {
		margin: 20px 0 0 0;
	}

		#left {
			float: left;
			width: 375px;
		}
		
			#welcome {
				margin: 0 0 20px 0;
			}
			
			#featured {
				background: transparent url(images/transparent-bg.png);
				padding: 10px;
			}
			
		#right {
			float: right;
			width: 330px;
			margin: 0 0 0 20px;
			padding: 10px;
			background: transparent url(images/transparent-bg.png);
		}
		
			#right ul,
			#right ol {
				list-style: none;
				margin: 0 0 0 20px;
			}
			
			#right li {
				margin: 0 0 2px 0;
			}
			
			#right ul li {
				float: left;
				margin: 0 2px 2px 2px;
			}
	
#bottom {
	clear: both;
	position: absolute;
	top: 622px;
}

	#footer {
		margin: 20px 0 0 0;
		text-align: left;
		font-size: 7pt;
		color: #f9e3a7;
	}

h3 {
	font-size: 11pt;
	font-weight: normal;
	margin: 0 0 10px 0;
}

	h3 span {
		font-weight: bold;
		font-size: 14pt;
		text-transform: uppercase;
	} 

p {
	padding: 10px 0;
}

#bar a {
	color: #FFF;
	text-decoration: none;
}

	#bar a:hover {
		border-bottom: 1px solid #FFF;
	}
	
#right a,
#welcome a,
#bottom a {
	color: #FFF;
	text-decoration: none;
	border-bottom: 1px dotted #FFF;
}

	#right a:hover,
	#welcome a:hover,
	#bottom a:hover {
		border-bottom: 1px solid #FFF;
	}
	
#footer a {
	color: #f9e3a7;
	border-bottom: 1px solid #f9e3a7;
}

	#footer a:hover {
		color: #FFF;
		border-bottom: 1px solid #FFF;
	}

#right a {
	border: 0;
}

	#right a:hover {
		border-bottom: 1px solid #FFF;
	}