/*Axis CMS 5 style sheet  for area homepages */

#featuredartist { 	margin-left: 15px; margin-bottom: 20px; }
.otherlinks { margin-left: 170px; }

#selectedcontent
{
	background-color:#eee;
	margin-left: 40px;
	margin-right: 40px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left:40px;
	padding-top:25px;
}

#selectedheader
{
	background-image: url('/images/programmeheader.png'); 
	background-repeat:no-repeat;
	height:80px;
}

#selectedheader h2
{
	font-size: 148%;  /*14pt */
	font-family:Georgia;
	color: #d3187d;
	margin: 0em 0em 0em 0em;
	padding: 1em  0em 0em 2em;
	display: table-cell !important; 
	vertical-align:middle;
}

#selectedheader h2 span
{
	color: #555;
}

.selected .left { float: left; }
.selected .right { float: right; }
.selected .left, .selected .right
{
	background-color: White;
	margin-top: 10px;
	padding: 10px;
	width: 46%;
	min-height: 180px;
}

.selected h2
{
	font-size: 108%;  /*14pt */
	margin-top: 1em;
	margin-bottom: 0.5em;
	padding:0;
}

.selected h2 a
{
	color: #d3187d;
	text-decoration: none;
	padding-right: 15px;
	background: url('/newimages/arrow-selected.gif') no-repeat right center;
}

.selected h2 a:hover
{
	text-decoration: underline;
}

.selected .strapline
{
	font-weight: bold;
}

.selected .worksample
{
	float: left;
	margin-right: 1.5em;
}

.selectedindex
 {
 	float:left;
	background-color: White;
	margin-top: 10px;
	width: 830px;
	height: 120px;
 }

 .indeximage
{
	float: left;
	padding: 2px;
	margin:0px;
	background-color: #f8f8f8;
	text-align: center;
	width: 120px;
	line-height: 116px;
	height: 116px;
}

 .indeximage a
{
	width: 120px;
	height: 120px; 
	line-height: 120px;
	font-size: 100%;
	vertical-align: middle !important;
	display: table-cell !important;
	text-align: center;
	margin: 0px;
	padding: 0px;
}

.indextext
{
	float:left;
	width:410px;
	padding-left:20px;
	margin-top: 0px;
	height:120px;
	background-color: White;
	overflow:hidden;
	padding:0em 0.5em 0em 0.5em;
}

.indextext h2
{

	color: #d3187d;
	margin: 0.8em 0em 0em 0em;
	padding:0em 0em 0em 0em;
}

.indextext h3
{
	font-size: 100%;  /*14pt */
	color: #555;
	padding:0em 0em 0em 0em;
	margin: 0em 0em 1em 0em;
}

.indexhighlight
{
	float:right;
	width:255px;
	padding-left:10px;
	height:120px;
		background-color:#f8f8f8;
	background-image: url('/images/HighlightTriangle.png'); 
	background-position:bottom right;
	background-repeat:no-repeat;
}

.indexhighlighttext
{
	display: table-cell !important;
	text-align:left;
	height:120px; 
	width:inherit;
	padding-top: 0px;
	padding-left:10px;
	padding-right:15px;

}

.mainimage .image
{
 height:270px; 
 width:350px; 
 line-height: 270px;
 vertical-align: middle !important; 
 display: table-cell !important;
 text-align: center;
}

.mainimage .image img
{
  max-width: 250px;
  max-height: 250px;
}

.mainimage
{
 margin-top: 2px;
 margin-left: 10px;
 border:solid 1px #CCC; 
 height:340px; 
 width:400px; 
 background-color:#eee;
 	overflow:hidden;
}

.fullimage
{
	width:inherit;
	height:350px;
	line-height: 350px;
	vertical-align:middle !important; 
	display:table-cell !important;
	text-align:center;
}

.fullimage img
{
	max-height:300px;
}

.fullmainimage
{
	 margin-top: 5px;
	 margin-bottom: 5px;
	 border:solid 1px #CCC; 
	 height:400px; 
	 width:600px; 
	 background-color:#eee;
}

.fullmainimage .credit
{
	 margin-top: 5px;
	 margin-left:25px;
	 
}

.fullmainimage .credit a
{
	text-decoration: none;
}

.fullmainimage .credit a:hover
{
	text-decoration: underline;
}

.gridslide
{
	border: #D3D3D3 1px solid;
	padding: 2px;
	margin:2px;
	background-color: #eee;
	text-align: center;
	width: 105px;
	line-height: 105px;
	height: 105px;
}

