/* This file defines styles for layout divs WITHIN the content area. It also covers table styles and tint styles. basically, any useful layout elements that can be used globally.
 This file is likely to exapnd a great deal, as more requirements are identified by end users. */
/* Accessibility Items */	
.access {
	display: none;
}
/* END Accessibility Items */

/**********************************************/
/*sagba 190207*/
/* to fix occasional problematic internal layout issues where padding throws out divs when in IE6. */
#content #ie6fix div.int_layout .pad05 {margin:0; padding:0;}

/**********************************************/

/*STYLES FOR 2 COLUMN LAYOUTS*/
	/*over-rides default styling for tags in main content section. Put other default tags in here as necessary... This allows the padding style defined below to work properly, as well as providing the default of no padding.*/
	div.int_layout, div.int_layout p, div.int_layout table, div.int_layout ul, div.int_layout table ol, div.int_layout dl{
		margin: 0;
		padding: 0;
	}
/*pre-defined column widths WITH MARGINS- widths are set to 1% less than required to provide margin between divs when float is applied.  The left and right columns should add to 100*/
div.col10m { width: 9%;}
div.col20m { width: 19%;}
div.col25m { width: 24%;}
div.col30m { width: 29%;}
div.col33m { width: 32%;}
div.col40m { width: 39%;}
div.col45m { width: 44%;}
div.col50m { width: 49%;}
div.col60m { width: 59%;}
div.col66m { width: 65%;}
div.col70m { width: 69%;}
div.col75m { width: 74%;}
div.col80m { width: 79%;}
div.col90m { width: 89%;}
/*bottom-margin applied to divs WITHIN columns to maintain illusion of margins.*/
	div.col10m div, div.col20m div, div.col25m div, div.col30m div, div.col33m div, div.col40m div, div.col45m div, div.col50m div, div.col60m div, div.col66m div, div.col70m div, div.col75m div, div.col80m div, div.col90m div { margin-bottom: 0.5em;}
/*END pre-defined column widths WITH MARGINS*/
/*pre-defined column widths WITHOUT MARGINS- widths are set to exact width. The left and right columns should add to 100*/
div.col10 { width: 10%;}
div.col20 { width: 20%;}
div.col25 { width: 25%;}
div.col30 { width: 30%;}
div.col33 { width: 33%;}
div.col40 { width: 40%;}
div.col45 { width: 45%;}
div.col50 { width: 50%;}
div.col60 {	width: 60%;}
div.col66 { width: 66%;}
div.col70 { width: 70%;}
div.col75 { width: 75%;}
div.col80 { width: 80%;}
div.col90 { width: 90%;}

/*Homepage specific styles sagba 300107*/
div.colA {width:37.3%; height:auto;}
div.colB {width:61%;}
div.colC {width:76.7%; margin:.8em 0;}
div.colD {width:21.1%;}
div.colE {width:62%; height:22em;} /*Amended from height:auto to accomodate the increased height of the news box*/
div.colF {width:34.3%;}
div.colB img, div.colB div#random {margin:0 0 .5em 0;}
/*Forcing the welcome message to take the required height*/
div.welcome {height:11.5em;}
/*Styles specifically for the CU News Homepage block*/
/*Allows for the display of news items with dates*/
/*in a listed format*/
#content div.colA li {padding:0; margin:0;}
#content div.colA div.news {margin:0 0 .3em 0;}
/**/

/*floats for column divs - this style MUST be applied for the positioning and margins to work. Padding is set to 0 to over-ride any accidental padding, as the internal layout will break with padding*/
	div#leftcol, div.leftcol { float:left; clear:left; padding:0;}
	div#rightcol, div.rightcol { float:right; clear:right; padding:0;}
/* div.leftcol and div.rightcol added to facilitate the use of multiple sets of columns */
/*end floats*/

	/*STYLES FOR DIVS WITHIN MAIN COLUMNS*/

/*internal padding for padded divs. This style SHOULD NOT be applied to the main columns or they will break.*/

 div.int_layout div.pad03 {padding: 0.3em;} 
 div.int_layout div.pad04 {padding: 0.4em;}
 div.int_layout div.pad05 {padding: 0.5em;}
 div.int_layout div.pad06 {padding: 0.6em;}
 div.int_layout div.pad07 {padding: 0.7em;}
 div.int_layout div.pad08 {padding: 0.8em;}
 div.int_layout div.pad09 {padding: 0.9em;}
 div.int_layout div.pad10 {padding: 1.0em;}

 div.int_layout div.para p {margin:0 0 0.8em 0;}
