html {
	overflow-y: scroll;
}

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.4;
	color: #56575a;
}

a img {
	border: 0;
}

/* contains only floats */
.cof {
	overflow: hidden;
	zoom: 1;
}

/* Headings */

h1,
h2,
h3,
h4,
h5,
h6 {
	line-height: 1.3
}

h1 {
	font-size: 30px;
	color: #696a6e;
	max-width: 600px;
	margin-top: 10px;
}

h2 {
	font-size: 18px;
}

h3 {
	font-size: 16px;
}

h4 {
	font-size: 14px;
}

h1 a, h2 a, h3 a {
	text-decoration: none;
}

h1 a:hover, h2 a:hover, h3 a:hover {
	text-decoration: underline;
}


/* Text styles */

p.date {
	margin: 3px 0;
	font-size: 14px;
	color: #888;
}

a {
	color: #984a9c;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

table {
	border-collapse: collapse;
	border-color: #C4C5C7 !important;
}

table td,
table th {
	border-color: #C4C5C7 !important;
	padding: 4px;
	font-size: 12px;
	vertical-align: top;
}

.clear: after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clear {
	_height: 1%;
	zoom: 1;
}

.topbar {
	overflow: hidden;
	padding: 25px 0 20px 0;
	zoom: 1;
}

.topbar_logo {
	float: left;
}

.topbar_login {
	width: 400px;
	float: right;
}

.topbar_links {
	font-size: 12px;
	text-align: right;
	color: #83d2e4;
}

.topbar_links a {
	color: #56575a;
	text-decoration: none;
	margin: 0 3px;
}

.topbar_links a: hover {
	text-decoration: underline;
}

.topbar_search {
	margin: 15px 0 0 0;
	text-align: right;
}

.search_field {
	width: 220px;
	float: left;
	text-align: left;
}

.sitesearch input {
	vertical-align: middle;
}

.sitesearch input.text {
	padding: 5px 4px 3px 4px;
	width: 140px;
	height: 24px;
	line-height: 18px;
	border: 0;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background: url(/images/and/sitesearch_input.png) 0 0 no-repeat;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

.submit_go {
	width: 26px;
	height: 29px;
	background: url(../images/mainmenu/submit_go.gif) no-repeat top;
	border: 0px none;
	cursor: pointer;
	vertical-align: middle;
 	*vertical-align: top;
	text-indent: -1000px;
	display: inline;
}

.back {
	width: 33px;
	height: 31px;
	background: url(../images/mainmenu/back.gif) no-repeat;
	border: 0px none;
	cursor: pointer;
}

#crumbtrail {
	font-size: 12px;
	text-decoration: none;
	color: #999;
	margin-bottom: 0;
}

#crumbtrail a,
#crumbtrail .crumbdot {
	font-weight: bold;
	text-decoration: none;
	color: #83d2e4;
}

#crumbtrail a: hover {
	text-decoration: underline;
}

/* content */

.SubmitButton a {
	color: #EC008C;
	font-size: 1.7em;
	font-weight: bold;
	text-decoration: none;
}

.SubmitButton a: hover {
	color: #984A9C;
	font-size: 1.7em;
	font-weight: bold;
	text-decoration: none;
}

#page {
	width: 920px;
	margin: 0 auto;
}

#content {
	padding-top: 20px;
	overflow: hidden;
	zoom: 1
}

#sideleft {
	float: left;
	width: 200px;
	margin-right: 40px;
}

.sideright {
	float: right;
	width: 200px;
}

#main {
	float: left;
	width: 680px;
}

/* Subnav  */

.leftlist {
	margin: 0 0 0px 0px;
	padding: 0;
	font-size: 12px;
	background: #f3f3f3;
	margin-bottom: 20px;
	border: 4px solid #fff;
}

.leftlist li {
	list-style: none;
	margin: 0 0 0px 0;
}

.leftlist li a {
	color: #111;
	display: block;
	text-decoration: none;
	padding: 6px 10px;
	border-top: 1px dotted #9fa0a4;
}

.leftlist > li:first-child > a {
	border-top: 1px solid #fff;
}

.leftlist .current > a {
	position: relative;
	z-index: 100;
	background: #dadc56;
	border-top: 0;
	padding-top: 8px;
	padding-bottom: 8px;
	margin: -2px -4px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.leftlist ul {
	margin-left: 0;
	padding-left: 0;
}

.leftlist li li a {
	padding-left: 25px;
}

.leftlist li li li a {
	padding-left: 50px;
}

/* Alternative templates */

	/* Used on platform subhome */

.template_treble_col #sideleft {
	width: 280px;
}

.template_treble_col #main {
	width: 600px;
}

	/* Login page */
	
