html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}

blockquote.standard { font-size: 140%; line-height: 1.4; margin-left: 1em;}

/* remember to define focus styles! */
:focus {outline: 0;}

strong {font-weight: bold; font-size: 1.2em;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}

.clrfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clr {clear: both;}

a:link, a:visited {text-decoration: none;}
a:hover, a:active, a:focus {text-decoration: underline;}

body {font: 62.5% Arial, Helvetica, sans-serif; color: #696a6d; background: #0f4474 url(page_bg.gif) repeat-x 0 0; border-top: 0.1em solid #0f4474;}
li, p, td, th {font-size: 1em;}

#page {margin: 0 auto; width: 96em; padding: 17em 0 0 0; position: relative;}
/*#branding {position: absolute; left: -7.4em; top: 3.3em; z-index: 999;}*/
#branding {position: absolute; left: 0; top: 3.3em; z-index: 999;}
#content {position: relative;}

/* top links and Search Box */
#toplinks {color: #c7d7e5; position: absolute; top: 0; right: 0; width: 50em; height: 4em;}
#toplinks ul {float: left; margin: 0.5em 0 0.5em 1em; width: 21em;}
#toplinks li {display: inline; margin: 0.3em 0; width: 16em; line-height: 2.3em; font-size: 1.2em; padding-bottom: 0.2em;}
#toplinks li:after {content: "|";}
#toplinks li.last:after {content: "";}
#toplinks li a {color: #0f4474; text-transform: uppercase; margin: 0 1em; border-bottom: 0.1em dotted #0f4474;}
#toplinks li a:hover {text-decoration: none;}
#toplinks form {float: left; width: 280px; margin: 0.3em 0; background: url(search_bg.gif) no-repeat 0 4px; padding: 4px 0 0 0;}
#toplinks input {margin: 0; font-size: 1.2em;} /* vertical-align: bottom; */
#toplinks input#go {margin-left: -0.2em;}
#searchbox {position: relative; bottom: 8px;}

/* #toplinks form label {text-transform: uppercase; font-weight: bold; margin-right: 1em; font-size: 1.2em;} */
#searchform label {position: absolute; top: -999em;}
#searchbox {width: 202px; color: #a7a7a7; line-height: 27px; padding: 0 0 4px 4px; border: none; background: transparent;}

/* Global Nav */
#globalnav {border-bottom: 0.1em solid #00acf3; margin: 0; position: absolute; left: 0; top: 13.5em; width: 96em;}
#globalnav li {float: left; font-size: 1.4em; margin: 0; font-weight: bold; text-transform: uppercase; padding: 0;}
#globalnav li.selected, #globalnav li a.selected {color: #00acf3; border-bottom: 0.3em solid #00acf3;}

/*	** 		Need to replicate these values when there is no li.selected or a.selected 		**	*/
body#ID193415 #globalnav a[href="lss.htm"], body#ID193717 #globalnav a[href="lss.htm"], 
body#ID193416 #globalnav a[href="lss.htm"], body#ID193714 #globalnav a[href="lss.htm"] {border-bottom: 0.3em solid #00acf3;}
/*	**	 																					**	*/

#globalnav li a {color: #0f4474;}
#globalnav li a, #globalnav li.selected {display: block; margin: 0 1.2em 0 0; padding: 0 1.2em 0.2em 0;}
#globalnav li a:hover {text-decoration: none; color: #00acf3; border-bottom: 0.3em solid #00acf3;}


/* Splash */
#splash {margin: 0 0 2.3em 0; background-color: #fff; position: relative; height: 27em; width: 96em; z-index: 1;}
#splash h1 {position: absolute; left: -9999em;}
#splash p#more {position: absolute; left: 3em; top: 22em; z-index: 99;}
#more a {color: #c1a218; text-transform: uppercase; font-size: 1.8em; padding: 0 2em 0 0; background: url(arrows.png) no-repeat 100% 50%;}
#more a:hover {text-decoration: none;}
#splash img {position: absolute; left: 0.5em; top: 0.5em; z-index: 90; display: block;}
#splash h2 {font-size: 1.6em; text-transform: uppercase; color: #0f4474;}
#splash h2 a {color: #0f4474;}
#splash ul {position: absolute; right: 0.5em; top: 0.5em; width: 22em;}
#splash li p {color: #696a6d; font-size: 1.2em;} /* removed - text-transform: uppercase; */
#splash li {border-bottom: 0.1em solid #b6b6b6; padding: 0 0 0.8em 0; margin: 0 1em 0.8em 0;}
#splash li.last {border-bottom: none;}

/* Section */
#section {background-color: #fff; float: left; width: 72em; margin: 0 1em 0 0; min-height: 40em; position: relative;}

.threecolwrapper {border-bottom: 0.2em solid #85d7f9; padding: 0 0 1em 0; margin: 1em;}
.box {float: left; width: 21em; padding: 1em;}
.box h2 {font-size: 1.1em; color: #0f4474; text-transform: uppercase; padding: 0.5em 0 0 0;}
.box h2 a {color: #0f4474;}
.box p {font-size: 1.1em;}
.box img {float: left; vertical-align: text-top; margin: 0 1em 1em 0;}


.article {float: left; width: 45em; margin: 1em;}
.aside {float: left; width: 24em; margin: 1em 0;}
.article h2, .aside h2 {text-transform: uppercase; color: #0f4474; font-size: 1.8em;}
.article h3, .aside h3 {text-transform: uppercase; color: #00acf3; font-size: 1.8em; font-weight: normal;}
.article p, .aside p {font-size: 1.2em; line-height: 1.5; margin: 1em 0;}
.article a, .aside a {color: #0F4474;}

/* side */
#side {background-color: #ececec; float: left; width: 23em; min-height: 40em; position: relative;}
#side div {margin: 1em;}
#side div h2 {text-indent: -9999em; height: 0;}
#side div h3 {font-size: 1.2em; color: #0f4474; text-transform: uppercase;}
#side div h3 a {color: #0f4474; background-color: transparent;}
#side li {padding: 0 0 0.5em 4.8em; margin: 0 0 1em 0;}
#side li p {font-size: 1.1em; color: #696a6d;}
#side li a {color: #00acf3; background-color: transparent;}
#side li p a:after {content: " >>";}
#side .news li {background: url(news_bg.png) no-repeat 0 0; border-bottom: 0.1em solid #b6b6b6;}
#side .events li {background: url(calendar.png) no-repeat 0 0; border-bottom: 0.1em solid #b6b6b6;}
#side .download li {background: url(acrobat.png) no-repeat 0 0; border-bottom: 0.1em solid #b6b6b6;}
#side .related {border-bottom: 0.1em solid #b6b6b6;}
#side .related li {padding: 0 0 0.5em 0; margin: 0; font-size: 1.2em;}
#side .community h3 {background: transparent url(lss-tweet.png) left top no-repeat; height: 30px; text-indent: 0; padding: 0.5em 0 0 4.8em;}
#side .community {background-color: #ececec;}
#side .community img {float: left; vertical-align: text-top; display: block; padding: 0.5em;}
/*
#side .community h3 {padding: 0.5em 0.5em 0 0;}
*/
#side .community ul {clear: both; padding: 0 0 1em 0;}
#side .community li, #side .community p {font-size: 1.1em; font-weight: bold; padding-right: 0.5em;}
#side .community li {list-style-position: outside; padding-left: 5.3em; margin: 0; background: url(lss-wee-tweet.png) no-repeat 2.5em 0;}
#side .community li a {color: #0f4474;}
#side .community li a:after {content: " >>";}
body#ID193410 #side .community li {margin: 0; background: url(lss-wee-tweet.png) no-repeat 30px 4px; border-bottom: 0.1em solid #b6b6b6;}


/* Lower Landing */
#landing #splash {width: 72em; position: relative; float: right;}
#landing #splash img.splash {position: static; display: block; padding: 0.5em; width: 710px !important;}
#landing #section {float: right; margin: 0; min-height: 10em; padding-top: .5em;}
#landing #section .onecolwrapper .box {width: 23.2em;}
#landing .article {float: left; width: 45em; margin: .5em;}
#landing .onecolwrapper {margin: .25em; 0}

#aside {float: left; width: 23em; margin: 0 1em 0 0; background-color: #fff; min-height: 55.5em; position: relative;}
#aside h2 {font-size: 1.2em; text-transform: uppercase; color: #0f4474;}
#aside h2 a {color: #0f4474;}
#aside ul {margin: 0.5em;}
#aside li p {color: #696a6d; font-size: 1.1em; font-weight: bold;}
#aside li {border-bottom: 0.1em solid #b6b6b6; padding: 0.5em; margin: 0 0 0 0; position: relative;}
#aside li.last {border-bottom: none;}
#aside li span {display: block; background: url(highlight_bg.png) no-repeat 0 0; width: 12px; height: 23px; position: absolute; right: -12px; top: -9999em;}
#aside li:hover span {right: -12px; top: 35%;}
#aside li.selected {background-color: #c9edfc; cursor: default;}
#aside li.selected span {right: -12px; top: 35%;}

#aside li:hover {background-color: #c9edfc; cursor: pointer;}
.onecolwrapper {float: left; width: 24em; margin: 1em 0;}
.onecolwrapper .box {background-color: #e7e7e7; margin: 0.25em 0;}
.onecolwrapper .box p {font-weight: bold; padding-left: 4.8em;}
.onecolwrapper .box p a {color: #00acf3; background-color: transparent;}
.onecolwrapper .box p a:after {content: ">>";}
.onecolwrapper .box ul {font-size: 1.1em; font-weight: bold; margin-left: 5.3em;}
.onecolwrapper .box ul li {margin-top: .2em;}

/* Lower Landing */
#lower #splash {width: 48em; position: static; float: left; height: auto !important; margin-bottom: 0;}
#lower #splash img {position: static; display: block; padding: 0.5em;}
#lower #section {float: left; margin: 0; min-height: 10em; width: 48em;}
#lower .article {width: 46em;}
#lower .article h2 {font-size: 1.4em;}
#lower .article h2, #lower .article h3, #lower .article h2 a {margin: 1.2em 0 -.5em 0;}
.article p a {color: #11b2f4;}

#lower #aside {float: left; width: 23em; margin: 0 1em 0 0; background-color: #fff; min-height: 35em;}
#lower #side {margin: 0 0 0 1em; float: none; background-color: #fff; position: absolute; right: 0; top: 0;}
#lower #side div h2 {text-indent: 0; height: auto; font-size: 1.4em; color: #00acf3; font-weight: normal; text-transform: uppercase; margin: 0 0 0.5em 0;}
#lower #side div h2 a, #lower .article h2 a {color: #0f4474;}
#lower #side div.community h2 {padding-top: .5em;}

/* Drop Shadows */
#section span.left {display: block; bottom: -10px; left: 0; width: 360px; background: url(section_left.png) no-repeat 0 0; position: absolute; height: 10px; z-index: 9998;}
#section span.right {display: block; bottom: -10px; right: 0; width: 360px; background: url(section_rgt.png) no-repeat 0 0; position: absolute; height: 10px; z-index: 9998;}
#splash span.left {display: block; bottom: -10px; left: 0; width: 480px; background: url(wide_left.png) no-repeat 0 0; position: absolute; height: 10px; z-index: 9998;}
#splash span.right {display: block; bottom: -10px; right: 0; width: 480px; background: url(wide_rgt.png) no-repeat 0 0; position: absolute; height: 10px; z-index: 9998;}

#landing #splash span.left {display: block; bottom: -10px; left: 0; width: 360px; background: url(section_left.png) no-repeat 0 0; position: absolute; height: 10px; z-index: 9998;}
#landing #splash span.right {display: block; bottom: -10px; right: 0; width: 360px; background: url(section_rgt.png) no-repeat 0 0; position: absolute; height: 10px; z-index: 9998;}

#lower #section span.left {display: block; bottom: -10px; left: 0; width: 240px; background: url(lft_wide.png) no-repeat 0 0; position: absolute; height: 10px; z-index: 9998;}
#lower #section span.right {display: block; bottom: -10px; right: 0; width: 240px; background: url(rgt_wide.png) no-repeat 0 0; position: absolute; height: 10px; z-index: 9998;}
#aside span.left {display: block; bottom: -10px; left: 0; width: 115px; background: url(lft_narrow.png) no-repeat 0 0; position: absolute; height: 10px; z-index: 9998;}
#aside span.right {display: block; bottom: -10px; right: 0; width: 114px; background: url(rgt_narrow.png) no-repeat 0 0; position: absolute; height: 10px; z-index: 9998;}
#side span.left {display: block; bottom: -10px; left: 0; width: 115px; background: url(lft_narrow.png) no-repeat 0 0; position: absolute; height: 10px; z-index: 9998;}
#side span.right {display: block; bottom: -10px; right: 0; width: 114px; background: url(rgt_narrow.png) no-repeat 0 0; position: absolute; height: 10px; z-index: 9998;}

/* Footer */
#footer {margin: 3em 0; border-top: 0.2em solid #108cc9; padding: 1em 0;}
#footer li {float: left; color: #fff; text-transform: uppercase; margin: 0 0.5em 0 0;}
#footer li:after {content: "|";}
#footer li.last:after {content: "";}
#footer li a, #footer li span {color: #fff; padding: 0 1em 0 0;}

/* ** Forms ** */

fieldset.outer {padding: 12px; margin: 12px; font-size: 1em;}
fieldset.outer legend {font-weight: bold; font-size: 1.6em; padding: 0.2em 12em 0.2em .8em; text-align: left; margin: 0; color: #0f4474;}
fieldset.inner {padding: 12px; background-color: #efefef; margin-bottom:12px;}
fieldset.inner legend {font-weight: bold; border: 0; padding: 0.2em; color: #0f4474; font-size: 1.2em; text-transform: uppercase; margin: 1em 0;}
fieldset.inner legend span {position: relative; top: 1em;}

fieldset ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}


fieldset li {
	margin-bottom: 6px;
	display: block;
	clear: left;
}

fieldset label {font-size: 1.1em;}
.textbox label {
	width: 13.5em;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block;
}

.textbox select {
	max-width: 24em;
	background: #ffffff;
}

input.textinput {
		width: 18em;
}

input:focus, textarea:focus {background: #c9edfc;}

input.textinput, textarea {border-top: 2px solid #999; border-left: 2px solid #999; border-bottom: 2px solid #ccc; border-right: 2px solid #ccc; }

input, select, textarea {
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}

ul.radiogroup {
	margin-left: 14.5em;
}

ul.radiogroup ul {
	margin: 4px 0 4px -6.5em;
}

textarea {
	width: 33.5em;
	height: 6em;
	margin-top: 8px;
	resize: both;
	max-width: 38em;
	min-width: 32.5em;
	max-height: 20em;
}


#submitform, div.submitform {
	padding: 12px;
	margin-left: 14.5em;
}

input.submitbutton {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	border: 2px solid #000000;
	border-top-color: #cccccc;
	border-left-color: #cccccc;
	padding: 0.2em 0.8em;
	float: left; 
}

input.submitbutton:active {
	border: 2px solid #cccccc;
	border-top-color: #000000;
	border-left-color: #000000;
}

label em {
	font: oblique .9em Georgia;
	color: #d6345d;
}

#submitform ul {
	margin-left: 12px;
	float: left;
	display: inline;
}

ul.radiogroup {margin-left: 13.5em;}

ul.radiogroup ul.textbox {
	margin-left: -13.5em;
	padding-left: 0;
}

form p.label {
	float: left;
	width: 13em;
	text-align: right;
	position: absolute;
}
				
form p.label+ul {
	position: relative;
	top: 1em;
}

fieldset.label {
border: 0;
margin-top: 12px;
}

fieldset.label legend.label span {
font-weight: normal;
color: #333333;
float: left;
text-align:right;
width: 13em;
}

form legend.label+ul {
	position: relative;
	top: -1.8em;
}

form ul.textbox li.separator {
	margin-bottom: 20px;
}

ul#describe input {position: absolute;}
	ul#describe label {position: relative; left: 24px;}
	ul#describe ul#othersector input {position: relative;}
	ul#describe ul#othersector label {left: 0;}
	
/* ***************************************************************/
/*	**				News upload specific styles				**	*/

body#ID195097 fieldset.inner fieldset.inner {
	padding: 0;
	margin: 0;
}

body#ID195097 fieldset.inner fieldset.inner legend span {
	position: relative;
	top: 0;
}

body#ID195097 fieldset.inner fieldset.inner ul {
	position: relative;
	bottom: 3.9em;
	margin-bottom: -4em;
}

/* ***************************************************************/
/* **             Search and news results                     ** */

.searchresults .searchcontrol h2 {
	margin: 12px 0;
	background-color: #6785c1;
	color: #ffffff;
	padding: 0 8px;
}

.searchresults dt, #newsresults dt {
	font-family: Arial, Helvetica, sans-serif;
	border-top: 1px solid #eeeeee;
	padding-top: 16px;
	margin: 16px 0 8px 0;
}

.searchresults dt a, #newsresults dt a {
	font-size: 1.4em;
	font-weight: bold;
	padding: 2px 2px 2px 26px;
	display: block;
	color: #0f4474;
}

.searchresults dt a:hover,#newsresults dt a:hover, .searchresults dt a:active {
	text-decoration: underline;
	color: #11b2f4;
}

.searchresults dd, #newsresults dd {
	margin: 0 0 0 26px;
}

.searchresults dd.date, #newsresults dd.date, #newsresults dd.author {
	margin-top: 8px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 90%;
	color: #6785c1;
}

.searchresults dd b {
	font-weight: 600;
	background-color: #cdeafa;
	font-style:normal;
	padding: 0 3px;
}

.searchcontrol {
	margin: 12px 0;
	color: #333333;
	font-size: .8em;
	font-weight: bold;
	padding: 8px;
	position: relative;
	/* background-color: #ccd6eb; */
}

.searchcontrol h2 {
	margin-bottom: 16px;
}

.searchcontrol ul, ol.pagination {
	list-style: none;
	margin: 0;
}

body#ID193714 .searchcontrol ul {margin-top: 2em;}

.searchcontrol ul li {
	width: 8em;
	margin: 0;
	text-align: center;
	background-color: #ffffff;
	color: #0f4474;
}

.searchresults div.searchcontrol ul li a:link, .searchresults div.searchcontrol ul li a:visited {
	font-size: 1.4em;
	background-color: #ffffff;
	color: #0f4474;
	padding: 4px;
	border: 0;
}

.searchresults div.searchcontrol ul li.next a:after {content: '  >>'}
.searchresults div.searchcontrol ul li.previous a:before {content: '<< '}

.searchresults div.searchcontrol ul li a:hover {color: #11b2f4; text-decoration: underline;}

.searchcontrol ul li.previous {
	position: absolute;
	left: 0;
}

.searchcontrol ul li.previous a span {position: absolute; top: -999em;}

.searchcontrol ul li.next {
	position: absolute;
	right: 0;
}

a#rss {position: absolute; right:.5em; vertical-align: top;}
a#rss img {position: relative; top: .5em;}

/*********************************************************/
/* **                 Pagination list                 ** */

ol.pagination {
	text-align: center;
	position: relative;
	bottom: 2.5em;
	padding-left: 0;
}

.searchresults div.searchcontrol ol.pagination li.paginator {
	float: none;
	display: inline;
	padding: .4em .5em;
	color: #e7e7e7;
	background-color: #0f4474;
	border-left: 1px solid #ffffff;
	font-size: 1.4em;
}

.searchresults div.searchcontrol ol.pagination li.paginator span {
	top: -999em;
	position: absolute;
}

.searchresults div.searchcontrol ol.pagination li.paginator a {
	color: #ffffff;
}

/*********************************************************/
/* **          style links on search returns          ** */

#searchresults dt a.webpage {
	background: url(webpage-icon.gif) no-repeat top left;
}

#searchresults dt a.PDF {
	background: url(pdf_icon.gif) no-repeat top left;
}


#searchresults dt a.worddoc {
	background: url(word-icon.gif) no-repeat top left;
}

#searchresults dt a.powerpoint {
	background: url(powerpoint-icon.gif) no-repeat top left;
}

#searchresults dt a.news {
	background: url(icon_news.gif) no-repeat top left;
}