/* places a 1em margin at the bottom of the specified div */
 div.marginbottom {border-bottom:1em solid #fff;}
/*end internal padding*/

	/*END STYLES FOR DIVS WITHIN MAIN COLUMNS*/
/*END STYLES FOR 2 COLUMN LAYOUT*/	
/*END INTERNAL LAYOUT definitions for #content area*/

/* TABLES */
	/*These are the default styles for tables. 
	To over-ride them, further class definitions are below in the 'modular table styles' section. Some are also over-ridden by the .tint classes below*/
	table {	/*by default border-collapse is set to collapse. This can be changed through the use of the .separate style below*/
        font-size: .9em;
		line-height: 1.4em;
		border: 1px solid #333;
		border-collapse:collapse;
		padding: 0;
        margin: 0 0 1em 0;
	}
	table caption { /*by default the table caption is set to hidden. This can be changed by removing the .hidecaption style below*/
		font-weight: bold;
		border: 0;
		margin: 0 0 0 0;
		padding: 0.5em;
	}
	th {
		background-color:#eee;
		padding: 0.5em;
		font-weight: bold;
		text-align: left;
		border: 1px solid;
	}
	td {
		padding: 0.5em;
		font-size: 1em;
		border: 1px solid;
	}		
	/*modular table styles*/
		
	/*table and cell widths*/
		td.width10, th.width10 { width: 10%;}
		td.width20, th.width20  { width: 20%;}
		td.width25, th.width25 { width: 25%;}
		td.width30, th.width30 { width: 30%;}
		td.width33, th.width33 { width: 33%;}
		td.width40, th.width40 { width: 40%;}
		table.width50, td.width50, th.width50 {	width: 50%;}
		table.width60 {	width: 60%;}
		table.width66 {	width: 66%;}
		table.width70 {	width: 70%;}			
		table.width75 {	width: 75%;}
		table.width80 {	width: 80%;}
		table.width90 {	width: 90%;}		
		table.width100 { width: 100%;}
	/*END table and cell widths*/
	/*border collapse*/
		table.separate {
			border-collapse:separate;
		}
	/*END border collapse*/

		table.hidecaption caption {
			display:none;
		}
		
	/*vertical cell borders*/
		table.vertical0, table.vertical0 td, table.vertical0 th {border-left:none; border-right:none;}
		table.vertical1, table.vertical1 td, table.vertical1 th {border-left:1px solid; border-right:1px solid;}
		table.vertical2, table.vertical2 td, table.vertical2 th {border-left:2px solid; border-right:2px solid;}				
		table.vertical3, table.vertical3 td, table.vertical3 th {border-left:3px solid; border-right:3px solid;}				
	/*END vertical cell borders*/
	/*horizontal cell borders*/
		table.horizontal0, table.horizontal0 td, table.horizontal0 th {border-top:none; border-bottom:none;}		
		table.horizontal1, table.horizontal1 td, table.horizontal1 th {border-top:1px solid; border-bottom:1px solid;}
		table.horizontal2, table.horizontal2 td, table.horizontal2 th {border-top:2px solid; border-bottom:2px solid;}
		table.horizontal3, table.horizontal3 td, table.horizontal3 th {border-top:3px solid; border-bottom:3px solid;}
	/*END horizontal cell borders*/
	/*vertical padding styles*/
		caption.vpad00, table.vpad00 th, table.vpad00 td {padding-top:0; padding-bottom:0;}
		caption.vpad01, table.vpad01 th, table.vpad01 td {padding-top:0.1em; padding-bottom:0.1em;}
		caption.vpad02, table.vpad02 th, table.vpad02 td {padding-top:0.2em; padding-bottom:0.2em;}
		caption.vpad03, table.vpad03 th, table.vpad03 td {padding-top:0.3em; padding-bottom:0.3em;}
		caption.vpad04, table.vpad04 th, table.vpad04 td {padding-top:0.4em; padding-bottom:0.4em;}
		caption.vpad05, table.vpad05 th, table.vpad05 td {padding-top:0.5em; padding-bottom:0.5em;}
		caption.vpad06, table.vpad06 th, table.vpad06 td {padding-top:0.6em; padding-bottom:0.6em;}
		caption.vpad07, table.vpad07 th, table.vpad07 td {padding-top:0.7em; padding-bottom:0.7em;}
		caption.vpad08, table.vpad08 th, table.vpad08 td {padding-top:0.8em; padding-bottom:0.8em;}
		caption.vpad09, table.vpad09 th, table.vpad09 td {padding-top:0.9em; padding-bottom:0.9em;}
		caption.vpad10, table.vpad10 th, table.vpad10 td {padding-top:1em; padding-bottom:1em;}																
	/*END vertical padding styles*/
	/*horizontal padding styles*/
		caption.hpad00, table.hpad00 th, table.hpad00 td {padding-left:0; padding-right:0;}
		caption.hpad01, table.hpad01 th, table.hpad01 td {padding-left:0.1em; padding-right:0.1em;}
		caption.hpad02, table.hpad02 th, table.hpad02 td {padding-left:0.2em; padding-right:0.2em;}
		caption.hpad03, table.hpad03 th, table.hpad03 td {padding-left:0.3em; padding-right:0.3em;}
		caption.hpad04, table.hpad04 th, table.hpad04 td {padding-left:0.4em; padding-right:0.4em;}
		caption.hpad05, table.hpad05 th, table.hpad05 td {padding-left:0.5em; padding-right:0.5em;}
		caption.hpad06, table.hpad06 th, table.hpad06 td {padding-left:0.6em; padding-right:0.6em;}
		caption.hpad07, table.hpad07 th, table.hpad07 td {padding-left:0.7em; padding-right:0.7em;}
		caption.hpad08, table.hpad08 th, table.hpad08 td {padding-left:0.8em; padding-right:0.8em;}
		caption.hpad09, table.hpad09 th, table.hpad09 td {padding-left:0.9em; padding-right:0.9em;}
		caption.hpad10, table.hpad10 th, table.hpad10 td {padding-left:1em; padding-right:1em;}	
	/*END horizontal padding styles*/
	/*text alignment*/
		table.textLeft th, table.textLeft td, caption.textLeft, th.textLeft, tr.textLeft, td.textLeft {text-align:left;}
		table.textRight th, table.textRight td, caption.textRight, th.textRight, tr.textRight, td.textRight {text-align:right;}
		table.textCenter th, table.textCenter td, caption.textCenter, th.textCenter, tr.textCenter, td.textCenter {text-align:center;}
		table.textTop th, table.textTop td, caption.textTop, th.textTop, tr.textTop, td.textTop {vertical-align:top;}
		table.textMid th, table.textMid td, caption.textMid, th.textMid, tr.textMid, td.textMid {vertical-align:middle;}
		table.textBottom th, table.textBottom td, caption.textBottom, th.textBottom, tr.textBottom, td.textBottom {vertical-align:bottom;}				
	/*END text alignment*/

/* COLOURS used for the backgrounds of the internal layout DIVs and data tables. border colours are assigned, but are only made visible through use of the .outline class. */
	table.outline0 {border: 0px;}
	table.outline1, caption.outline1, div.int_layout div.outline1 {border-style:solid; border-width:1px;}
	table.outline2, caption.outline2, div.int_layout div.outline2 {border-style:solid; border-width:2px;}	
	table.outline3, caption.outline3, div.int_layout div.outline3 {border-style:solid; border-width:3px;}	
	table.outline4, caption.outline4, div.int_layout div.outline4 {border-style:solid; border-width:4px;}	
	/*END modular table styles*/	
/* END TABLES */

/*TINT classes*/
/*START tint1 class. To add new tint classes, copy all the classes below, to ensure that table styling also works*/
	table.tint1, table.tint1 td, caption.tint1, tr.tint1, th.tint1, td.tint1, div.tint1 { 
		background:#eee; 
		border-color: #9b9b9b;
		/*color: black;*/
	}
	table.tint1 th {/*this is to ensure that th border colours are tint-defined in Mozilla and Opera, without over-writing background-colour*/
		border-color: #9b9b9b;
	}
/*END tint1 class*/	
	
	table.tint2, table.tint2 td, caption.tint2, tr.tint2, th.tint2, td.tint2, div.tint2 { 
		background:#e0e0e0;
		border-color: #8e8e8e;
	}
	table.tint2 th {
		border-color: #8e8e8e;
	}
		
	table.tint3, table.tint3 td, caption.tint3, tr.tint3, th.tint3, td.tint3, div.tint3 { 
		background:#ccc; 
		border-color: #7c7c7c;	
	}
	table.tint3 th {
		border-color: #7c7c7c;
	}	
	table.tint4, table.tint4 td, caption.tint4, tr.tint4, th.tint4, td.tint4, div.tint4 { 
		background:#cae3ff; 
		border-color: #7991ab;
	}
	table.tint4 th {
		border-color: #7991ab;
	}
	div.tint5 {
		background:#e6f8e5;
		border-color:#dbebd9;
	}
	div.tint6 {
		background:#e6edf5;
		border-color: #e2ebf3;
	}
	div.tint7 {
		background:#ffffe0;
		border-color: #ffebd6;
	}
/*END TINT classes*/
div.divspacer {margin-bottom:.5em;}	
hr.invisible {color:#fff; background:#fff; border:#fff; margin:0; padding:0;}
/* PAD 05em */
 #content #ie6fix div.int_layout div.pad05 {padding: 0.5em 0 0.5em 0;}
 #content #ie6fix div.int_layout div.pad05 h2,
 #content #ie6fix div.int_layout div.pad05 h3,
 #content #ie6fix div.int_layout div.pad05 h4,
 #content #ie6fix div.int_layout div.pad05 h5,
 #content #ie6fix div.int_layout div.pad05 h6
 #content #ie6fix div.int_layout div.pad05 img
 	{margin-left:0.5em; margin-right:0.5em;}
 #content #ie6fix div.int_layout div.pad05 img.floatLeft
 	{margin-left:0.5em; margin-right:0.5em; padding-right:0;}
 #content #ie6fix div.int_layout div.pad05 p,
 #content #ie6fix div.int_layout div.pad05 a,
 #content #ie6fix div.int_layout div.pad05 li
 	{padding:0 0.5em 0 0.5em; width:auto;}
 #content #ie6fix div.int_layout div.pad05 p a,
 #content #ie6fix div.int_layout div.pad05 li a
 	{padding:0 0 0.5em 0; font-size:1.0em}
 #content #ie6fix div.int_layout div a
 	{font-size:.9em;}
 #content #ie6fix div.int_layout div p a
 	{font-size:1.0em;}
 #content #ie6fix div.int_layout div ul.none li a
	{font-size:1.0em;}
 #content.Homepage div.int_layout div.brief div.news a {margin:0; padding:0 0.5em 0 0;}

 #content #ie6fix div.int_layout div.pad03 {padding: 0.3em 0 0.3em 0;}
 #content #ie6fix div.int_layout div.pad03 p,
 #content #ie6fix div.int_layout div.pad03 h2,
 #content #ie6fix div.int_layout div.pad03 h3,
 #content #ie6fix div.int_layout div.pad03 h4,
 #content #ie6fix div.int_layout div.pad03 h5,
 #content #ie6fix div.int_layout div.pad03 h6,
 #content #ie6fix div.int_layout div.pad03 img,
 #content #ie6fix div.int_layout div.pad03 a
  {margin-left:0.3em; margin-right:0.3em;}

 div.page_snippet a:link,
 div.page_snippet a:visited, 
 div.page_snippet a:hover, 
 div.page_snippet a:active {font-size:.9em;}
 div.page_snippet p a:link {font-size:1em;}
 
/*Focus on tweaks for news homepage - adjustments for box model breakage*/
 div.focusOn div {margin:0; padding:0;}
 div.focusOn .leftcol {width:47%; padding:0 0 0.5em 0.5em; }
 div.focusOn .rightcol {width:47%; padding:0 0.5em 0.5em 0; }
 
/**/
#content div.label-10 span.data-label {width:10%;}
#content div.label-10 span.data-content {width:89%;}

#content div.label-15 span.data-label {width:15%;}
#content div.label-15 span.data-content {width:84%;}

#content div.label-20 span.data-label {width:20%;}
#content div.label-20 span.data-content {width:79%;}

#content div.label-25 span.data-label {width:25%;}
#content div.label-25 span.data-content {width:74%;}

#content div.label-30 span.data-label {width:30%;}
#content div.label-30 span.data-content {width:69%;}

#content div.label-33 span.data-label {width:33%;}
#content div.label-33 span.data-content {width:66%;}

#content div.label-40 span.data-label {width:40%;}
#content div.label-40 span.data-content {width:59%;}

#content div.data-pair {clear:both; display:block; width:100%; margin:0 0 .5em 0; font-size:.9em; line-height:1.4em;}
#content div.data-pair p {font-size:1em;}
#content div.data-pair span {display:block;}
#content div.data-pair span.data-label {display:block; float:left; clear:left;}
#content span.data-content {display:block; float:left;}
/**/
/*Alumni Giving Site Specific styles*/
/*sagba 080507*/
#salary_donate_wrapper {
	background-image: url(../_core/images/donate_salary.jpg);
	height: 142px;
	padding: 10px 10px 10px 10px;
	background-repeat: no-repeat;
}
#salary_donate_wrapper .salary_calc_wrapper {
	height: 113px;
}
#donateTxt {margin:30px 0 0 0; display:block; float:left; clear:left}
#sub #donateTxt {margin:5px 0 0 0; display:block; float:left; clear:left; width:99%;}
#sub #button {margin:4px 0 0 0;}
#salary_donate_wrapper label {margin:0 0 3px 0;}
#salary_donate_wrapper input {margin:0 5px 0 0;}
#sub #donate_one_hour_wrapper {background:#e6edf5; border:1px solid #e2ebf3; float:left; padding:.3em;}
/*Research homepage*/
div#random img {margin:0; padding:0;}

/*Graduation pages styles*/
#content div.int_layout div.graduation-panel {
	background:url("../_core/images/graduation-panel-bg.gif") repeat-x top left;
	width:49.5%;
	}
#content div.grad div.int_layout p {margin:0 0 0.5em 0;}
div.int_layout ul.none li {margin:.3em 0;}
#content div.int_layout div.gradimg {
	background:url("../_core/images/grad-home.jpg") no-repeat center top;
	height:13.10em;
	width:23.7em;
	display:block;
	margin-bottom:.5em;
	margin-top:.3em;
	}
#content div.int_layout div.gradimg p{ width:100%; display:block;}
#sub div.graduation-extras img.floatLeft {margin:0 .2em 0 0;}
img.imgmargin05 {margin: 0 0.5em 0.5em 0;}

/*FOR... Staff*/
.forstaff {
	background:#ffffe0;
	border-color: #ffebd6;
}
/* for maintaing the paragraphc spacing within an internal layout area */
div.int_layout div.keep_margins	p	{margin: 0 0 0.8em 0;}
div.int_layout div.keep_margins	table	{ } /* what are the defaults for table anyway? */
div.int_layout div.keep_margins	ul	{margin: 0 0 1.5em 0;}
div.int_layout div.keep_margins	ol	{margin: 0 0 1.5em 0;}
div.int_layout div.keep_margins	dl	{margin: 0 0 1.5em 0;}

/*
	Slideshow styles for the homepage
*/
#slideshow {
		width: 100%;
        height: 175px;
        overflow: hidden;
        background: none;
		margin:0.5em 0 0.5em 0;
}

#slideshow .pagination {
        color: #fff;
        font-family: 'Verdana', sans-serif;
        padding: 8px 8px;
}
#slideshow .pagination a {
        padding: 3px 5px;
        border: 1px solid #f40a49;
        margin: 0 0 0 5px;
        color: #ffffff;
        text-decoration: none;
        outline: 0;
        font-size: 11px;
}
#slideshow .pagination a:hover {
        border: 1px solid #fff;
}
#slideshow .pagination .active {
        background: #f40a49;
}