.template_single_column {
	text-align: center;
}

.template_single_column #main {
	text-align: left;
	width: 440px;
	margin: 0 auto;
	float: none;
}

/* Banners */

.banner {
	width: 200px;
	margin-bottom: 20px;
	background: #dadc56 url(/images/and/banners.png) no-repeat 0 0;
}

.banner a {
	display: block;
	background: url(/images/and/banners.png) no-repeat -600px 100%;
	padding: 20px 25px 30px 20px;
	color: #000;
	text-decoration: none;
}

.banner .icon {
	margin-left: 6px;
	width: 6px;
	height: 10px;
	display: inline-block;
	overflow: hidden;
	background: url(/images/and/banners.png) no-repeat -1200px 0;
}

.banner_blue {
	background-position: -200px 0;
	background-color: #83d2e4;
}
.banner_blue a {
	background-position: -800px 100%;	
}
.banner_blue .icon {
	background-position: -1200px -10px;
}

.banner_pink {
	background-position: -400px 0;
	background-color: #e3038c;
}
.banner_pink a {
	background-position: -1000px 100%;	
	color: #fff;
}
.banner_pink .icon {
	background-position: -1200px -20px;
}

.banner h3 {
	margin: 0 0 10px 0;
	font-size: 16px;
	font-weight: bold;
}
.banner p {
	font-size: 12px;
	margin: 0;
}

/* FOOTER */

#footer {
	clear: both;
	width: 900px;
	margin: 40px 0 0;
}

.footer_dotted {
	width: 900px;
	height: 5px;
	padding-bottom: 17px;
	background: url(../images/footer/icon_square.gif) repeat-x top left;
	margin: 20px auto 0;
}

.footer_logo_small {
	width: 123px;
	height: 83px;
	background: url(../images/footer/logo_small.gif) no-repeat;
	float: left;
}

.footer_text a {
	color: #696a6c;
	text-decoration: none;
}

.footer_text a: hover {
	color: #696a6c;
	text-decoration: underline;
}

/* new footer styles for wider layout - need editing to mix with above properly. */
#footer .footerwrapper {
	padding: 30px 0 25px 0;
	overflow: hidden;
	zoom: 1;
}

#footer .footer_dotted {
	width: 100%!important;
}

#footer .footer_creativepartnership_logo {
	background: url(../images/layout/creativepartnershiplogo.png) no-repeat 0 0;
	float: left;
	display: block;
	width: 62px;
	height: 30px;
	margin: 0 20px 0 0;
}

#footer .footer_artscoucil_logo {
	background: url(../images/layout/artscouncillogo.png) no-repeat 0 0;
	float: left;
	display: block;
	width: 128px;
	height: 30px;
}

#footer .footerwrapper ul {
	padding: 0;
	margin: 0;
	overflow: hidden;
	zoom: 1;
}

#footer .footerwrapper ul li {
	float: left;
	border: solid #999 1px;
	border-width: 0 1px 0 0;
	line-height: 0.9em;
	list-style: none;
}

#footer ul li.start {
	border-width: 0 1px 0 0;
}

#footer ul li.end {
	border-width: 0;
}

#footer .footerwrapper ul li {
	margin: 0 5px 0 0;
	padding: 0 5px 0 0;
}

#footer .footerwrapper ul li a {
	color: #696A6C;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 0.9em;
	float: left;
	display: block;
}

#footer ul li a: hover {
	text-decoration: underline;
}

#footer p {
	margin: 0;
	padding: 0;
	font-size: 0.9em;
	color: #696A6C;
}

#footer .footer_logo_small {
	width: 105px;
	height: 39px;
	background-position: -6px 0;
	margin: 0 20px 0 0;
}

#footer .footerleft {
	float: left;
}

#footer .footerright {
	float: right;
	width: 545px;
	text-align: right;
	font-size: 14px;
}

.subdivider_n {
	background: transparent url(../images/content/pix_green.gif) repeat-x scroll 0 0;
	height: 1px;
	margin: 12px 0 12px 0px;
	width: 181px;
}

.registersubhome {
	background: transparent url(../images/content/register_small.gif) no-repeat scroll right top;
	cursor: pointer;
	height: 63px;
	margin: 0 0 0 0px;
	padding: 10px 0 0 10px;
	text-decoration: none;
	width: 171px;
}

.register_small h1,
.registersubhome h1 {
	color: #444444;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

.register_small p,
.registersubhome p {
	color: #444444;
	font-size: 11px;
	line-height: 15px;
	margin: 5px 0 0;
	padding: 0;
}

/* Page tools */

.facebook_like {
	padding-top: 2em;
}

.page-tools ul {
	margin: 0;
	padding: 0;
}

.page-tools ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	display: inline;
	margin-right: 18px;
}

