div#contextual {width: 23em; margin: 0; clear: left; float: left; overflow: hidden;}
div#main {clear: both; position: relative; width: 77.5em; padding-left: 4.8em; margin-left: 0em; overflow: hidden; min-height: 150px;}
div#primary {width: 44.4em; float: left; margin: 0 0 1em 0; padding: 0; border-left: 1px solid #fff;overflow: hidden;}
div#primary div.clear {margin: 0 -0.8em;}
div#secondary {width: 19.3em; float: right; overflow: hidden;}


/* Social links */

#socialLinks {float: right; width: 30%; list-style-type: none; margin-top: 1.5em; margin-right: 1em; overflow: hidden;}
	#socialLinks li {float: right; margin-left: 2.5em;}
	#socialLinks li.noMargin {margin-left: 0 !important;}

		#emailPage {background: transparent url(/assets/v1/images/icon-email-page.gif) 0 50% no-repeat; padding-left: 18px; color: #797979; text-decoration: none;}
		#printPage {background: transparent url(/assets/v1/images/icon-print-page.gif) 0 50% no-repeat; padding-left: 18px; color: #797979; text-decoration: none;}



/* Primary content */

#primary {font-size: 1.2em; line-height: 1.4; font-weight: normal;}
	#primary #content {float: left; overflow: hidden;}
	#primary #related {float: left; overflow: hidden;}


/* 2012 logo */

#logo2012 {position: absolute; left: 0.5em !important; top: 1em; }
#home #logo2012 {position: relative; float: left; margin: 0 1em 1em -4.5em;}


/* ============================== */
/* || SPECIFIC ELEMENT STYLING || */
/* ============================== */

