
html, body {
	height: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	xbackground: #b6774c url(images/bg.jpg) repeat-x left top;
	xbackground: #b6774c;
	background: #523522;


	font-family: Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #494949;
	line-height: 200%;
}

h1, h2, h3 {
	margin: 15px 0px;
	color: #472108;
}

h2 {
    text-align: center;
}

p, ol, ul {
	list-style: none;
	 font-size: 14px;

}

.round {
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;	
	-moz-border-radius: 10px;
	border-radius: 10px;
}

a {
	color: #523522;
}
	
#wrapper {
	margin: 0 auto;
	padding: 0;
	width: 980px;
}

/* Logo */

#logo {
	margin: 0;
	padding: 0px 15px;
	height: 25px;
}
	#logo h1 {
		margin: 0;
		padding: 0;
		color: #FFF;
		font-size: 4.0em;
		font-weight: normal;
		text-transform: lowercase;
		letter-spacing: 4.5px;
	}
	#logo h1 span {
		color: #23c4ff;
	}
	#logo p {
		margin: 0;
		padding: 0px 0 0 0;
		color: #FFF;
		font-size: 12px;
	}

/* Page */	

#page {
	margin: 20px 0px 0px 0px;
	padding: 10px;
	width: 960px;
	background: #000;
	-moz-box-shadow: 0px 3px 9px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 3px 9px rgba(0,0,0,0.5);
	box-shadow: 0px 3px 9px rgba(0,0,0,0.5);
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='#000000');
}

/* Menu */

#menu {
	margin: 0 auto;
	padding: 10px 0px;
	height: 25px;
	background: #000;
}
	#menu ul {
		margin: 0;
		padding: 5px 0px;		
	}
	#menu li{
		display: inline;
		margin: 0 10px;
		padding: 0;
	}	
		#menu li a {
			padding: 5px 6px;
			font-size: 12px;
			color: #FFF;
			text-decoration: none;
		}	
		#menu li .active {
			xbackground: #6D3A18;
			background: #472108;
		}		
		#menu li a:hover {
			background: #6D3A18;
		}
		
#splash {
	margin: 0px 0;
}

#wrapper2 {
	margin: 0;
	padding: 0;
	background: #e4e4e4;
}

	/* Sidebar */

	#sidebar {
		margin: 10px;
		padding: 10px;
		float: left;
		width: 300px;
		background: #FFF;
	}
		#sidebar ul {
			margin: 0 0 20px 0;
			padding: 0;
		}
		#sidebar li{
			padding: 5px 0;
			border-bottom: 1px solid #e4e4e4;
		}

		#tracks li{
		      margin: 0px;
		      float: left;
		      padding: 0px;
		     
		}
		#tracks ul {
		    margin: 0 0 0px 0;
		    padding: 0;
		}
	/* Content */
	#home h2 {
		    text-align: center;
		    padding: 20px;
		    
		}
	#home_annotation {
		    text-align: center;
		    padding: 0px;
		    font-size: 11px;
		    color: #999;
		    
		}
	#home {
	    xbackground: #2e251c;
	    background: #000;
	    padding: 40px; 0px;

	}
	#content {
		xfloat: middle;
		xwidth: 590px;
		xwidth: 900px;
		margin: 10px 10px 10px 10px;
		padding: 10px;
		background: #ddd;
		text-align: justify;
	}
	#left {
		margin: 20px 10px 10px 10px;
		padding: 10px;
		float: left;
		width: 420px;
		background: #fff;
	}
	#middle {
		margin: 10px 10px 10px 10px;
		padding: 10px;
		background: #fff;
		text-align: justify;
	}
	#right {
		margin: 20px 10px 0px 0px;
		padding: 10px;
		float: right;
		width: 420px;
		background: #FFF;
	}

	#left-of-3 {
		margin: 10px 10px 10px 10px;
		padding: 10px;
		float: left;
		xwidth: 250px;
		background: #fff;
	}
	#middle-of-3 {
		margin: 10px 10px 10px 10px;
		padding: 10px;
		background: #fff;
		text-align: justify;
		xwidth: 250px;
	}
	#right-of-3 {
		margin: 10px 10px 0px 0px;
		padding: 10px;
		float: right;
		width: 250px;
		xwidth: 250px;
		background: #FFF;
	}

	#threecols td {
	    valign: top;
	}

		
	/* Footer */

	#footer {
		margin: 0 auto;
		width: 980px;
		text-align: center;
	}