#slideshow .slide {
        color: #666;
        overflow: hidden;
        width: 100%;
        height: 100%;
}
#slideshow.dot .pagination a {
	text-indent: -5000px;
	overflow-x: hidden;
	overflow-y: hidden;
	width: 8px;
	height: 8px;
	float: left;
	padding:0;
	background:url(../_core/images/bullet_red_disc.png) no-repeat;
	border:none;
}
#slideshow.dot .pagination a:hover {
	background:url(../_core/images/bullet_red.png) no-repeat;
	border:none;
}
#slideshow.dot .pagination .active {
	background:url(../_core/images/bullet_red.png) no-repeat;
	border:none;
}
#slideshow.black .pagination a {background:url(../_core/images/bullet_black_disc.gif) no-repeat;}
#slideshow.black .pagination a:hover {background:url(../_core/images/bullet_black.gif) no-repeat;}
#slideshow.black .pagination .active {background:url(../_core/images/bullet_black.gif) no-repeat;}
#slideshow.blue .pagination a {background:url(../_core/images/bullet_blue_disc.gif) no-repeat;}
#slideshow.blue .pagination a:hover {background:url(../_core/images/bullet_blue.gif) no-repeat;}
#slideshow.blue .pagination .active {background:url(../_core/images/bullet_blue.gif) no-repeat;}
#slideshow.green .pagination a {background:url(../_core/images/bullet_green_disc.gif) no-repeat;}
#slideshow.green .pagination a:hover {background:url(../_core/images/bullet_green.gif) no-repeat;}
#slideshow.green .pagination .active {background:url(../_core/images/bullet_green.gif) no-repeat;}
#slideshow.square .pagination a {
	text-indent: -5000px;
	overflow-x: hidden;
	overflow-y: hidden;
	width: 8px;
	height: 8px;
	float: left;
	padding:0;
	background:#none;
	border:1px solid #fff;
}
#slideshow.square .pagination a:hover {
	background:#fff;
	border:1px solid #fff
}
#slideshow.square .pagination .active {
	background:#fff;
	border:1px solid #fff;
}
div.lowerpanel {
	background:url(../_core/images/home-lower-panel-bg.gif) repeat-x top left;
	float:left;
	width:100%;
	}
#content .lowerpanel .advImg {margin:0 0 0.5em 0; padding:0;}

/*
	jQuery UI tabs
*/
.ui-tabs-nav {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	font-size: 0.9em;
	float: left;
	position: relative;
	z-index: 1;
	/*border-right: 1px solid #d3d3d3;*/
	bottom: -1px;
}
.ui-tabs-nav li {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	float: left;
	border: 1px solid #d3d3d3;
/*border-right: none;*/
	border-bottom:1px solid #903;
	margin: 0 0.5em 0 0;
}
.ui-tabs-nav li a {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	float: left;
	font-weight: normal;
	text-decoration: none;
	padding: 0.5em;
	color: #555555;
	background: #fff;
}
.ui-tabs-nav li a:hover, .ui-tabs-nav li a:focus, .ui-tabs-nav li a:active {
	background: #dadada;
	color: #212121;
}
.ui-tabs-nav li.ui-tabs-selected {
	border-color: #903;
}
.ui-tabs-nav li.ui-tabs-selected a, .ui-tabs-nav li.ui-tabs-selected a:hover,
.ui-tabs-nav li.ui-tabs-selected a:focus, .ui-tabs-nav li.ui-tabs-selected a:active {
	background: #903;
	color: #fff;
	font-weight:bold;
}
.ui-tabs-panel {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	clear:left;
	border: 1px solid #903 /*#d3d3d3*/;
	background: #fffde5;
	color: #222;
	padding: 0;	
	font-size: 1em;
	min-width: 0; /* => IE7 trigger hasLayout (while maintaining valid CSS) to prevent margins pushed here from preceding elements */
}
* html .ui-tabs-panel {
	display: inline-block; /* => IE6 trigger hasLayout (while maintaining valid CSS) in IE6 to prevent margins pushed here from preceding elements */
}
.ui-tabs-hide {
	display: none !important/*for accessible hiding: position: absolute; left: -99999999px;*/;
}

/* Research slideshow script styles 
	for /research/ homepage
*/
#slideshow.research {
	width: 298px;
	height: 175px;
	overflow: hidden;
	background: #000;
}

#slideshow.research .pagination {
	color: #ffffff;
	font-family: 'Verdana', sans-serif;
	padding: 0 5px 5px 0;
}
#slideshow.research .pagination a {
	padding: 0 /*3px 5px*/;
	border: 1px solid #903;
	margin: 0 0 0 5px;
	color: #fff;
	text-decoration: none;
	outline: 0;
	width:7px;
	height:7px;
	font-size:.2em;
	display:block;
	float:left;
	/*BG needed to make it 'solid' in the centre to make it clickable*/
	background:url(/styles/_core/images/transparent.gif);
	text-indent:-5000px;
}

#slideshow.research .pagination a:hover {
	border: 1px solid #ffffff;
}
#slideshow.research .pagination .active {
	background: #903;
}

#slideshow.research .slide {
	color: #ffffff;
	overflow: hidden;
	width: 100%;
	height: 100%;
}
/*
jQuery RSSfeed styles
*/
	.rssFeed {display:inline-block; width:100%}
	.rssHeader { border-bottom:1px solid #e0e0e0;}
	.rssBody {}
	.rssFeed ul {}
	.rssFeed .rssRow { margin:0 0 0.2em 0; padding:0 0 0.3em 0; border-bottom:1px solid #e0e0e0;}
	.rssFeed .rssRow.odd {}
	.rssFeed .rssRow.even {}
	.rssFeed .rssRow span {display:block;}
	.rssFeed .rssRow a {}

/*PLANN Project styles*/
.plannProject .stage1
{
background:url(../_core/images/plann_stage1.gif) #afdeab;
}
.plannProject .stage2
{
background:url(../_core/images/plann_stage2.gif) #b1c7df;
}
.plannProject .stage3
{
background:url(../_core/images/plann_stage3.gif) #fdfdac;
}
.plannProject .stage4
{
background:url(../_core/images/plann_stage4.gif) #faba94;
}
.plannProject .stage5
{
background:url(../_core/images/plann_stage5.gif) #fb8e93;
}
.plannProject .stage1 , .plannProject .stage2, .plannProject .stage3, .plannProject .stage4, .plannProject .stage5
{
width:9em;
height:7em;
float:left;
background-repeat:no-repeat;
background-position:right;
}
.plannProject .stage1_list , .plannProject .stage2_list, .plannProject .stage3_list, .plannProject .stage4_list, .plannProject .stage5_list
{

width:8.7em;
float:left;
margin:0 5px 0 0;
margin-top:2em;
}
.plannProject .stage1_content , .plannProject .stage2_content, .plannProject .stage3_content, .plannProject .stage4_content, .plannProject .stage5_content
{
margin:1em 1.5em 1em 0.5em;
}
.plannProject p
{
margin:0;
}



/*CLLNG Specific styles*/

body.CU_CLLNG #cllng-students, body.CU_CLLNG #cllng-staff, body.CU_CLLNG #cllng-parents, body.CU_CLLNG #cllng-tutors, body.CU_CLLNG #cllng-managers
{
	margin-bottom:.9em;
	color:#ffffff;
}
body.CU_CLLNG #cllng-students, body.CU_CLLNG #cllng-staff
{
	width:30em;
	height:210px;
}
body.CU_CLLNG #cllng-students
{
	float:left;
	background: url(../_core/images/cllng-students-background.jpg) repeat-x;	
	border:solid 1px #6fa250;	
}
body.CU_CLLNG #cllng-staff
{
	float:right;
	background: url(../_core/images/cllng-staff-background.jpg) repeat-x;
	border:solid 1px #5a9acf;
}
body.CU_CLLNG #cllng-parents, body.CU_CLLNG #cllng-tutors, body.CU_CLLNG #cllng-managers
{
	float:left;
	width:19.6em;
	height:144px;
}
body.CU_CLLNG #cllng-parents
{
	background: #d28406 url(../_core/images/cllng-parents-background.jpg) repeat-x;
	border:solid 1px #dc9016;
	margin-right:1em;
}
body.CU_CLLNG #cllng-tutors
{
	background: #9f34e4 url(../_core/images/cllng-tutors-background.jpg) repeat-x;
	border:solid 1px #a645e3;
	margin-right:1em;	
}
body.CU_CLLNG #cllng-managers
{
	background: #b72740 url(../_core/images/cllng-managers-background.jpg) repeat-x;
	border:solid 1px #c43049;
}

body.CU_CLLNG #cllng-students p, body.CU_CLLNG #cllng-staff p, body.CU_CLLNG #cllng-parents p, body.CU_CLLNG #cllng-tutors p, body.CU_CLLNG #cllng-managers p
{
	line-height:1.6em;
}
body.CU_CLLNG #cllng-students a, body.CU_CLLNG #cllng-staff a, body.CU_CLLNG #cllng-parents a, body.CU_CLLNG #cllng-tutors a, body.CU_CLLNG #cllng-managers a
{
	color:#ffffff;
	text-decoration:underline;
}

body.CU_CLLNG #cllng-worried, body.CU_CLLNG #cllng-about
{
	color:#000000;
	height:116px;	
}

body.CU_CLLNG #cllng-worried
{
	float:left;
	background: #b1d8f7 url(../_core/images/cllng-worried-background.jpg) repeat-x;	
	width:40.4em;
	border:solid 1px #95cbf8;
	
}
body.CU_CLLNG #cllng-about
{
	float:right;
	background: #b1d8f7 url(../_core/images/cllng-worried-background.jpg) repeat-x;
	width:19.7em;
	border:solid 1px #95cbf8;
}

body.CU_CLLNG #cllng-staff-header, body.CU_CLLNG #cllng-students-header
{
	color:#ffffff;
} 
body.CU_CLLNG #cllng-staff-header
{
	background:#558fc1 url(../_core/images/cllng-staff-background.jpg) repeat-x 0px -42px;
	margin-bottom:.9em;
	border:solid 1px #5a9acf;
}
body.CU_CLLNG #cllng-students-header
{
	background:#5f9041 url(../_core/images/cllng-students-background.jpg) repeat-x 0px -42px;
	margin-bottom:.9em;
	border:solid 1px #6fa250;
}
body.CU_CLLNG #cllng-staff-header a, body.CU_CLLNG #cllng-students-header a
{
	color:#ffffff;
	text-decoration:underline;
}


/* CUREMEDE STYLES */

body.CU_CUREMEDE #header {
		background:#15748b url(../_core/images/curemede-background.jpg) repeat-y left top;
	}
body.CU_CUREMEDE #bannerImg {
	background:url(../_core/images/curemede-rightbanner.jpg) no-repeat right top;
	width:322px;
}
body.CU_CUREMEDE #header h1 {
	color:#15748b;
	width:346px;
	height:45px;
	position:relative;
	padding:14px 0 0 0;
	margin:0;
	font-size:0;
	float:left;
	}