.page-tools ul li a {
	padding-left: 22px;
	background-repeat: no-repeat;
	background-position: 0 50%;
	color: #666;
	text-decoration: none;
}

.page-tools .send-page a {
	background-image: url(../images/page_tools/send_friend_purple.gif);
}

.page-tools .share-page a {
	background-image: url(../images/page_tools/share_purple.gif);
}

.page-tools .feedback a {
	background-image: url(../images/page_tools/feedback_purple.gif);
}

.page-tools .print-page a {
	background-image: url(../images/page_tools/print_purple.gif);
}

/* Dialogs */

/* Modal dialogs */

.jqmWindow {
	display: none;
	position: fixed;
	top: 180px;
	left: 50%;
	margin-left: -200px;
	width: 400px;
	height: 280px;
	color: #333;
	background: #fff url(../images/dialog/footer.gif) no-repeat 100% 100%;
	border: 2px solid #ec0b8d;
	border-bottom-width: 0;
	_position: absolute;
 _top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

.jqmWindow .head .title {
	width: 80%;
	font-weight: normal;
	font-size: 1.5em;
	color: #333;
}

.jqmOverlay {
    background-color: #fff;
}

.jqmClose {
	cursor: pointer;
	text-indent: -9999px;
	background: url(../images/dialog/close.gif) no-repeat 0 0;
	float: right;
	height: 24px;
	width: 24px;
}

/* Popups */

.ui-dialog iframe {
	background: none;
}

.ui-dialog {
	border: 2px solid #ec0b8d;
	border-bottom-width: 0;
	background: #ffffff url(../images/dialog_footer.gif) no-repeat 100% 100%;
}

.ui-dialog-titlebar-close {
	float: right;
	display: inline;
	cursor: pointer;
	outline: none;
}

.ui-dialog-titlebar {
	padding: 10px;
}

.ui-dialog-title {
	float: left;
	font-size: 18px;
	font-weight: bold;
}

.ui-dialog-titlebar-close span {
	display: block;
	background: url(../images/dialog_close.gif);
	height: 24px;
	width: 24px;
	overflow: hidden;
	text-indent: -9999px;
}

/*  Main navigation */

/*
	There is some javascript code at the bottom of the master template 
	that assures that the menu items are of equal width and that the first
	and last have classes to mark them as such.
	
	Thise code is in the footer on every page to assure it runs super fast each
	time, which it would not do in an external script.
	
	If IE supported display: table-cell then this wouldn't be required.. but ho hum.

*/

.navigation_top {
	clear: both;
}

.navigation_top ul {
	padding: 0;
	margin: 0;
	overflow: hidden;
	zoom: 1;
	list-style: none;
	height: 33px;
	background: url(/images/and/menu.png) no-repeat;
}

.navigation_top li {
	float: left;
	width: 153px;
}

.navigation_top li a {
	display: block;
	outline: none;
	text-align: center;
	padding: 6px 0;
	color: #5f6063;
	font-size: 15px;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 1px;
	border-right: 1px solid #c4c5c7;
	border-left: 1px solid #f7f7f7;
}

.navigation_top li:first-child a {
	border-left: 0;
}
.navigation_top li:last-child a {
	border-right: 0;
}

	/* And for IE do the same (classes are added with JS */
	.navigation_top li.first-child a {
		border-left: 0;
	}
	.navigation_top li.last-child a {
		border-right: 0;
	}
	
.navigation_top li.first-child.current a {
	border-left: 0;
}
.navigation_top li.first-child.current a {
	border-left: 0;
}
.navigation_top li.last-child.current a {
	border-right: 0;
}

/* footer top */
.foot_top {
	overflow: hidden;
	zoom: 1;
	padding: 18px 30px;
	border: solid 1px #cacdcf;
	border-width: 1px 0;
}

.foot_top ul.sn_slides {
	float: left;
	padding: 0;
	margin: 0;
	list-style: none;
}

.foot_top ul.sn_slides li {
	float: left;
	margin: 0 55px 0 0;
}

.foot_top ul.sn_slides li a {
	display: block;
	background: url(../images/footer_sn_slides_v2.png) no-repeat;
	text-indent: -9999px;
	height: 65px;
	outline: none;
}

.foot_top ul.sn_slides li.id_01 a {
	width: 119px;
}

.foot_top ul.sn_slides li.id_02 a {
	width: 115px;
	background-position: -119px 0;
}

.foot_top ul.sn_slides li.id_01 a: hover {
	background-position: 0 -65px;
}

.foot_top ul.sn_slides li.id_02 a: hover {
	background-position: -119px -65px;
}

.foot_top .twitterFeed {
	float: right;
	width: 450px;
}

.foot_top .twitterFeed .feedDisplay {
	float: left;
	width: 310px;
	margin: 5px 0 0;
}

.foot_top .twitterFeed .feedDisplay ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.foot_top .twitterFeed .feedDisplay ul li a {
	color: #EF008B;
	text-decoration: none;
}

.foot_top .twitterFeed .feedDisplay ul li span {
	color: #666;
}

.foot_top .twitterFeed .followLink {
	float: right;
	display: none;
}

.foot_top .twitterFeed .followLink {
	margin: 0 0 0 20px;
}

.foot_top .twitterFeed .followLink a {
	display: block;
	width: 118px;
	height: 75px;
	background: url(../images/footer_sn_slides.png) no-repeat 100% 0;
	text-indent: -9999px;
}

.foot_top .twitterFeed .followLink a: hover {
	background-position: 100% -75px;
}


/* Paging */

.paging {
	overflow: hidden;
	margin: 0 0 20px 0;
}

.pagelinks {
	display: block;
	float: left;
}

.pagelinks span,
.pagelinks a {
	display: block;
	float: left;
	padding: 4px 0;
	width: 28px;
	height: 20px;
	overflow: hidden;
	text-align: center;
	background: url(/images/and/paging_sprite.png) no-repeat;
	color: #696a6e;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
	margin-right: 3px;
}

.pagelinks .prev,
.pagelinks .next {
	text-indent: -9999px;
	background-position: -56px 0;
}

.pagelinks .next {
	background-position: -84px 0;
}

.pagelinks .current {
	background-position: -28px 0;
	font-weight: normal;
}

	/* Paging and results bar */

.paging .display {
	display: block;
	float: right;
}

.display select {
	font-size: 12px;
	border: 1px solid #c4c5c7;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin-right: 4px;
	padding: 5px;
}

/* Lists */

	/* For main page lists like events, news, etc. Can include thumbnails */

ul.listing {
	clear: both;
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.listing li {
	margin: 0 0 20px 0;
	padding: 0;
	overflow: hidden;
}

ul.listing .image {
	float: left;
	width: 100px;
	margin-right: 10px;
	text-align: center;
}

ul.listing .text {
	overflow: hidden;
	font-size: 12px;
}

ul.listing h2,
ul.listing h3,
ul.listing h4 {
	margin-top: 0;
	margin-bottom: 3px;
}

.main_bottom .listing_resources h4 {
	margin-bottom:15px;
}

ul.listing p {
	margin-top: 0;
}

	/* For lists of latest posts, tweets and so forth in sidebars */
	
ul.shortlist {
	margin-left: 0;
	padding-left: 0;
}

ul.shortlist li {
	margin-left: 0;
	list-style: none;
}

ul.shortlist h4 {
	margin-bottom: 3px;
}

ul.shortlist p {
	margin: 3px 0;
}

.detail {
	font-size: 14px;
}


/* Panels */

	/* Generic panel */
	
.panel {
	margin-bottom: 20px;
}

	/* Feed panels (as featured on the platforms page) */

.panel_feed h3 {
	margin-top: 0;
	width: 280px;
	background: #dadc56 url(/images/and/feed_header24bit.png) no-repeat -280px 0;
	color: #000;
	font-size: 14px;
}
.panel_feed h3 span {
	display: block;
	background: url(/images/and/feed_header24bit.png) no-repeat 0 100%;
	padding: 8px 10px 15px;
}

.panel_feed_green h3 {
	background-color: #dadc56;
}
.panel_feed_blue h3 {
	background-color: #83d2e4;	
}
.panel_feed_purple h3 {
	background-color: #984a9c;	
}
.panel_feed_pink h3 {
	background-color: #e3038c;	
	color: #fff;
}

	/* Style 3: shaded basically - as used on news search */
	
.panel_style3 {
	background: #696a6e url(/images/and/panel_style3.png) no-repeat;
}

.panel_style3 .wrapper {
	background: url(/images/and/panel_style3.png) no-repeat -200px 100%;
	padding: 15px;
	color: #fff;
}

.panel_style3 h3 {
	color: #dadc56;
	margin: 0 0 10px 0;
	text-shadow: 0 -1px rgba(0,0,0,0.3);
}

/* Error and info boxes */

.errorbox {
	background: #fbd9ee;
	color: #494a4c;
	border: 0;
	padding: 20px;
	margin-bottom: 20px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}


.resourceImage {
	float:left;

}

.resourceInfo {
	margin-bottom:10px;
}

.resourceExtraInfo {}