/****************************
  Section-wide Settings
****************************/

a:hover { /*link hover*/
	background-color: #54221e;
	/*default colour clashes with background*/
	color: #fff;
}

div#content-container { /*spotlight column background*/
	background-color: #54221e;
	min-height: 500px;
}

div#header h1 { /*sets the coloured circle image*/
	background-image: url(/_images/whats-on/circle.gif); 
}

ul#global-nav li.current { /*main-navigation*/
	background: url(/_images/home/nav-active.gif) center left no-repeat;
}

/*sub-nav nodes*/


ul#sub-nav li.current a.link,
ul#sub-nav li.current a.link-multi-line { /*sub-nav settings - descriptive name*/
	background-color: #54221e;
	border-color: #54221e;
	border-left: 40px solid #54221e;
	background-position: center left;
}

#after-subnav {
	padding-top: 25px;
}

div#spotlight ul li h4 {/*controls the spotlight text contrast*/
	color: #fff;
}
div#spotlight ul li p {
	color: #fff;
}
div#spotlight ul li a {
	color: #fff;
}
div#spotlight ul li a:hover {
	color: #54221e;
	background-color: #fff;
}
div#spotlight ul li span {
	border-color: #fff;
}

/****************************
  Section Blocks
****************************/

/*space the intro text*/
p.intro {
	margin-bottom: 20px;
}

/*crosslink-pod*/
ul.crosslink {
	margin-bottom: 50px;
}
ul.crosslink li {
	margin-bottom: 20px;
}

/*spotlight-column*/
ul#spotlight,
ul#spotlight li.more a {
	color: #fff;
}
ul#spotlight li.more a:hover {
	color: #54221e;
}
ul#spotlight li.more {
	border-bottom-color: #fff;
}