/*********************************************************/
/* **                 News articles                   ** */

body#ID193847 div#page div#lower div#content.clrfix div#section.clrfix div.article h2 {
	text-transform: uppercase;
	color: #0f4474;
	font-size: 1.8em;
}

#section .article h4 {text-transform: uppercase; color: #0f4474; font-size: 1.2em;}

ul#newsinfo li {
	margin: 4px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 90%;
	color: #6785c1;
}

ul#newsinfo  {
	padding: 6px 0;
	margin: 12px 0;
	list-style: none;
	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
}

body#ID193847 #lower #content .article blockquote {font-size: 1.4em; font-weight: 100; line-height: 1.8; margin-top: 1em; margin-right: 0pt; margin-bottom: 1em; margin-left: 1em;}

/*********************************************************/
/* **                 News and Events                          ** */

#newsresults dd.venue, #newsresults dd.date {
	margin-top: 8px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 90%;
	color: #6785c1;
}

ul#eventinfo li {
	margin: 4px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 90%;
	color: #6785c1;
}

ul#eventinfo  {
	padding: 6px 0;
	margin: 12px 0;
	list-style: none;
	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
}

div#venue h3, div#contactdetails h3, div#eligibility h3, div#accessibility h3 {
	display: inline;
	float: left;
	width: 12em;
	font-size: 1em;
	line-height: 1.4;
	padding: 0;
	margin: 0;
	text-align: right;
	color: #6785c1;
}

div#venue p, div#contactdetails ul, div#eligibility p, div#accessibility p {
	margin-left: 14em;
	font-size: 1em;
	padding-left: 0;
}

div#contactdetails ul {
	list-style: none;
}

#venue, #contactdetails, #eligibility, #accessibility, #eventdescription {
	border-bottom: 1px solid #eeeeee;
	margin-bottom: 12px;	
}

dd.eventfull {background-color: #cdeafa; padding: 3px 6px;}

div.eventfull {background-color: #cdeafa;}

div.eventfull h3 {background-color: #365dab; color: #ffffff; padding: 3px 6px;}

div.eventfull p {padding: 6px;}


body#ID193417 .article dt {text-transform: lowercase;float: left;width: 4em;font-size: 1.2em;text-align: right; color: #0f4474; font-weight: bold;}
body#ID193417 .article dd {clear: right;font-size: 1.2em;margin-left: 5em;margin-bottom: .5em;}

body#ID193942 #lower div#content .article h2 {display: inline !important; position: relative; bottom: -.1em; float: left; margin: 0 .1em 0 0; text-transform: none;}