body.CU_CUREMEDE #header h1 span {
	background:url(../_core/images/curemede-title.gif) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	}

body.CU_CUREMEDE #header p.h1subhead {color:#fff; display:none;}

	
body.CU_CUREMEDE h4
{
	color:#236271;
}
/**/
body.CU_CUREMEDE #slideshow {
	width: 491px;
	height: 224px; /*NOTE: Currently set to image only height*/
	overflow: hidden;
	background: #fff;
	margin:0 0 0 0;
	padding:0;
}
body.CU_CUREMEDE #slideshow .pagination {
	color: #ffffff;
	font-family: 'Verdana', sans-serif;
	padding: 11px 8px;
	margin:0 0 0 0;
}
body.CU_CUREMEDE #slideshow .pagination a {
	padding: 0 /*3px 5px*/;
	border: 1px solid #fff;
	margin: 0 0 0 5px;
	color: #fff;
	text-decoration: none;
	outline: 0;
	width:10px;
	height:10px;
	font-size:0.1em;
	display:block;
	float:left;
	/*BG needed to make it 'solid' in the centre to make it clickable*/
	background:url(../images/transparent.gif);
}
body.CU_CUREMEDE #slideshow .pagination a:hover {
	border: 1px solid #ffffff;
}
body.CU_CUREMEDE #slideshow .pagination .active {
	background: #4371f9;
}

body.CU_CUREMEDE #slideshow .slide {
	color: #ffffff;
	overflow: hidden;
	width: 100%;
	height: 100%;
}
/* Slideshow - Additional content area styles*/
body.CU_CUREMEDE #slideshow div.slide-content {margin:1em 0 0 0;}
body.CU_CUREMEDE #slideshow .slide-content ul { margin:0 0 0 /*1.6em*/ 0;}
body.CU_CUREMEDE #slideshow .slide-content ul li { margin:0 0 0 5px; padding:0 0 0 10px; background:url(../images/dot.gif) left center no-repeat; display:inline; list-style:none; }
body.CU_CUREMEDE #slideshow .slide-content ul > li:first-child,
body.CU_CUREMEDE #slideshow .slide-content ul li.first {border:none; background:none; padding:0; margin:0;}
body.CU_CUREMEDE #slideshow .slide-content a:link,
body.CU_CUREMEDE #slideshow .slide-content a:visited {color:#fff;}
body.CU_CUREMEDE #slideshow .slide-content {padding: 0 1.6em;}
body.CU_CUREMEDE #slideshow .slide-content h2,
body.CU_CUREMEDE #slideshow .slide-content h3,
body.CU_CUREMEDE #slideshow .slide-content h4,
body.CU_CUREMEDE #slideshow .slide-content h5,
body.CU_CUREMEDE #slideshow .slide-content h6,
body.CU_CUREMEDE #slideshow .slide-content p {color:#fff; font-weight:normal;}
body.CU_CUREMEDE #slideshow .slide-content ul.events{
	margin:0;
	padding:0;
}
body.CU_CUREMEDE#slideshow .slide-content ul.events li {
	background:url(../images/dot.gif) left center no-repeat; list-style:none;display:block;
}
body.CU_CUREMEDE #slideshow .slide-content ul.events > li:first-child,
body.CU_CUREMEDE #slideshow .slide-content ul.events li.first {background:url(../images/dot.gif) left center no-repeat; margin:0 0 0 5px; padding:0 0 0 10px;}
	
/*PG Slideshow*/	
	
#slideshow.pgslide {
	width: 598px;
	height: 250px;
	overflow: hidden;
	background: #fff;
	margin-bottom:1em;
}

#slideshow.pgslide .pagination {
	color: #ffffff;
	font-family: 'Verdana', sans-serif;
	padding: 0 5px 5px 0;
}
#slideshow.pgslide .pagination a {
	padding: 0 /*3px 5px*/;
	border: 1px solid #903;
	margin: 0 0 0 5px;
	color: #fff;
	text-decoration: none;
	outline: 0;
	width:7px;
	height:7px;
	font-size:.2em;
	display:block;
	float:left;
	/*BG needed to make it 'solid' in the centre to make it clickable*/
	background:url(/styles/_core/images/transparent.gif);
	text-indent:-5000px;
}

#slideshow.pgslide .pagination a:hover {
	border: 1px solid #ffffff;
}
#slideshow.pgslide .pagination .active {
	background: #903;
}

#slideshow.pgslide .slide {
	color: #ffffff;
	overflow: hidden;
	width: 100%;
	height: 100%;
}
/* jtwt styles */
div.jtwt {
	clear:left;
}
div.jtwt_picture {
}
div.jtwt_tweet {
	
}
div.jtwt_text {
}
span.jtwt_meta {
	color:#a1a1a1;
}
span.jtwt_source a:link,
span.jtwt_source a:visited,
span.jtwt_source a:hover,
span.jtwt_source a:active {
	color:#a1a1a1;
}
span.jtwt_meta .jtwt_date {
	color:#a1a1a1;
}
.jtwt_follow {
	
}

/*FPS STYLES*/

#fps_tabs {
	height:360px /* set a true height to avoid jumping of page height when toggling through tabs - height = ui-tabs-panel height + ui-tabs-nav li + margins (current value for testing only not final value)*/
}
#fps_tabs .ui-tabs-panel {
	height:295px; /* sets height for the tab's content area */
	border:none;
	}
#fps_tabs .ui-tabs-nav li {
	border:none;
	background:none;
	margin:10px 10px 10px 0;
}
#fps_tabs .ui-tabs-nav li a:link {
	background:none;
	color:#000;
}
#fps_tabs .ui-tabs-nav li.ui-tabs-selected a:link {
	background:none;
	color:#000;
	font-weight:normal;
	padding:0;
}
/* UG Tab sprite setup */
/* repeat this and amend sizes for each tab and it's sprite */
#fps_tabs .ui-tabs-nav li.ugtab a:link,
#fps_tabs .ui-tabs-nav li.ugtab a:visited,
#fps_tabs .ui-tabs-nav li.ugtab a:active {
	background:url(../_core/images/fps-ug-tab.gif) no-repeat -148px 0; /*image should be moved to an appropriate /styles/.../images/ folder */
	height:34px;
	width:147px;
	padding:0;
	/**/
	position:relative;
	margin:0;
	font-size:0;
	color:#fff;
}
	/*hover and 'on' state for the tab button */
#fps_tabs .ui-tabs-nav li.ugtab a:hover,
#fps_tabs .ui-tabs-nav li.ugtab a:visited:hover,
#fps_tabs .ui-tabs-nav .ugtab.ui-tabs-selected a:link {
	background:url(../_core/images/fps-ug-tab.gif) no-repeat 0px 0px;
	color:#990134;
}
/* End UG Tab sprite setup */

/* PG Tab sprite setup */
/* repeat this and amend sizes for each tab and it's sprite */
#fps_tabs .ui-tabs-nav li.pgtab a:link,
#fps_tabs .ui-tabs-nav li.pgtab a:visited,
#fps_tabs .ui-tabs-nav li.pgtab a:active {
	background:url(../_core/images/fps-pg-tab.gif) no-repeat -134px 0; /*image should be moved to an appropriate /styles/.../images/ folder */
	height:34px;
	width:134px;
	padding:0;
	/**/
	position:relative;
	margin:0;
	font-size:0;
	color:#fff;
}
	/*hover and 'on' state for the tab button */
#fps_tabs .ui-tabs-nav li.pgtab a:hover,
#fps_tabs .ui-tabs-nav li.pgtab a:visited:hover,
#fps_tabs .ui-tabs-nav .pgtab.ui-tabs-selected a:link {
	background:url(../_core/images/fps-pg-tab.gif) no-repeat 0px 0px;
	color:#990134;
}
/* End PG Tab sprite setup */

/* INTER Tab sprite setup */
/* repeat this and amend sizes for each tab and it's sprite */
#fps_tabs .ui-tabs-nav li.intertab a:link,
#fps_tabs .ui-tabs-nav li.intertab a:visited,
#fps_tabs .ui-tabs-nav li.intertab a:active {
	background:url(../_core/images/fps-inter-tab.gif) no-repeat -129px 0; /*image should be moved to an appropriate /styles/.../images/ folder */
	height:34px;
	width:129px;
	padding:0;
	/**/
	position:relative;
	margin:0;
	font-size:0;
	color:#fff;
}
	/*hover and 'on' state for the tab button */
#fps_tabs .ui-tabs-nav li.intertab a:hover,
#fps_tabs .ui-tabs-nav li.intertab a:visited:hover,
#fps_tabs .ui-tabs-nav .intertab.ui-tabs-selected a:link {
	background:url(../_core/images/fps-inter-tab.gif) no-repeat 0px 0px;
	color:#990134;
}
/* End UG Tab sprite setup */

/* EDU Tab sprite setup */
/* repeat this and amend sizes for each tab and it's sprite */
#fps_tabs .ui-tabs-nav li.edutab a:link,
#fps_tabs .ui-tabs-nav li.edutab a:visited,
#fps_tabs .ui-tabs-nav li.edutab a:active {
	background:url(../_core/images/fps-education-tab.gif) no-repeat -158px 0; /*image should be moved to an appropriate /styles/.../images/ folder */
	height:34px;
	width:158px;
	padding:0;
	/**/
	position:relative;
	margin:0;
	font-size:0;
	color:#fff;
}
	/*hover and 'on' state for the tab button */
