@charset "utf-8";
/* CSS Document */

html{
	font-size:100%;
}
body{
	margin:0;
	background:#466e63;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	color: #466e63;
	padding:0 0 25px;
	font-size: 1em;
	-webkit-text-size-adjust: none;
}
ul{
	margin:0;
	padding:0;
	list-style:none;
}
a{
	color:#466e63;
	text-decoration:none;
	border:none;
}
a:hover{
	color: #f33;
}
#wrapper {
	width: 950px;
	margin: 0 auto 15px auto;
}
#title {
	width: 950px;
	height: 217px;
	background-image: url(../cr_images/cr_Title.jpg);
}
#sidebar {
	width: 181px;
	background-color:#ad933e;
	background-image: url(../cr_images/cr_Sidebar.jpg);
	background-repeat:no-repeat;
}
#sidebar_id {
	width:103px;
	height:888px;
	background-image: url(../cr_images/cr_Sidebar.png);
	background-position:top -737px;
	margin: 35px auto 10px auto;
}
#content {
	width: 765px;
	height: 884px;
	border: 2px solid #ad933e;
	background-image: url(../cr_images/cr_Paper.jpg);
	background-repeat:repeat;
}
#syndication {
	width:735px;
	height:854px;
	margin:15px;
}
.menu{
	width: 100%; /* The menu should be the entire width of it's surrounding object, in this case the whole page */
	background-color: #321804;} /* dark grey bg */
 
.menu ul{
	margin: 0;
	padding: 0;
	float: left;}
 
.menu ul li{
	display: inline;} /* Makes the link all appear in one line, rather than on top of each other */
 
.menu ul li a{
	float: left; 
	text-decoration: none; /* removes the underline from the menu text */
	color: #fff; /* text color of the menu */
	padding: 5px 9px;
	background-color: #321804;}
 
.menu ul li a:visited{ /* This bit just makes sure the text color doesn't change once you've visited a link */
	color: #fff;
	text-decoration: none;}
 
.menu ul li a:hover, .menu ul li .current{
	color: #fff;
	height: 100%;
	background-color:#466e63;} /* change the background color of the list item when you hover over it */
.menu ul a img{
	border-style: none;
	vertical-align:top;
	position:relative;
	top:2px;
	}
#player {
	margin: 10px; 
}