/* General hyperlink color settings. There may be individual sections settings that override these e.g. see the footer */
a{
/*	color: #584268;*/
	color: #584268;
}
a:hover{
	color: #05649b;
}

/*This controls the background of the whole site. The color reference fills at the bottom/underneath the image when the image finishes. The image repeats horizontally (repeat-x), but not vertically and is short so only covers teh header section. So the color is needed and in this case fills the body.
*/
body{
	color: #222222;

	
	background-image: url(black/bgr.png)
}

/* Logo for header */
#header h1{
 	background: url(black/logo.png) no-repeat;
}
/* Background for search box */
#search{
	background: url(black/bgr-search.gif) no-repeat;
}

/* This controls the menu items. Only change color references */
#topmenu li { border-left: 1px solid #dedbd1; }
#topmenu li a {	color: #222222; }
#topmenu li a:hover,#topmenu li.active a { color: #594268; }

#footer{
	background:#e4e2db url(black/bgr-footer.gif) repeat-x;
}

/* This is the background color	*/
#nav li ul li {
    background: #e9e4d4 url(../images/bgr-box-trans.png) repeat-x top;
}
.box, .widget{
	background: #f7f4ea url(../images/bgr-box-trans.png) repeat-x top left;
}
.box2{
	background: #e9e4d4;
}
.box2 .spacer.white, .list2 li{
	background: #f7f4ea;
}

/* These control the color of the tabs on the right hand side */
.vidtabs .idTabs li a, .idTabs li a{
	background:#f7f4ea;
	color:#363636;
}
.vidtabs .idTabs li a:hover,
.vidtabs .idTabs .selected,
.idTabs li a:hover,
.idTabs .selected,
#sidebar h3 {
	background:#c0b6c5;
}
span.continue-archives a { 
	color:#e9e4d4; 
}

/* Color of the text and hyperlinks in the footer */
#footer, #footer a{
	color: #e9e4d4;
}