#fps_tabs .ui-tabs-nav li.edutab a:hover,
#fps_tabs .ui-tabs-nav li.edutab a:visited:hover,
#fps_tabs .ui-tabs-nav .edutab.ui-tabs-selected a:link {
	background:url(../_core/images/fps-education-tab.gif) no-repeat 0px 0px;
	color:#990134;
}
/* End UG Tab sprite setup */

#slideshow.prospective_quotes {
}

#ug, #pg, #inter, #educationforall
{
	margin-top:1em;
	height:295px;
}

.fps-vid-ug, .fps-vid-pg, .fps-vid-inter
{
	float:left;
	padding-right:20px;
}
.fps-study-link
{
	float:left;
	padding-right:20px;	
	line-height:1.2em;
	font-size:.9em;
}


.facebook-link
{
	position:absolute;
	top:0.2em; /*a hack is necessary to make this work in IE6=<. See hacks.css*/
	right:0.5em;
	font-family:Arial, Helvetica, sans-serif;
	text-align:right;
	padding: 0 .5em 0 .5em;	
	float:right;
	width:48px;
	height:30px;
	margin-top:18px;
}


/*QUOTES SLIDESHOW style*/

/**/
.prospective_quotes#slideshow {

	width: 360px;
	height: 206px; /*NOTE: Currently set to image only height*/
	overflow: hidden;
	margin:1px 0 0 0;
	padding:0 0 0 0;
	background:#fff2bb;	
}
.prospective_quotes#slideshow .pagination {
	color: #ffffff;
	font-family: 'Verdana', sans-serif;
	padding: 11px 12px;
	margin:0 0 0 0;
}
.prospective_quotes#slideshow .pagination a {
	padding: 0 /*3px 5px*/;
	border: 1px solid #c4646c;
	margin: 0 0 0 5px;
	color: #fff;
	text-decoration: none;
	outline: 0;
	width:10px;
	height:10px;
	font-size:0.1em;
	display:block;
	float:left;
	/*BG needed to make it 'solid' in the centre to make it clickable*/
	background:url(../_core/images/transparent.gif);
}
.prospective_quotes#slideshow .pagination a:hover {
	border: 1px solid #ffffff;
}
.prospective_quotes#slideshow .pagination .active {
	background: #c4646c;
}

.prospective_quotes#slideshow .slide {
	overflow: hidden;
}
.prospective_quotes#slideshow .slide .fps-quote {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:2em;
	color:#a01242;
	background:#fff2bb;
	line-height:1.2em;
	width:310px;
	padding:0.8em 0.8em 0.2em 0.8em;
}
.prospective_quotes#slideshow .slide .source {
	font-family:verdana;
	color:#a58066;
	font-size:1.1em;
	line-height:1.3em;
	font-weight:bold;
	padding:0 0.8em 0.8em 0.8em;
}
/* Slideshow - Additional content area styles*/
.prospective_quotes#slideshow div.slide-content {margin:1em 0 0 0;}
.prospective_quotes#slideshow .slide-content ul { margin:0 0 0 /*1.6em*/ 0;}
.prospective_quotes#slideshow .slide-content ul li { margin:0 0 0 5px; padding:0 0 0 10px; background:url(../_core/images/dot.gif) left center no-repeat; display:inline; list-style:none; }
.prospective_quotes#slideshow .slide-content ul > li:first-child,
.prospective_quotes#slideshow .slide-content ul li.first {border:none; background:none; padding:0; margin:0;}
.prospective_quotes#slideshow .slide-content a:link,
.prospective_quotes#slideshow .slide-content a:visited {color:#fff;}
.prospective_quotes#slideshow .slide-content {padding: 0 1.6em;}
.prospective_quotes#slideshow .slide-content h2,
.prospective_quotes#slideshow .slide-content h3,
.prospective_quotes#slideshow .slide-content h4,
.prospective_quotes#slideshow .slide-content h5,
.prospective_quotes#slideshow .slide-content h6,
.prospective_quotes#slideshow .slide-content p {color:#fff; font-weight:normal;}
.prospective_quotes#slideshow .slide-content ul.events{
	margin:0;
	padding:0;
}
.prospective_quotes#slideshow .slide-content ul.events li {
	background:url(../images/dot.gif) left center no-repeat; list-style:none;display:block;
}
.prospective_quotes#slideshow .slide-content ul.events > li:first-child,
.prospective_quotes#slideshow .slide-content ul.events li.first {background:url(../_core/images/dot.gif) left center no-repeat; margin:0 0 0 5px; padding:0 0 0 10px;}




/*
List styling
	18.04.2011 BA
*/

ul.red {list-style-image:url(../_core/images/bullet_red.gif)}
ul.red.disc,
ul.red ul.disc {list-style-image:url(../_core/images/bullet_red_disc.gif)}

ul.blue {list-style-image:url(../_core/images/bullet_blue.gif)}
ul.blue.disc,
ul.blue ul.disc {list-style-image:url(../_core/images/bullet_blue_disc.gif)}

ul.green {list-style-image:url(../_core/images/bullet_green.gif)}
ul.green.disc,
ul.green ul.disc {list-style-image:url(../_core/images/bullet_green_disc.gif)}

ul.purple {list-style-image:url(../_core/images/bullet_purple.gif)}
ul.purple.disc,
ul.purple ul.disc {list-style-image:url(../_core/images/bullet_purple_disc.gif)}

ul.black {list-style-image:url(../_core/images/bullet_black.gif)}
ul.black.disc,
ul.black ul.disc {list-style-image:url(../_core/images/bullet_black_disc.gif)}

/* remove bottom margin on nested lists */
ul li ul {margin-bottom:0;}

/* Inline lists */
ul.inline {float:left; width:99%;}
ul.inline li {float:left; display:inline-block; margin:0 1.5em 0.3em 0; white-space:nowrap;}

/*
	OSHEU template styles
*/
body.CU_OSHEU div.policy {
	border:1px solid #ccc;
	background:#e0e0e0;
}
body.CU_OSHEU div.policy h4 {
	background:#ccc;
	text-indent:0.5em;
	padding:0.5em 0;
}
body.CU_OSHEU div.planning {
	border:1px solid #c0c0c0;
	background:#c0c0c0;
}
body.CU_OSHEU div.planning h4 {
	background:#999;
	text-indent:0.5em;
	padding:0.5em 0;
	color:#fff
}
body.CU_OSHEU h4.implementation {
	background:#9FF;
	text-indent:0.5em;
	padding:0.5em 0;
}
body.CU_OSHEU h4.checking {
	background:#9FF;
	text-indent:0.5em;
	padding:0.5em 0;
}
body.CU_OSHEU h4.review {
	background:#9FF;
	text-indent:0.5em;
	padding:0.5em 0;
}
/*
END OSHEU Styles
*/

#fps_tabs ul
{
	display:inline;
}

li.ugtab, li.pgtab, li.intertab, li.edutab
{
	border:none;
	background:none;
	margin:10px 10px 0 0;
	float:left;	
	list-style:none;
}

li.ugtab a, li.pgtab a, li.intertab a, li.edutab a
{
	padding:0;
	position:relative;
	margin:0;
	font-size:0;
	color:#fff;	
	float:left;
	display:block;	
}
li.ugtab a
{
	background:url(http://www.cardiff.ac.uk/styles/_core/images/fps-ug-tab.gif) no-repeat -148px 0; /*image should be moved to an appropriate /styles/.../images/ folder */
	height:34px;
	width:147px;	
}
li.pgtab a
{
	background:url(http://www.cardiff.ac.uk/styles/_core/images/fps-pg-tab.gif) no-repeat -134px 0; /*image should be moved to an appropriate /styles/.../images/ folder */
	height:34px;
	width:134px;
}
li.intertab a{
	background:url(http://www.cardiff.ac.uk/styles/_core/images/fps-inter-tab.gif) no-repeat -129px 0; /*image should be moved to an appropriate /styles/.../images/ folder */
	height:34px;
	width:129px;	
}
li.edutab a{
	background:url(http://www.cardiff.ac.uk/styles/_core/images/fps-education-tab.gif) no-repeat -158px 0; /*image should be moved to an appropriate /styles/.../images/ folder */
	height:34px;
	width:158px;
}

#slideshow-fps-slides {

	width: 745px;
	height: 307px; /*NOTE: Currently set to image only height*/
	overflow: hidden;
	margin:1px 0 10px 0;
	padding:0 0 0 0;
	float:right;
}
#slideshow-fps-slides .pagination {
	color: #ffffff;
	font-family: 'Verdana', sans-serif;
	padding: 11px 12px;
	margin:0 0 0 0;
	display:none;
}
#slideshow-fps-slides .pagination a {
	padding: 0 /*3px 5px*/;
	border: 1px solid #fff;
	margin: 0 0 0 5px;
	color: #fff;
	text-decoration: none;
	outline: 0;
	width:10px;
	height:10px;
	font-size:0.1em;
	display:block;
	float:left;
	/*BG needed to make it 'solid' in the centre to make it clickable*/
	background:url(../images/transparent.gif);
}
#slideshow-fps-slides .pagination a:hover {
	border: 1px solid #ffffff;
}
#slideshow-fps-slides .pagination .active {
	background: #4371f9;
}

#slideshow .slide {
	color: #ffffff;
	overflow: hidden;
}
/* Slideshow - Additional content area styles*/
#slideshow-fps-slides div.slide-content {margin:1em 0 0 0;}
#slideshow-fps-slides .slide-content ul { margin:0 0 0 /*1.6em*/ 0;}
#slideshow-fps-slides .slide-content ul li { margin:0 0 0 5px; padding:0 0 0 10px; background:url(../images/dot.gif) left center no-repeat; display:inline; list-style:none; }
#slideshow-fps-slides .slide-content ul > li:first-child,
#slideshow-fps-slides .slide-content ul li.first {border:none; background:none; padding:0; margin:0;}
#slideshow-fps-slides .slide-content a:link,
#slideshow-fps-slides .slide-content a:visited {color:#fff;}
#slideshow-fps-slides .slide-content {padding: 0 1.6em;}
#slideshow-fps-slides .slide-content h2,
#slideshow-fps-slides .slide-content h3,
#slideshow-fps-slides .slide-content h4,
#slideshow-fps-slides .slide-content h5,
#slideshow-fps-slides .slide-content h6,
#slideshow-fps-slides .slide-content p {color:#fff; font-weight:normal;}
#slideshow-fps-slides .slide-content ul.events{
	margin:0;
	padding:0;
}
#slideshow-fps-slides .slide-content ul.events li {
	background:url(../images/dot.gif) left center no-repeat; list-style:none;display:block;
}
#slideshow-fps-slides .slide-content ul.events > li:first-child,
#slideshow-fps-slides .slide-content ul.events li.first {background:url(../images/dot.gif) left center no-repeat; margin:0 0 0 5px; padding:0 0 0 10px;}    
    
