@import "stylesheet.css" all;

	#content {
		width: 708px;
		height: 195px;
		overflow: auto;
		clear: left;
		background-color: #FFF;
		margin: 0;
		padding: 0;
		border: 0;
		border-top: 2px solid #CCC;
	}
	#news {
		width: 212px;
		height: 316px;
		float: right;
		background-color: #FFF;
		margin: 0;
		padding: 0;
		border:0;
	}
	#picture {
		float: left;
		margin: 0;
		padding: 0;
		border: 0;
		border-right: 2px solid #CCC;

		}
	.top {
		background-color: #464646;
		width: 699px;
		height: 65px;
		margin: 0;
		padding: 5px;
		border:0;
		vertical-align: middle;
	}
	.nav {
		float: left;
		width: 160px;
		height: 316px;
		margin: 0;
		padding: 0;
		border: 0;
		background-color: #FFF;
		border-right: 2px solid #CCC;

	}
	.total{
		background-color: #CCC;
		width: 708px;
		margin: auto;
		border:0;
	}
	.bottomBar {
		background-color: #CCC;
		width: 708px;
		height: 45px;
		text-align: center;
		clear: both;
		border:  0;
	}

	.gearPic {
		margin: 0;
		margin-bottom: 40px;
		margin-top: 40px;
	}

	body {
		background-image:url('../images/diagnol2.jpg')
	}

	p { padding-left: 25px;}
	ul.link	{
		list-style-image: url('../images/polydot.gif');
		margin-left: 25px;
		margin-top:-5px
	}
	ul.link li {margin-bottom:15px;}
	ul.link li a {text-decoration: none; font-size: 12px; color: #000; font-weight: 900; font-family: "Century Gothic", century, sans-serif;}
	ul.link li a:HOVER {text-decoration:underline;}
	.hide {display: none;}
	.show {display: block;}

	a {text-decoration: none; color: #666;}
	a:HOVER {text-decoration: underline;}

			.genreList{
				width: 400px;
				height: 20px;
				margin: auto;
				text-align: center;
			}

			.genreList A {
				color: #333;
				text-decoration: none;
				font-weight: 900;
				font-size: 12px;

			}

			.genreList A:HOVER {
				color: #666;
				text-decoration: underline;
			}

			.genrelist A.selected {
				text-decoration: underline;
				color: #666;


			}