a.discorveryLinkHighlight:focus{ border: 3px solid #0099FF; }
a.discorveryLinkHighlightY:focus{ border: 3px solid #FFEB04; }

hr {height: 0.6em; border: 0; background-color: #E0E0E0; color: #E0E0E0; margin: 1em 0;}
address {font-style: normal;}

.intro {font-size: 1.3em; background: #09F; color: #fff; padding: 0.5em; margin: 0 0 1em 0;}
.full .intro {padding-left: 65px;}

/* Headings */

div#main h1 {font: normal bold 2em Arial, Helvetica, sans-serif; margin: 0.75em 0 0.5em; color: #44193B;}
div#main h1 {margin-left: 65px; width: 60%; float: left;}
div#main h1.homeHeading {font-size: 1.3em; font-weight: bold; color: #44193B; width: auto !important; margin-left: auto !important; float: none !important; clear: right;}
div#main h2 {font-size: 1.3em; font-weight: bold; color: #44193B;}
div#main h3 {font-size: 1.2em; font-weight: bold; color: #44193B;}
div#main h4 {font-size: 1.1em; font-weight: bold; color: #44193B;}
div#main h5 {font-size: 1.0em; font-weight: bold; color: #44193B;}
div#main h6 {font-size: 0.9em; font-weight: bold; color: #44193B;}
/* Welsh language tweaks */
body.cy div#main h1 {width: 51%;}

div#primary ul {list-style-type: square;}
div#primary ol {list-style-type: decimal;}
	div#primary ul li,
	div#primary ol li {margin: 0 0 0.5em 2em;}

	.supporting ul li,
	.supporting ol li {margin: 0 0 0.5em 0 !important;}

div#primary h3 {margin: 1em 0 0.5em;}
div#main h1 {margin-left: 65px; width: 60%; float: left;}

/* Table styling */

div#primary table {margin: 1em 0;}
	div#primary table th { text-align: left; padding: 0.25em;}
	div#primary table td { padding: 0.25em;}

	
/* Main navigation menu */

.subnav {list-style-type: none; background: #44193B; margin-bottom: 1em; color: #fff; padding: 1em 15px 1em 15px; }
	.subnav li {list-style-type: none;}
		.subnav li a {display: block; padding: 0.5em 1em 0.5em 65px; font-size: 1.4em; background: transparent url(/assets/v1/images/subnav-bullet.gif) 45px 0.8em no-repeat; color: #fff; text-decoration: none;}
		.subnav li a:hover,
		.subnav li a:focus,
		.subnav li strong a {color: #ff0 !important; background: transparent url(/assets/v1/images/subnav-bullet-active.gif) 45px 0.8em no-repeat; font-weight: normal;}
			.subnav li ul {margin: -0.25em 0 -1px; list-style-type: none;}
				.subnav li ul li a,
				.subnav li ul li a:hover,
				.subnav li ul li a:focus,
				.subnav li ul li strong a { background: transparent; padding-top: 0.1em; padding-bottom: 0.1em; font-size: 1.2em; }
					.subnav li ul li ul {}
						.subnav li ul li ul li a,
						.subnav li ul li ul li a:hover,
						.subnav li ul li ul li a:focus,
						.subnav li ul li ul li strong a { padding-left: 75px;}
							.subnav li ul li ul li ul {}
								.subnav li ul li ul li ul li a,
								.subnav li ul li ul li ul li a:hover,
								.subnav li ul li ul li ul li a:focus,
								.subnav li ul li ul li ul li strong a { padding-left: 85px;}
									.subnav li ul li ul li ul li ul {}
										.subnav li ul li ul li ul li ul li a,
										.subnav li ul li ul li ul li ul li a:hover,
										.subnav li ul li ul li ul li ul li a:focus,
										.subnav li ul li ul li ul li ul li strong a { padding-left: 95px;}
	.subnav li.divider {border-bottom: 1px dotted white;}


/* Tag cloud */

#tagCloud {float: left; overflow: hidden; font-family: arial, helvetica, sans-serif; background: transparent; min-height: 181px;}
	#tagCloud h2 {color: #45193D;}
.cloud {display: block; width: 90%; padding: 1em 0; font-size:1.2em;}
	.cloud li {display: inline; }
		.cloud li a {text-decoration: none; color: #DE0093; white-space: nowrap; padding: 0.1em 0.2em; line-height: 1.5;}
		.cloud li a:hover,
		.cloud li a:focus {color: #fff; background: #DE0093;}
	.cloud li.cloud1 { font-size: 0.9em;}
	.cloud li.cloud2 { font-size: 1.0em;}
	.cloud li.cloud3 { font-size: 1.1em;}
	.cloud li.cloud4 { font-size: 1.2em;}
	.cloud li.cloud5 { font-size: 1.3em;}
	.cloud li.cloud6 { font-size: 1.4em;}
	.cloud li.cloud7 { font-size: 1.5em;}
	.cloud li.cloud8 { font-size: 1.6em;}
	.cloud li.cloud9 { font-size: 1.8em;}
	.cloud li.cloud10 { font-size: 2em; font-weight:bold;}

	.cloud li.cloud1 { opacity:0.7; }
	.cloud li.cloud2 { opacity:0.7; }
	.cloud li.cloud3 { opacity:0.7; }
	.cloud li.cloud4 { opacity:0.8; }
	.cloud li.cloud5 { opacity:0.8; }
	.cloud li.cloud6 { opacity:0.8; }
	.cloud li.cloud7 { opacity:0.9; }
	.cloud li.cloud8 { opacity:0.9; }
	.cloud li.cloud9 { opacity:0.9; }
	.cloud li.cloud10 { opacity:1; }

	.cloud li:hover { opacity:1 !important; }

/* Calendar */

#calendar {min-height: 181px; float: left; overflow: hidden; background: #fff; margin-right: 1px; line-height: 1;}
	#calendar h2 {font: 1.25em Georgia, serif; background: #333; color: #fff; width: 80%; margin: 0.5em 0 0; padding: 0.25em 0.8em;}
	#calendar table {font-family: Arial, Helvetica, sans-serif; color: #000; margin: 0 1em 0.5em 0.5em;}
		#calendar table thead th { text-align: center;}
		#calendar table tbody td {background: #E5E5E5; padding: 0.2em; text-align: center; font-size: 0.9em;}
			#calendar table tbody td.events {background: #CC3335;}
				#calendar table tbody td.events a {text-decoration: none;}
			#calendar table tbody td.today {}


/* Featured content (1 optional per section / level) */

.featured {background: #09F; color: #fff; margin-bottom: 1em; border-bottom:0 none !important; }
	.featured h2 {background: #09F; color: #FFF; padding: 0.5em 0.7em; margin: 0; line-height:1.2;}
		.featured h2 a {color: #FFF !important; text-decoration: none;}
	.featured h3 {background: #09F; color: #FFF; padding: 0.5em 0.7em; margin: 0;}
		.featured h3 a {color: #FFF !important; text-decoration: none;}
	.featured li p {font-size: 0.9em;}
	.featured img { display:block !important; padding-left:4px; position: static!important; }

#news-list .featured h2 { padding: 0.7em 0.7em 0.5em; line-height:1; font-size:1.6em !important;}


/* Promoted content (Multiple optional per section / level))*/

.promoted {}
	.promoted h2 {padding: 0.5em 0; margin: 0; font-size: 1.2em;}
		.promoted h2 a {text-decoration: none; color: #44193B;}	
	.promoted h3 {padding: 0.5em 0; margin: 0;}
		.promoted h3 a {text-decoration: none;}
	.promoted li p {font-size: 0.9em;}
	.promoted img {margin: 0 0 0.5em;}



/* Supported & Related content */

.supporting {border: 1px solid #09F; border-top: 0; margin-bottom: 1em; width: 98%;}
	.supporting h2 {background: #09F; color: #FFF; padding: 0.5em; margin: 0;}
		.supporting h2 a {color: #FFF; text-decoration: none;}
	.supporting h3 {background: #09F; color: #FFF; padding: 0.5em; margin: 0; font-size: 1.2em; font-weight: normal;}
		.supporting h3 a {color: #FFF; text-decoration: none;}
	.supporting p {padding: 0 0.5em;}
	.supporting address {padding: 0 0.5em;}
	.news h3 {background: transparent; color: #09F; padding: 0 0.25em; margin: 0;}
	.news p {padding: 0 0.25em; margin: 0;}
	.supporting ol,
	.supporting ul {list-style-type: none; padding: 0.5em;}
		.supporting ul li {margin: 0 0 0.5em;}
			.supporting li h3 {}
				.supporting li h3 a {color: #09F; text-decoration: none;}
			.supporting li h4 { font-size: 1.1em; margin-bottom: 0;}
				.supporting li h4 a {color: #09F; text-decoration: none;}
			.supporting li p {font-size: 0.9em;}


/* List of child pages etc. with optional image */

ul.childList {margin: 1em 0 !important; padding: 0; overflow: hidden;}
ul.childList li {list-style-type: none; float: left; clear: both; overflow: hidden; padding: 0; position: relative; margin: 0 0 1em 0.5em !important; border-bottom: 1px dotted #09f;}
	ul.childList li.hasImage {padding-left: 135px; min-height: 104px; margin-left: 0;}
		ul.childList h2 {font-size: 1.2em;}
			ul.childList li h2 a {color: #09F; text-decoration: none;} 
		ul.childList img.decorative {position: absolute; left: 0; top: 0;}

/* Skip links */

ul#skip {
	font: 1em/1em verdana, helvetica, arial, sans-serif;
  	position: relative;
}
	ul#skip li {position: absolute; top: -300px; left: 0; display: block; width: 14.3em; }
		ul#skip li a { padding: 8px; font-size: 1.2em; line-height: 1.2; background: #333; border: 1px solid #fff; color: #fff; min-height: 15px;}
			ul#skip li a:focus { position: absolute; top: 311px; width: 14.3em; outline: none;}


/* Tooltips */

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 3px solid #FEFF6F;
	background-color: #000;
	color: #fff;
	padding: 10px;
	font-size: 1.2em;
}
#tooltip h3, #tooltip div { margin: 0; }


/* Error messages etc. */

.warning { color: red; font-weight: bold; }

.error {padding: 1em; border: 2px solid #933; margin: 1em; width: 90%;}
.notify {padding: 1em; border: 2px solid #393; margin: 1em; width: 90%;}

.fullP .error,
.fullP .notify {width: 89%;}

.user-message {overflow: hidden;}


/* Search results */

em i {color: #666;}

span.highlight {background: #fc3; color: #333; padding: 0 0.2em;}


/* Pagination */

.pagination a,
.pagination span {padding: 0.2em; margin-right: 0.2em;}

.pagination a {color: #45193D;}
.pagination a:hover,
.pagination a:focus {background: #45193D; color: #FFF;}

.pagination span {color: #45193D;}

.pagination .current {border: 1px solid #45193D; color: #45193D;}

.pagination .next,
.pagination .prev {border: 0 !important;}


/* Widgets and JS stuff */

.closeToggle {float: right; color: #fff !important; text-decoration: none; padding: 0.25em 20px 0.25em 0.25em; background: transparent url(/assets/admin/icons/lightbulb.png) 100% 50% no-repeat;}
.collapsed {background-image: url(/assets/admin/icons/lightbulb_off.png) !important;}
.closeToggle:focus,
.closeToggle:hover {text-decoration: underline; background-image: url(/assets/admin/icons/lightbulb_off.png) !important;}
.collapsed:focus,
.collapsed:hover {background-image: url(/assets/admin/icons/lightbulb.png) !important;}


/* =========================== */
/* || SPECIFIC PAGE STYLING || */
/* =========================== */

/* Homepage */

#discoverBox {background: #797979; padding: 0;}
	#discoverBox h2 {padding: 0.5em 0.8em 0; color: #fff;}
		#discoverBox h2 a {color: #fff; text-decoration:none;}
	#discoverBox p {padding: 0.25em 0.8em 0.5em; color: #fff;}
	#discoverAges {background: #fff; padding-top: 5px;}
		#discoverAges li {width: 32.7%; display: block; padding: 0; background: #DF0094; color: #fff; margin-right: 5px; margin-bottom: 5px; text-align: center;}
		#discoverAges li.last {margin-right: 0 !important;}
			#discoverAges li a {display: block; padding: 0; background: #DF0094; color: #fff; font-size: 5em; text-decoration: none;}
			#discoverAges li.flir a {font-size: 5.8em; padding: 0.04em 0 !important; line-height: 1;}

a {color: #E00094;}
p {margin: 0.5em 0;}
hr {height: 0.6em; border: 0; background-color: #E0E0E0; color: #E0E0E0; margin: 1em 0;}

.promoBox {background: #E0E0E0; margin: 1em 0;}
	.promoBox h2 {padding: 0.5em;}
		.promoBox h2 a {text-decoration: none;}
	.promoBox p {padding: 0.5em;}
	
#latestNews p {padding: 0.25em 0.5em;}

#meetTheAthletes p {padding: 0.25em 0.5em;}

#homeValues { width: 60%; overflow: hidden; color: #45193D; list-style-type: square; list-style-position: inside;}
#homeValues ul { margin-bottom: 0 !important; }
	#homeValues li { width: 50%; float: left; font-size: 1.2em; color: #45193D; margin: 0.25em 0; }

#home div#main p { font-size:1.3em; }
#home #homeVideoIntro { background: #fdfc01; color:#000; padding:10px 0; width:340px; float:right; overflow:hidden; }
	#home #homeVideoIntro h2 { margin:0 10px; font-size: 1.25em; }

/* Contact us page */

#page-contactus p.intro {background: #44193B; color: #fff;}


/* Discover landing page */

#page-landing-discover p.intro {padding-left: 65px; background: #44193B; color: #fff;}
#page-landing-discover .agegroup {background: #DF0194; color: #fff; margin-bottom: 10px;}
	#page-landing-discover .agegroup h2 {font-size: 2.5em; padding: 0.1em 0.25em}
	#page-landing-discover .agegroup h2.flir { font-size: 4.8em; padding: 0 0.15em 0.2em !important; line-height: 1;}
		#page-landing-discover .agegroup h2 a {text-decoration: none; color: #fff; background: #DF0194; font-weight: normal;}
	#page-landing-discover .agegroup p {padding: 0.5em 0.75em;}
	#page-landing-discover .agegroup img {clear: both; max-width: 234px!important; }
#page-landing-discover .even {background: #E0E0E0; color: #DF0194;}
	#page-landing-discover .even h2 a {color: #DF0194; background: #E0E0E0; font-weight: bold;}


/* Maps landing page */

.storymap h2 {background: #DF0194; color: #fff; padding: 0.5em;}
body.cy .storymap h2 { height: 2.8em !important;}
	.storymap h2 a {color: #fff; text-decoration: none; }

/* Heroes landing page */

#page-landing-heroes p.intro {padding-left: 65px; background: #44193B; color: #fff;}
#page-landing-heroes .hero {background: #09F; color: #fff; margin-bottom: 10px;}
	#page-landing-heroes .hero h2 {padding: 0.25em 0.5em; font-size: 1.2em;}
		#page-landing-heroes .hero h2 a {text-decoration: none; color: #fff; font-weight: normal;}
	#page-landing-heroes .hero p {padding: 0.5em 0.75em;}
	#page-landing-heroes .hero img {clear: both}
#page-landing-heroes .even {background: #E0E0E0; color: #45193D;}
	#page-landing-heroes .even h2 a {color: #45193D; font-weight: bold;}
	
	
	
/* News landing / list page */

#newsList {margin-top: 0 !important;}
	#newsList h2 span {color: #45193D; font-size: 0.78em; margin-top: 4px; display: block;}
	#newsList .first p {padding: 0 0.7em; font-size: 1.1em;}

.newsDate {color: #09F;}
.featured .newsDate {color: #45193D;}


/* News detail page */

#news-detail .featured {margin-bottom: 0;}
#news-detail .news-content p { padding-left:0.8em; }
#news-detail p.featured-intro {
	font-size: 1.3em; background: #09F; color: #fff; padding: 0.5em; margin: 0 0 1em 0;
}
#news-detail p.intro {
	font-size: 1.3em; background: #fff; color: #666; padding: 0em 0.6em; margin: 0 0 0.65em 0; color:#44193B; font-weight:bold; line-height:1.1;
}
#news-detail h2 { color:#09F; border-bottom:1px dotted #666; padding:0 0.6em 0.6em !important; margin-bottom:0.6em !important; font-size:1.4em; line-height:1.1; }
	#news-detail h2 span { color:#000; font-size:0.8em; }


/* 2012 Stopwatch page */

.timer {background: #09f; visibility: hidden; text-align: center; border: 5px solid #45193D;padding: 1em;}
.digits {color: #fff; font-size: 12em; font-family: Consolas,"Courier New", Courier, monospace;}
.hours, .minutes, .seconds {margin: 0 5px;}
.start, .pause, .resume, .reset { margin-right: 1em; width: auto;}


/* Registration pages */

ol#registrationProgress {overflow: hidden;}
	ol#registrationProgress li {padding: 0.8em 0.5em 0.8em 0.8em; margin: 0 1em 1em 0 !important; list-style-type: decimal; list-style-position: inside; background: #999 url(/assets/v1/images/progress-arrow-inactive.gif) 95% 50% no-repeat; color: #fff; font-size: 1.2em;}
	ol#registrationProgress li.current {background: #DF0194 url(/assets/v1/images/progress-arrow-active.gif) 95% 50% no-repeat !important;}
	ol#registrationProgress li.last {margin-right: 0 !important; background: #999;}
/* Welsh language tweaks */
body.cy ol#registrationProgress li {width: 27.5%;}
body.cy ol#registrationProgress li.first {width: 34%;}
body.cy ol#registrationProgress li.last {width: 27%;}

/* Polls */

#poll {border-color: #DF0094;}
#poll h2,
#poll h3 {background: #DF0094; color: #fff;}

#poll ul.polloptions li {font-size: 1.2em;}
	#poll ul.polloptions li a {border: 1px solid #DE0093; color: #DE0093; font-weight: bold; display: block; padding: 0.25em; text-decoration: none;}
	#poll ul.polloptions li a:focus,
	#poll ul.polloptions li a:hover {background: #DE0093; color: #fff;}

#poll ul.pollresults li {padding: 0.25em !important; font-size: 1.2em;}
#poll ul.pollresults li.myvote {border: 1px solid #DE0093 !important;}


/* Debates */

.debates-content .featured {background: #09F; color: #fff;}

ul.comments {list-style-type: none;}
	ul.comments li {list-style-type: none; padding: 0.5em; margin: 0.5em 0 !important;}
	ul.comments li.odd {background: #e7e7e7;}
	ul.comments li.even {background: #f3f3f3;}
	ul.comments li.suspended {border: 2px solid #900; opacity: 0.5;}
		ul.comments li div.commentText {color: #44193b;}
		ul.comments p.commentDetails {color: #df0094;}
		ul.comments li a.button {padding: 0.25em 0.5em; background: #999; color: #fff; text-decoration: none;}
		ul.comments li a.button:focus,
		ul.comments li a.button:hover {background: #44193B;}


/* User management pages */

#page-manage-pupils p.intro {padding-left: 65px; background: #44193B; color: #fff;}

.tableholder {position: relative;}

.tableholder tr.preexisting td,
.tableholder tr.preexisting th {background: #fcc;}

.establishment_select li{ margin-bottom: 0.2em!important; }
.establishment_select button{ margin-left: 2em!important; }

/* Generic landing page */

.padFrame {padding-left: 1em;}


/* Standard content page(s) */

#page-content #content,
#page-contentlist #content {padding: 0 0 1em; }

#page-content .intro,
#page-contentlist .intro {background: #09F; color: #fff;}

/* Anchors with icons */

a.icon_pdf,
a.icon_doc,
a.icon_xls {
	padding:1px 0 1px 20px;
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:0 50%;
}
a.icon_pdf { background-image: url(/assets/admin/icons/page_white_acrobat.png); }
a.icon_doc { background-image: url(/assets/admin/icons/page_white_word.png); }
a.icon_xls { background-image: url(/assets/admin/icons/page_white_excel.png); }

a.external { 
	padding: 0 17px 0 0;
	background-color:transparent;
	background-repeat:no-repeat;
	background-position: 100% 50%;
	background-image: url(/assets/v1/images/external-link.gif); 
}


/* Site map */

ul.site-map, ol.site-map {
	width: 100%;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.site-map li, ol.site-map li {width: 100%; display: block; float: left; padding: 0.5em 0; color: #44193B; background: #FFF; margin: 0 0 1px 0 !important;}
ul.site-map li a, ol.site-map li a {font: 1.6em/1.2em helvetica, arial, sans-serif; background: #44193B; color: #fff; text-decoration: none; padding: 0.25em; display: block;}
ul.site-map li ul, ol.site-map li ul {width: 100%; margin: 0 0 1em; padding: 0 ; list-style-type: none; overflow: hidden;}
ul.site-map li ul li, ol.site-map li ul li {width: 45%; display: block; float: left; clear: none; background: transparent; margin-left: 1em !important;}
ul.site-map li ul li a, ol.site-map li ul li a {color: #44193B; background: #FFF;}
ul.site-map li ul li ul, ol.site-map li ul li ul {list-style-type: square; margin: 0.5em 0 0 0; width: 100%; border: 0;}
ul.site-map li ul li ul li, ol.site-map li ul li ul li {width: auto; display: list-item; float: none; padding: 0 0 0.25em; margin-left: 1em !important;}
ul.site-map li ul li ul li a, ol.site-map li ul li ul li a {font: bold 1.1em/1.3em helvetica, arial, sans-serif;}
ul.site-map li ul li ul li ul, ol.site-map li ul li ul li ul {list-style-type: none; margin: 0.25em 0 0; width: auto;}
ul.site-map li ul li ul li ul li, ol.site-map li ul li ul li ul li {width: auto; display: list-item; float: none; margin-left: 1em !important;}
ul.site-map li ul li ul li ul li a, ol.site-map li ul li ul li ul li a {font-weight: normal;}

ul.site-map li.secondary, ol.site-map li.secondary {width: 48.75% !important; margin-right: 1em !important;}
ul.site-map li.rightMost, ol.site-map li.rightMost {margin-right: 0 !important;}


/* ===================== */
/* || GENERIC CLASSES || */
/* ===================== */

.noBullets {list-style-type: none;}

.noBorder {border: 0 !important;}

.uppercase {text-transform: uppercase;}
.lowercase {text-transform: lowercase;}

.right {float: right; overflow: hidden;}
.left {float: left; overflow: hidden;}

.clear {clear: both;}
.clearLeft {clear: left;}
.clearRight {clear: right;}

.hidden {display: none;}

.scroll {overflow: auto;}

.ten {width: 9.5%;}
.twenty {width: 19.5%;}
.thirty {width: 29.5%;}
.forty {width: 39.5%;}
.sixty {width: 59.5%;}
.seventy {width: 69.5%;}
.eighty {width: 79.5%;}
.ninety {width: 89.5%;}

.tenM {width: 8%;}
.twentyM {width: 18%;}
.thirtyM {width: 28%;}
.fortyM {width: 38%;}
.sixtyM {width: 58%;}
.seventyM {width: 68%;}
.eightyM {width: 78%;}
.ninetyM {width: 88%;}

.tenP {width: 6.75%; padding-left: 1em !important; padding-right: 1em !important;}
.twentyP {width: 16.75%; padding-left: 1em !important; padding-right: 1em !important;}
.thirtyP {width: 26.75%; padding-left: 1em !important; padding-right: 1em !important;}
.fortyP {width: 36.75%; padding-left: 1em !important; padding-right: 1em !important;}
.sixtyP {width: 56.75%; padding-left: 1em !important; padding-right: 1em !important;}
.seventyP {width: 66.75%; padding-left: 1em !important; padding-right: 1em !important;}
.eightyP {width: 76.75%; padding-left: 1em !important; padding-right: 1em !important;}
.ninetyP {width: 86.75%; padding-left: 1em !important; padding-right: 1em !important;}

.quarter {width: 24.5%;}
.onethird {width: 32.25%;}
.half {width: 49.25%;}
.twothirds {width: 66%;}
.threequarters {width: 74.5%;}

.quarterM {width: 23%;}
.onethirdM {width: 32.25%; margin-left: 1em;}
.halfM {width: 47.75%; margin-left: 1em;}
.twothirdsM {width: 64.5%;}
.threequartersM {width: 73%;}

.quarterP {width: 21.75%;}
.onethirdP {width: 29.5%; padding-left: 1em !important; padding-right: 1em !important;}
.halfP {width: 46.75%; padding-left: 1em !important; padding-right: 1em !important;}
.twothirdsP {width: 63.25%;}
.threequartersP {width: 71.75%;}

.full {width: 100% !important;}
.fullP {width: 98% !important; padding-left: 1em !important; padding-right: 1em !important; margin: 0px!important;}
.auto-width { width:auto !important; }

.logoIndent {text-indent:65px;}
.rightMost { margin-right:0 !important; }

/* page specific fixes */
body#page-landing-go-further div.partner h2 { height:2.8em; }
body#page-landing-go-further div p.intro { height:2.2em; }
div.video-div { margin:0 0 1em 0; }


/* Some usability / accessibility tweaks */

*:focus {outline: 1px dotted #E00094;}

/* Facelift Image Replacement (FLIR) */




/* =========== */
/* || FORMS || */
/* =========== */


form {border: 0; background: #666; color: #fff;}
fieldset {border: 0 !important; padding: 1em 0;}
legend {color: #FFEB00;}
button {background: #44193B; color: #fff; border: 0; padding: 0.1em 0.5em; margin: 0; cursor: pointer;}
button:focus,
button:hover {color: #44193B; background: #FFEB00;}
button.left {margin-left: 5.5em; _margin-left: 2.75em;} 


input.large {width: 80%;}


label {float: left; display: block; width: 14em; color: #FFEB00; margin-top: 0.3em; text-align: right;}
	label a {color: #fff !important;}
	label span {color: #fff; margin-left: 2em;}
label.wide {width: 100%;}
input, select, textarea {margin-left: 1em; width: 24.7em; color: #44193B;}
input:focus, select:focus, textarea:focus {border: 3px solid #E00094;}
input.wide,
textarea.wide {margin-left: 11em;}


/*	form#search {float: right; padding: 0; margin: 1em 0; background: transparent;} */
/*	form#search label {color: #44193B} */
/*	form#search input {width: 9.5em; border: 1px solid #44193B; padding: 0.1em; font-size: 1.2em;} */
/*	form#search button {color: #fff; background: #44193B; position: relative; top: 0; padding: 0.1em 0.5em; margin-left: -0.2em;} */

.blogform label {float: left; width: 14em; color: #FFEB00; margin-top: 0.3em; text-align: right;}
	.blogform label a {color: #fff ;}
	.blogform label span {color: #fff; margin-left: 2em;}
.blogform label.wide {width: 100%;}
.blogform input, select, textarea {margin-left: 1em; width: 24.7em; color: #44193B;}
.blogform input:focus, select:focus, textarea:focus {border: 3px solid #E00094;}

input.wide,
textarea.wide {margin-left: 11em;}

.disabled {background: #666; border: 3px solid #888; color: #fff;}
.readonly {background: #666; border: 3px solid #888; color: #fff;}
.placeholder {color: #999;}

label.boolean {
	position: relative;
	text-indent: 2em;
	text-align: left;
	margin-bottom: 0em ;
	margin-right: 0.5em;
	width: 100%;
}
input.boolean {
	position: absolute;
	top: 0.4em;
	left: 0;
	width:auto !important;
	vertical-align:top;
	margin:0;
}

input.short {width: 10em;}

fieldset ul,
fieldset ol {margin-left: 1em ; list-style-type: none;}

fieldset ol ul,
fieldset ol ol {margin-left: 0 ;}

fieldset li {position: relative ; overflow: hidden; list-style-type: none; display: block;}
fieldset li.error {margin-bottom: 0.5em ;}

fieldset p,
fieldset h2,
fieldset h3 {margin-left: 1em ; position: relative; overflow: hidden;}

fieldset a {color: #09f;}
fieldset li a {color: #09f;}

.image_holder { margin-left: 2px; margin-right: 2px; cursor: pointer; overflow: hidden; max-height: 170px; height: 170px; text-align: center; }

 ol.establishment_select li{ width: 100%; height: 5.3em; }
 ol.establishment_select li input[type="image"]{ width: 48px!important; height: 18px!important; margin-left: 23px; }
 ol.establishment_select { padding-top: 20px; padding-bottom: 20px; margin-left: 0px!important; background:#666666 none repeat scroll 0 0; border:0 none; color:#FFFFFF; width: 100%; }
 ol.establishment_select li input[type="image"].welsh_submit{ width: 70px!important; }
 
 .back{  width: 150px; height: 20px; display: block; float: left; margin-top: 20px; }
 
 
 
 
 
fieldset.almostFull
{
	width: 96%;	
}

fieldset.almostFull label
{
	width: 12em;	
}
 
fieldset.almostFull input
{
	width: 20em;	
}

fieldset.almostFull li.error
{
	padding: 0.5em;
}

fieldset.almostFull ol li
{
	margin-left: 0px;	
}

fieldset.almostFull ol
{
	margin-left: 0.7em;	
}


form.loginForm fieldset {
	width: 70%;
}
	form.loginForm fieldset p {
		position: relative;
	}
	form.loginForm fieldset label.boolean {
		position: relative;
		text-indent: 14em;
		text-align: left;
		margin-bottom: 0em !important;
		margin-right: 0.5em;
		width: 100%;
	}
	form.loginForm fieldset input.boolean {
		position: absolute;
		top: 0.4em;
		left: 12em;
		width:auto !important;
		vertical-align:top;
		margin:0;
	}
	
label.blogfix {padding-top: 8px;}


/* Switchers */

#switchers {float: left; overflow: hidden;}
	#switchers ul {float: left; margin-right: 1em;}
		#switchers ul li {display: block; float: left;}
	#switchers #switchLanguage {margin-right: 2em;}
		#switchers #switchLanguage li {margin: 0; padding: 0 0.25em;}
		#switchers #switchStyle li {margin-right: 0.2em;}
	#switchers #readSpeaker {color: #45193D; text-decoration: none;}
	#switchers #readSpeaker:focus,
	#switchers #readSpeaker:hover {text-decoration: underline;}


/* Go Further landing page */

#page-landing-go-further p.intro {padding-left: 65px; background: #44193B; color: #fff;}
#page-landing-go-further .partner {background: #DF0194; color: #fff; margin-bottom: 10px;}
#page-landing-go-further .partner h2 {padding: 0.25em 0.5em; font-size: 1.2em;}
#page-landing-go-further .partner h2 a {text-decoration: none; color: #fff; font-weight: normal;}
#page-landing-go-further .partner p {padding: 0.5em 0.75em;}
#page-landing-go-further .partner img {clear: both; display:block; }
#page-landing-go-further .even {background: #E0E0E0; color: #DF0194;}
#page-landing-go-further .even h2 a {color: #DF0194; font-weight: bold;}