#slideshow-fps-quotes {
	width: 360px;
	height: 206px; /*NOTE: Currently set to image only height*/
	overflow: hidden;
	margin:1px 0 0 0;
	padding:0 0 0 0;
	background:#fff2bb;	
}
#slideshow-fps-quotes .pagination {
	color: #ffffff;
	font-family: 'Verdana', sans-serif;
	padding: 11px 12px;
	margin:0 0 0 0;
}
#slideshow-fps-quotes .pagination a {
	padding: 0 /*3px 5px*/;
	border: 1px solid #c4646c;
	margin: 0 0 0 5px;
	color: #fff;
	text-decoration: none;
	outline: 0;
	width:10px;
	height:10px;
	font-size:0.1em;
	display:block;
	float:left;
	/*BG needed to make it 'solid' in the centre to make it clickable*/
	background:url(../_core/images/transparent.gif);
}
#slideshow-fps-quotes .pagination a:hover {
	border: 1px solid #ffffff;
}
#slideshow-fps-quotes .pagination .active {
	background: #c4646c;
}

#slideshow-fps-quotes .slide {
	overflow: hidden;
}
#slideshow-fps-quotes .slide .fps-quote {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:2em;
	color:#a01242;
	background:#fff2bb;
	line-height:1.2em;
	width:310px;
	padding:0.8em 0.8em 0.2em 0.8em;
}
#slideshow-fps-quotes .slide .source {
	font-family:verdana;
	color:#a58066;
	font-size:1.1em;
	line-height:1.3em;
	font-weight:bold;
	padding:0 0.8em 0.8em 0.8em;
}
/* Slideshow - Additional content area styles*/
#slideshow-fps-quotes div.slide-content {margin:1em 0 0 0;}
#slideshow-fps-quotes .slide-content ul { margin:0 0 0 /*1.6em*/ 0;}
#slideshow-fps-quotes .slide-content ul li { margin:0 0 0 5px; padding:0 0 0 10px; background:url(../_core/images/dot.gif) left center no-repeat; display:inline; list-style:none; }
#slideshow-fps-quotes .slide-content ul > li:first-child,
#slideshow-fps-quotes .slide-content ul li.first {border:none; background:none; padding:0; margin:0;}
#slideshow-fps-quotes .slide-content a:link,
#slideshow-fps-quotes .slide-content a:visited {color:#fff;}
#slideshow-fps-quotes .slide-content {padding: 0 1.6em;}
#slideshow-fps-quotes .slide-content h2,
#slideshow-fps-quotes .slide-content h3,
#slideshow-fps-quotes .slide-content h4,
#slideshow-fps-quotes .slide-content h5,
#slideshow-fps-quotes .slide-content h6,
#slideshow-fps-quotes .slide-content p {color:#fff; font-weight:normal;}
#slideshow .slide-content ul.events{
	margin:0;
	padding:0;
}
#slideshow-fps-quotes .slide-content ul.events li {
	background:url(../images/dot.gif) left center no-repeat; list-style:none;display:block;
}
#slideshow-fps-quotes .slide-content ul.events > li:first-child,
#slideshow-fps-quotes .slide-content ul.events li.first {background:url(../_core/images/dot.gif) left center no-repeat; margin:0 0 0 5px; padding:0 0 0 10px;}
/*
	About Us re-build Oct 2011
	sagba v.1.0
*/
#aboutlayout .row1 {background: #537e25;} /* covers IE6 height display issues */
#aboutlayout .row2 {background:#7c94ae; width:100%;} /* width discrepancy display issues */
#aboutlayout .row1 div,
#aboutlayout .row3 div {
	width:33.3%; float: left;
}
#aboutlayout .row2 div {
	float: left;
	height: 178px;
}
#aboutlayout .row1 {
	color:#ffffff;
	margin:5px 0 0 0;
}
#aboutlayout .row2,
#aboutlayout .row3 {border-top: 5px solid #fff;}

#aboutlayout .row1>div>img {
margin: 0 0 10px 0;
border-top-width: 5px;
border-top-style: solid;
}
#aboutlayout .row1 a:link,
#aboutlayout .row1 a:hover,
#aboutlayout .row1 a:active,
#aboutlayout .row1 a:visited,
#aboutlayout .row2 a:link,
#aboutlayout .row2 a:hover,
#aboutlayout .row2 a:active,
#aboutlayout .row2 a:visited
 {
	color: #fff;
}
#aboutlayout .row1 ul,
#aboutlayout .row2 ul {
	margin:0 0 10px 10px;
	font-size: 1.1em;
	height:110px;
}
#aboutlayout .row1 ul li,
#aboutlayout .row2 ul li {
	margin-left:0;
	padding-left: 0;
	font-weight: bold;
	font-family: Arial;
}
ul.none li:first-child {
	margin-top: 0;
}
	#aboutlayout #heritage {
	  background-color: #6e0025;
	  overflow: hidden;
	}
	#aboutlayout #heritage img {
		border-top-color: #6e0025;
		}
	#aboutlayout #heritage.boxhover {
		background-image: url('../_core/images/heritage-bg.jpg');
		background-position: bottom center;
	}
	#aboutlayout #today {
		background: #436a93;
		overflow: hidden;
	}
		#aboutlayout #today img {
		border-top-color: #436a93;
		}
		#aboutlayout #today.boxhover {
			background-image: url('../_core/images/today-bg.jpg');
			background-position: bottom center;
		}
	#aboutlayout #tomorrow {
		background:#537e25;
		overflow: hidden;
		width:33.4%;
	}
		#aboutlayout #tomorrow img {
		border-top-color: #537e25;
		}
		#aboutlayout #tomorrow.boxhover {
			background-image: url('../_core/images/tomorrow-bg.jpg');
			background-position: bottom center;
		}
	/* VC Welcome slide styles */
	#aboutlayout .welcome {
		background: #895200;
		width: 66.6%;
		clear: none;
	}

		#aboutlayout .welcome a.title {margin:10px 0 10px 10px; float: left;}
		#aboutlayout .welcome p {color: #fff; float: left; clear: left; position:absolute; top:140px; left:10px;}
		#aboutlayout .welcome div#vc-portrait {width:50%; overflow: hidden; clear: none; float: right; margin: 0;}
	/* Serious Brain Power slide styles */
	#aboutlayout .sbp {
		background: #010075;
		width: 66.6%;
		clear: none;
	}
		#aboutlayout .sbp div#sbp-img {width:50%; overflow: hidden; clear: none; float: right; margin: 0;}
		#aboutlayout .sbp a.title {margin:10px 0 10px 10px; float: left;}
		#aboutlayout .sbp p {color:#fff; margin-left:10px;}
	/*DLS slide styles*/
	#aboutlayout .dls {
		background:#1a1a1a;
		width: 66.6%;
		clear: none;
	}
		#aboutlayout .dls div#dls-img {width:50%; overflow: hidden; clear: none; float: right; margin: 0;}
		#aboutlayout .dls a.title {margin:10px 0 10px 10px; float: left;}
	
	#aboutlayout .popularlinks {
		background:#7c94ae;
		overflow: hidden;
		width:31%;
		border-left:5px solid #fff;
	}
		#aboutlayout .popularlinks img {
			margin: 10px 0 10px 10px;
		}
		.row3 .stayconnected div#networks {width:100%;}
		.stayconnected #networks div {
		width: 49%;
		float: left;
	}
		.stayconnected>img {margin: 0 0 0 7px;}
		#networks div img,
		.stayconnected p {
		margin: 0 0 7px 7px;
		}
/*
	about layout slideshow styles
*/
#aboutlayout #slideshow {
		width:66.6%;
		overflow: hidden;
		margin: 0;
		padding: 0;
		height: 178px;
	}
#aboutlayout #slideshow .pagination {
        color: #fff;
        font-family: 'Verdana', sans-serif;
        padding: 0;
        margin: 0 8px 4px 0;
}
#aboutlayout #slideshow .pagination a {
        padding: 0;
        border: 1px solid #fff;
        margin: 165px 0 0 5px;
        color: #ffffff;
        text-decoration: none;
        outline: 0;
        font-size: 11px;
}
i#aboutlayout #slideshow .pagination a:hover {border: 1px solid #fff;}
#aboutlayout #slideshow .pagination .active {background: #c0c0c0;}
#aboutlayout #slideshow .pagination .active:hover { background: #fff; }
#aboutlayout #slideshow .slide {color: #666; overflow: hidden; width: 100%; height: 100%; }


/*COUNSELLING SLIDESHOW style*/

/**/
.CU_CLLNG #slideshow {

	width: 241px;
	height: 118px; /*NOTE: Currently set to image only height*/
	overflow: hidden;
	margin:1px 0 0 0;
	padding:0 0 0 0;
}
.CU_CLLNG #slideshow .pagination {
	color: #ffffff;
	font-family: 'Verdana', sans-serif;
	padding: 11px 12px;
	margin:0 0 0 0;
}
.CU_CLLNG #slideshow .pagination a {
	padding: 0 /*3px 5px*/;
	border: 1px solid #ffffff;
	margin: 0 0 0 5px;
	color: #fff;
	text-decoration: none;
	outline: 0;
	width:10px;
	height:10px;
	font-size:0.1em;
	display:block;
	float:left;
	/*BG needed to make it 'solid' in the centre to make it clickable*/
	background:url(../_core/images/transparent.gif);
}
.CU_CLLNG #slideshow .pagination a:hover {
	border: 1px solid #ffffff;
}
.CU_CLLNG #slideshow .pagination .active {
	background: #4272fa;
}