.gridslideselected
{
	border: #555 1px solid;
	padding: 2px;
	margin:2px;
	background-color: #FFFFFF;
	text-align: center;
	width: 105px;
	line-height: 105px;
	height: 105px;
}

.gridslidehover
{
	border: #555 1px solid;	
	background-color: #FFFFFF;
}

.gridslide a, .gridslide span, .gridslideselected a, .gridslideselected span
{
	height: 105px;
	width: 105px;
	font-size: 100%;
	vertical-align: middle !important;
	display: table-cell !important;
	text-align: center;
	margin: 0px;
	padding: 0px;
}

.selectionimage
{
	
}

/* show top 4 selections under the image */

.homepageselections
{
	width:500px;
	margin: 0em 0em 0em 0em;
}

.selectionprogrammes , .selectionprogrammesselected
{
	display:inline-block;
	width:283px;
	height:100px;
	padding:0em 0.5em 0em 0.5em;
	margin: 0em 0em 0em 0em;
	text-align: left;
	vertical-align:top;
}

.selectionprogrammes
{
	border: Transparent 2px solid;
	background-color:Transparent;
}

.selectionprogrammesselected
{
	border: #D3D3D3 2px solid;
	background-color: #FFFFFF;
}

.selectionprogrammes h3 a , .selectionprogrammesselected h3 a
{
	font-size: 100%;  /*14pt */
	color: #d3187d;
	font-weight:bolder;
	text-decoration: none;
}

.selectionprogrammesselected h3 span a
{
	font-weight:normal; 
	text-decoration: underline;
	color:rgb(51,51,51);
}

.selectionprogrammes h3 span a
{
	font-weight:normal; 
	text-decoration: none;
	color:rgb(51,51,51);
}

/* footer link articles */

.footerlinks
{
	margin-top:10px;
	padding-bottom:40px;
	font-size: 100%;  /*14pt */
}

.footerlinks a
{
	color: #555;
	text-decoration: none;
	padding-right: 15px;
	margin-top:10px;
	background: url('/newimages/arrow-selected.gif') no-repeat right center;
}

.curatedarchive
 {
 	float:left;
	background-color: White;
	margin-top: 10px;
	width: 830px;
	height: 180px;
 }
 
  .curatedarchiveimage
{
	float: left;
	padding: 0px;
	margin:0px;
	text-align: center;
	width: 250px;
	line-height: 180px;
	height: 180px;
}

 .curatedarchiveimage a
{
	width: 180px;
	height: 180px; 
	padding-left:30px;
	line-height: 180px;
	font-size: 100%;
	vertical-align: middle !important;
	display: table-cell !important;
	text-align: center;
}
.curatedarchiveimage img
{
	max-height:150px;
}

.curatedarchivetext
{
	float:left;
	padding-left:30px;
	margin-left:50px;
	margin-top:10px;
	height:180px;
	overflow:hidden;
	padding:0em 0.5em 0em 0.5em;
	max-width:450px;
}

.curatedarchivetext h2
{
	color: #d3187d;
	margin: 0.8em 0em 0em 0em;
	padding:0em 0em 0em 0em;
}

.curatedarchivetext h3
{
	font-size: 103%;  /*14pt */
	font-weight:bold;
	color: #555;
	padding:0em 0em 0em 0em;
	margin: 0em 0em 1em 0em;
}

.curatedarchivetext h3 a
{
	color: #d3187d;
	text-decoration: none;
	padding-right: 15px;
	background: url('/newimages/arrow-selected.gif') no-repeat right center;
}

.archivepaging
{
	background-color:White;
	width:inherit; 
	height:40px;
	line-height:20px;
}

/*paging */

  .CurrentPage 
  {
      padding: 2px 6px;
      border: solid 1px #888; 
      background: #2E8B57;
      color:White;
  }
  .PrevNext,.PageNumber
  {
      padding: 2px 6px;
      border: solid 1px #888;
      text-decoration: none;
      color: #2E8B57;
  }
  .PageNumber:hover, .PrevNext:hover
  {
      background-color: #FFA500;
      color: White;
  }


.pager
{
	float:right;
	padding:1px;
	margin: 0.8em 0.5em 0.8em 0em;
}

.pager a, .pager span
{
	padding: 2px 6px;
	text-decoration: none;
	margin-right: 4px;
}

.pager a 
{
	border: 1px dotted #888;
}

.pager span a:hover, .pager span span:hover 
{
	border: 1.5px solid;
}

.pagerbutton 
{
	color:Gray;
	border: 1px dotted #888;
}

.pager span span
{
	border: 1.5px solid;
}