.CU_CLLNG #slideshow .slide {
	overflow: hidden;
}
.CU_CLLNG #slideshow .slide .fps-quote {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:2em;
	color:#a01242;
	background:#fff2bb;
	line-height:1.2em;
	width:310px;
	padding:0.8em 0.8em 0.2em 0.8em;
}
.CU_CLLNG #slideshow .slide .source {
	font-family:verdana;
	color:#a58066;
	font-size:1.1em;
	line-height:1.3em;
	font-weight:bold;
	padding:0 0.8em 0.8em 0.8em;
}
/* Slideshow - Additional content area styles*/
.CU_CLLNG #slideshow div.slide-content {margin:1em 0 0 0;}
.CU_CLLNG #slideshow .slide-content ul { margin:0 0 0 /*1.6em*/ 0;}
.CU_CLLNG #slideshow .slide-content ul li { margin:0 0 0 5px; padding:0 0 0 10px; background:url(../_core/images/dot.gif) left center no-repeat; display:inline; list-style:none; }
.CU_CLLNG #slideshow .slide-content ul > li:first-child,
.CU_CLLNG #slideshow .slide-content ul li.first {border:none; background:none; padding:0; margin:0;}
.CU_CLLNG #slideshow .slide-content a:link,
.CU_CLLNG #slideshow .slide-content a:visited {color:#fff;}
.CU_CLLNG #slideshow .slide-content {padding: 0 1.6em;}
.CU_CLLNG #slideshow .slide-content h2,
.CU_CLLNG #slideshow .slide-content h3,
.CU_CLLNG #slideshow .slide-content h4,
.CU_CLLNG #slideshow .slide-content h5,
.CU_CLLNG #slideshow .slide-content h6,
.CU_CLLNG #slideshow .slide-content p {color:#fff; font-weight:normal;}
.CU_CLLNG #slideshow .slide-content ul.events{
	margin:0;
	padding:0;
}
.CU_CLLNG #slideshow .slide-content ul.events li {
	background:url(../images/dot.gif) left center no-repeat; list-style:none;display:block;
}
.CU_CLLNG #slideshow .slide-content ul.events > li:first-child,
.CU_CLLNG #slideshow .slide-content ul.events li.first {background:url(../_core/images/dot.gif) left center no-repeat; margin:0 0 0 5px; padding:0 0 0 10px;}


/*Sustainability Week SLIDESHOW style*/

/**/
.CU_SUSTN #slideshow {

	width: 745px;
	height: 200px; /*NOTE: Currently set to image only height*/
	overflow: hidden;
	margin:1px 0 0 0;
	padding:0 0 0 0;
}
.CU_SUSTN #slideshow .pagination {
	color: #ffffff;
	font-family: 'Verdana', sans-serif;
	padding: 11px 12px;
	margin:0 0 0 0;
}
.CU_SUSTN #slideshow .pagination a {
	padding: 0 /*3px 5px*/;
	border: 1px solid #fff;
	margin: 0 0 0 5px;
	color: #fff;
	text-decoration: none;
	outline: 0;
	width:10px;
	height:10px;
	font-size:0.1em;
	display:block;
	float:left;
	/*BG needed to make it 'solid' in the centre to make it clickable*/
	background:url(../images/transparent.gif);
}
.CU_SUSTN #slideshow .pagination a:hover {
	border: 1px solid #ffffff;
}
.CU_SUSTN #slideshow .pagination .active {
	background: #4371f9;
}

.CU_SUSTN #slideshow .slide {
	color: #ffffff;
	overflow: hidden;
}
/* Slideshow - Additional content area styles*/
.CU_SUSTN #slideshow div.slide-content {margin:1em 0 0 0;}
.CU_SUSTN #slideshow .slide-content ul { margin:0 0 0 /*1.6em*/ 0;}
.CU_SUSTN #slideshow .slide-content ul li { margin:0 0 0 5px; padding:0 0 0 10px; background:url(../images/dot.gif) left center no-repeat; display:inline; list-style:none; }
.CU_SUSTN #slideshow .slide-content ul > li:first-child,
.CU_SUSTN #slideshow .slide-content ul li.first {border:none; background:none; padding:0; margin:0;}
.CU_SUSTN #slideshow .slide-content a:link,
.CU_SUSTN #slideshow .slide-content a:visited {color:#fff;}
.CU_SUSTN #slideshow .slide-content {padding: 0 1.6em;}
.CU_SUSTN #slideshow .slide-content h2,
.CU_SUSTN #slideshow .slide-content h3,
.CU_SUSTN #slideshow .slide-content h4,
.CU_SUSTN #slideshow .slide-content h5,
.CU_SUSTN #slideshow .slide-content h6,
.CU_SUSTN #slideshow .slide-content p {color:#fff; font-weight:normal;}
.CU_SUSTN #slideshow .slide-content ul.events{
	margin:0;
	padding:0;
}
.CU_SUSTN #slideshow .slide-content ul.events li {
	background:url(../images/dot.gif) left center no-repeat; list-style:none;display:block;
}
.CU_SUSTN #slideshow .slide-content ul.events > li:first-child,
.CU_SUSTN #slideshow .slide-content ul.events li.first {background:url(../images/dot.gif) left center no-repeat; margin:0 0 0 5px; padding:0 0 0 10px;}	



/*  ADVICE & GUIDANCE Styles  */

.CU_ADVIS #money{
	background:#d8d9e6;
}
.CU_ADVIS #academic{
	background:#ffe3c0;
}
.CU_ADVIS #care-leavers{
	background:#e4ccec;
	margin-bottom:14px;
}
.CU_ADVIS #housing{
	background:#d8e2d2;
}
.CU_ADVIS #employment{
	background:#e9ccce;
}
.CU_ADVIS #news{
	background:#cce9f6;
	margin-bottom:14px;	
}
.CU_ADVIS #money, .CU_ADVIS #academic, .CU_ADVIS #care-leavers, .CU_ADVIS #housing, .CU_ADVIS #employment, .CU_ADVIS #news{
	height:110px;
}
.CU_ADVIS #advice-header{
	height:120px;
	background:#3e4182 url(../_core/images/advice-header-background.gif) no-repeat -20px -20px;
	background-position:top right;
	margin-top:10px;
}
.CU_ADVIS .advice-content{
	margin-right:160px;
	color:#ffffff;
}
.CU_ADVIS .advice-content a{
	color:#ffffff;
}
.CU_ADVIS hr{
	color: #e4e4e4;
	background-color: #e4e4e4;
	height: 1px;
}
.CU_ADVIS #content #money a.linkIcon {
		background:url(../_core/images/advice-link-icon-money.gif) left 1px no-repeat;
		padding: 0 0 0 15px;
}
.CU_ADVIS #content #academic a.linkIcon {
		background:url(../_core/images/advice-link-icon-academic.gif) left 1px no-repeat;
		padding: 0 0 0 15px;
}
.CU_ADVIS #content #care-leavers a.linkIcon {
		background:url(../_core/images/advice-link-icon-care-leavers.gif) left 1px no-repeat;
		padding: 0 0 0 15px;
}
.CU_ADVIS #content #housing a.linkIcon {
		background:url(../_core/images/advice-link-icon-housing.gif) left 1px no-repeat;
		padding: 0 0 0 15px;
}
.CU_ADVIS #content #employment a.linkIcon {
		background:url(../_core/images/advice-link-icon-employment.gif) left 1px no-repeat;
		padding: 0 0 0 15px;
}
.CU_ADVIS #content #news a.linkIcon {
		background:url(../_core/images/advice-link-icon-news.gif) left 1px no-repeat;
		padding: 0 0 0 15px;
}
/*SLIDESHOW style*/

/**/
.CU_ADVIS #slideshow {
	width: 237px;
	height: 114px; /*NOTE: Currently set to image only height*/
	overflow: hidden;
	background: #fff;
	padding:0;
}
.CU_ADVIS #slideshow .pagination {
	color: #ffffff;
	font-family: 'Verdana', sans-serif;
	padding: 11px 8px;
	margin:0 0 0 0;
}
.CU_ADVIS #slideshow .pagination a {
	padding: 0 /*3px 5px*/;
	border: 1px solid #acadad;
	margin: 0 0 0 5px;
	color: #fff;
	text-decoration: none;
	outline: 0;
	width:8px;
	height:8px;
	font-size:0.1em;
	display:block;
	float:left;
	/*BG needed to make it 'solid' in the centre to make it clickable*/
	background:url(/styles/_core/images/transparent.gif);
}
.CU_ADVIS #slideshow .pagination a:hover {
	border: 1px solid #acadad;
}
.CU_ADVIS #slideshow .pagination .active {
	background: #acadad;
}

.CU_ADVIS #slideshow .slide {
	color: #ffffff;
	overflow: hidden;
	width: 100%;
	height: 100%;
}


/* FINANCIAL SUPPORT STYLES */

.fs-out-of-money{
	background:#2aae2a url(../_core/images/out-of-money.jpg) bottom right no-repeat;
	border:solid 1px #089908;		
}
.fs-student-funding{
	background:#cb304d url(../_core/images/student-funding.jpg) bottom right no-repeat;
	border:solid 1px #ba1e3b;
}
.fs-manage-money{
	background:#4d83d3 url(../_core/images/manage-money.jpg) bottom right no-repeat;
	border:solid 1px #3970c2;
}
.fs-charities{
	background:#9153b9 url(../_core/images/charities.jpg) bottom right no-repeat;
	border:solid 1px #8129b9;
}
.fs-out-of-money, .fs-student-funding, .fs-manage-money, .fs-charities{
	color:#ffffff;
	height:220px;
}
.fs-out-of-money-s{
	background:#2aae2a url(../_core/images/out-of-money.jpg) bottom right no-repeat;
	border:solid 1px #089908;		
}
.fs-student-funding-s{
	background:#cb304d url(../_core/images/student-funding.jpg) bottom right no-repeat;
	border:solid 1px #ba1e3b;
}
.fs-manage-money-s{
	background:#4d83d3 url(../_core/images/manage-money.jpg) bottom right no-repeat;
	border:solid 1px #3970c2;
}
.fs-charities-s{
	background:#9153b9 url(../_core/images/charities.jpg) bottom right no-repeat;
	border:solid 1px #8129b9;
}
.fs-out-of-money-s, .fs-student-funding-s, .fs-manage-money-s, .fs-charities-s{
	color:#ffffff;
	float:left;
	margin-bottom:10px;
}
.fs-out-of-money a, .fs-student-funding a, .fs-manage-money a, .fs-charities a, .fs-out-of-money a:active, .fs-student-funding a:active, .fs-manage-money a:active, .fs-charities a:active, .fs-out-of-money a:hover, .fs-student-funding a:hover, .fs-manage-money a:hover, .fs-charities a:hover{
	font-weight:bold;
	color:#ffffff;
}
.fs-out-of-money li, .fs-student-funding li, .fs-manage-money li, .fs-charities li{
line-height:1.5em;
}
.fs-out-of-money hr, .fs-student-funding hr, .fs-manage-money hr, .fs-charities hr, .fs-out-of-money-s hr, .fs-student-funding-s hr, .fs-manage-money-s hr, .fs-charities-s hr{
	height: 1px;
	border:0;
	padding:0;
	margin:-10px 0 0 0;
}
.fs-out-of-money hr, .fs-out-of-money-s hr{
	color: #95d795;
	background-color: #95d795;
}
.fs-student-funding hr, .fs-student-funding-s hr{
	color: #e598a6;
	background-color: #e598a6;
}
.fs-manage-money hr, .fs-manage-money-s hr{
	color: #a6c1e9;
	background-color: #a6c1e9;
}
.fs-charities hr, .fs-charities-s hr{
	color: #c8a9dc;
	background-color: #c8a9dc;
}
.fs-news{
	float:left;
	border:solid 1px #cccccc;
}
.fs-dates{
	float:left;
	border:solid 1px #cccccc;
}


/* DISABILITY & DYSLEXIA SERVICES */

.CU_DYSLX #current-students, .CU_DYSLX #applicants, .CU_DYSLX #specific-disability, .CU_DYSLX #dyslexia, .CU_DYSLX #disabled-allowance, .CU_DYSLX #exams, .CU_DYSLX #assessment-centre, .CU_DYSLX #support-worker, .CU_DYSLX #study-skills{
	height:140px;
	background:url(../_core/images/section-background.jpg) repeat-x bottom left;
	margin-bottom:10px;
}
.CU_DYSLX #disability-header{
	height:120px;
	background:#004d3b url(../_core/images/disability-header-background.png) no-repeat -20px -20px;
	background-position:top right;
	margin-top:10px;
	margin-bottom:10px;
}
.CU_DYSLX .disability-content{
	margin-right:160px;
	color:#ffffff;
}
.CU_DYSLX #current-students-header{
	background:#8d009e;
}
.CU_DYSLX #current-students{
	border-bottom:solid 1px #8d009e;
}
.CU_DYSLX #applicants-header{
	background:#e20a93;
}
.CU_DYSLX #applicants{
	border-bottom:solid 1px #e20a93;
}
.CU_DYSLX #specific-disability-header{
	background:#e20a3d;
}
.CU_DYSLX #specific-disability{
	border-bottom:solid 1px #e20a3d;
}
.CU_DYSLX #dyslexia-header{
	background:#2301a2;
}
.CU_DYSLX #dyslexia{
	border-bottom:solid 1px #2301a2;
}
.CU_DYSLX #disabled-allowance-header{
	background:#0f6fd0;
}
.CU_DYSLX #disabled-allowance{
	border-bottom:solid 1px #0f6fd0;
}
.CU_DYSLX #exams-header{
	background:#2495e3;
}
.CU_DYSLX #exams{
	border-bottom:solid 1px #2495e3;
}
.CU_DYSLX #assessment-centre-header{
	background:#00880a;
}
.CU_DYSLX #assessment-centre{
	border-bottom:solid 1px #00880a;
}
.CU_DYSLX #support-worker-header{
	background:#09af15;
}
.CU_DYSLX #support-worker{
	border-bottom:solid 1px #09af15;
}
.CU_DYSLX #study-skills-header{
	background:#33c316;
}
.CU_DYSLX #study-skills{
	border-bottom:solid 1px #33c316;
}
.CU_DYSLX #current-students img, .CU_DYSLX #applicants img, .CU_DYSLX #specific-disability img, .CU_DYSLX #dyslexia img, .CU_DYSLX #disabled-allowance img, .CU_DYSLX #exams img, .CU_DYSLX #assessment-centre img, .CU_DYSLX #support-worker img, .CU_DYSLX #study-skills img{
	padding:8px;
}
.CU_DYSLX .arrows{
	float:right;
}
body.insrv #commentForm label.error{
color:red;
}

/* FINANCIAL SUPPORT STYLES */

.fs-out-of-money{
background:#cb304d url(../_core/images/out-of-money.jpg) bottom right no-repeat;
border:solid 1px #ba1e3b;
}
.fs-student-funding{
background:#2aae2a url(../_core/images/student-funding.jpg) bottom right no-repeat;
border:solid 1px #089908;
}
.fs-manage-money{
background:#4d83d3 url(../_core/images/manage-money.jpg) bottom right no-repeat;
border:solid 1px #3970c2;
}
.fs-charities{
background:#9153b9 url(../_core/images/charities.jpg) bottom right no-repeat;
border:solid 1px #8129b9;
}
.fs-out-of-money, .fs-student-funding, .fs-manage-money, .fs-charities{
color:#ffffff;
height:220px;
}
.fs-out-of-money-s{
background:#cb304d url(../_core/images/out-of-money.jpg) bottom right no-repeat;
border:solid 1px #ba1e3b;
}
.fs-student-funding-s{
background:#2aae2a url(../_core/images/student-funding.jpg) bottom right no-repeat;
border:solid 1px #089908;
}
.fs-manage-money-s{
background:#4d83d3 url(../_core/images/manage-money.jpg) bottom right no-repeat;
border:solid 1px #3970c2;
}
.fs-charities-s{
background:#9153b9 url(../_core/images/charities.jpg) bottom right no-repeat;
border:solid 1px #8129b9;
}
.fs-out-of-money-s, .fs-student-funding-s, .fs-manage-money-s, .fs-charities-s{
color:#ffffff;
float:left;
margin-bottom:10px;
}
.fs-out-of-money a, .fs-student-funding a, .fs-manage-money a, .fs-charities a, .fs-out-of-money a:active, .fs-student-funding a:active, .fs-manage-money a:active, .fs-charities a:active, .fs-out-of-money a:hover, .fs-student-funding a:hover, .fs-manage-money a:hover, .fs-charities a:hover{
font-weight:bold;
color:#ffffff;
}
.fs-out-of-money li, .fs-student-funding li, .fs-manage-money li, .fs-charities li{
line-height:1.5em;
}
.fs-out-of-money hr, .fs-student-funding hr, .fs-manage-money hr, .fs-charities hr, .fs-out-of-money-s hr, .fs-student-funding-s hr, .fs-manage-money-s hr, .fs-charities-s hr{
height: 1px;
border:0;
padding:0;
margin:-10px 0 0 0;
}
.fs-out-of-money hr, .fs-out-of-money-s hr{
color: #95d795;
background-color: #95d795;
}
.fs-student-funding hr, .fs-student-funding-s hr{
color: #e598a6;
background-color: #e598a6;
}
.fs-manage-money hr, .fs-manage-money-s hr{
color: #a6c1e9;
background-color: #a6c1e9;
}
.fs-charities hr, .fs-charities-s hr{
color: #c8a9dc;
background-color: #c8a9dc;
}
.fs-news{
float:left;
border:solid 1px #cccccc;
}
.fs-dates{
float:left;
border:solid 1px #cccccc;
}

/*FINANCIAL SUPPORT SLIDESHOW style*/

/**/
.financial-support #slideshow {
width: 365px;
height: 155px; /*NOTE: Currently set to image only height*/
overflow: hidden;
background: #efe6d9;
margin:0;
padding:0;
}
.financial-support #slideshow .pagination {
color: #ffffff;
font-family: 'Verdana', sans-serif;
padding: 11px 8px;
margin:0 0 0 0;
}
.financial-support #slideshow .pagination a {
padding: 0 /*3px 5px*/;
border: 1px solid #fff;
margin: 0 0 0 5px;
color: #fff;
text-decoration: none;
outline: 0;
width:10px;
height:10px;
font-size:0.1em;
display:block;
float:left;
/*BG needed to make it 'solid' in the centre to make it clickable*/
background:url(../images/transparent.gif);
}
.financial-support #slideshow .pagination a:hover {
border: 1px solid #ffffff;
}
.financial-support #slideshow .pagination .active {
background: #4371f9;
}

.financial-support #slideshow .slide {
color: #ffffff;
overflow: hidden;
width: 100%;
height: 100%;
}
/* Slideshow - Additional content area styles*/
.financial-support #slideshow div.slide-content {margin:0 0 0 0;}
.financial-support #slideshow .slide-content ul { margin:0 0 0 /*1.6em*/ 0;}
.financial-support #slideshow .slide-content ul li { margin:0 0 0 5px; padding:0 0 0 10px; background:url(../images/dot.gif) left center no-repeat; display:inline; list-style:none; }
.financial-support #slideshow .slide-content ul > li:first-child,
.financial-support #slideshow .slide-content ul li.first {border:none; background:none; padding:0; margin:0;}
.financial-support #slideshow .slide-content a:link,
.financial-support #slideshow .slide-content a:visited {color:#fff;}
.financial-support #slideshow .slide-content {padding: 0 1.6em;}
.financial-support #slideshow .slide-content h2,
.financial-support #slideshow .slide-content h3,
.financial-support #slideshow .slide-content h4,
.financial-support #slideshow .slide-content h5,
.financial-support #slideshow .slide-content h6,
.financial-support #slideshow .slide-content p {color:#fff; font-weight:normal;}
.financial-support #slideshow .slide-content ul.events{
margin:0;
padding:0;
}
.financial-support #slideshow .slide-content ul.events li {
background:url(../images/dot.gif) left center no-repeat; list-style:none;display:block;
}
.financial-support #slideshow .slide-content ul.events > li:first-child,
.financial-support #slideshow .slide-content ul.events li.first {background:url(../images/dot.gif) left center no-repeat; margin:0 0 0 5px; padding:0 0 0 10px;}



