/*
	screen.css: SCREEN stylesheet
	------------
	Job:					LIPA
	Template Version:		1.0
	Produced by:			Sam Birch
	Start date:				16/01/2009
	------------
	NOTES:
	Do all stucture and module sizes in ems.
	
	TOC:
	1.	general styles
			body styles
			reset
			links
			headings
			other elements, tags
	2.	helper styles
			forms
			notifications and errors
			consistant items with normally just one class
	3.	page structure
			skeleton including page furniture
	4.	page components / modules
			most of your styles will be in here
	5.	content/FCK
			these are styles that the client could put in via the FCKeditor. They will also need to be added to the FCK stylesheet.
	6.	overrides
*/

/* =1. general styles */
* {
	margin: 0;
	padding: 0;
	text-decoration: none;
	font-weight: normal;
}
body {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 68.75%;	/* 11px */
	background: #000 url(/_common/img/body-bg.gif) repeat-x;
	padding-bottom: 2em;
	color: #AFAFAF;
}
a:link, a:visited{
	color: #fff;
}
a:hover, a:focus{
	color: #C13130;
}

a.red:link, a.red:visited{
	color: #C13130;
}
a.red:hover, a.red:focus{
	color: #fff;
}

/* =2. helper styles */
object, embed {
	outline: none;
}
form {
	margin-bottom: 2em;
	overflow: hidden;
	height: 1%;
}
input, textarea, select{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	border: 1px solid #4f4f4f;
	background: #000;
	color: #fff;
	font-size: 1em;
	padding: .2em;
	width: 20em;
}
select#dropListHearAbout {
	width: auto;
}
input:focus, textarea:focus, select:focus {
	border: 1px solid #fff;
}
fieldset {
	border: 1px solid #4f4f4f;
	padding: 1em;
	margin-bottom: 2em;
}
legend {
	margin: 0 .5em;
	padding: 0 .5em;
	font-size: 1.64em;
	font-weight: bold;
	color: #D0B04F;
}
label {
	float: left;
	width: 15em;
}
input.button {
	width: auto;
	cursor: pointer;
	background: url(/_common/img/quotebox-bg.gif) repeat-x;
	font-weight: bold;
	margin-left: 15em;
}
input.button:hover {
	color: #C13130;
}
input.right {
	margin-left: 0;
	float: right;
}
input.cancel {
	margin-left: 1em;
	display: none;
}

label.checkbox {
	float: none;
	width: auto;
}
input.checkbox {
	width: auto;
	margin-right: 1em;
}
input.checkboxInline {
	width: auto;
	margin-right: 1em;
	margin-left: 15em;
}

.errorMsg {
	margin-bottom: 2em;
	margin-top: 1em;
}
.errorMsg ul label {
	width: auto;
	float: none;
	color: #C13130;
}

.error {
	margin-left: 1em;
	color: #C13130;
}


ul {
	list-style: none;
}

a.arrow {
	background: url(/_common/img/arrow-white.gif) no-repeat 0 0.4em;
	padding-left: 10px;
}
a.arrow:hover, a.arrow:focus {
	background: url(/_common/img/arrow-red.gif) no-repeat 2px 0.4em;
	padding-left: 10px;
}

a.redArrow {
	background: url(/_common/img/arrow-red.gif) no-repeat 0 0.4em;
	padding-left: 10px;
	color: #C13130;
}
a.redArrow:hover, a.redArrow:focus {
	background: url(/_common/img/arrow-white.gif) no-repeat 2px 0.4em;
	padding-left: 10px;
	color: #fff;
}

img {
	border: none;
}
img.left {
	float: left;
	margin: 0 2em 2em 0;
}
img.right {
	float: right;
	margin: 0 0 2em 2em;
}

h1 {
	color: #ffffff;
	font-weight: normal;
	font-size: 2.6em;
	padding-bottom: .7em;
}
body.flashText h1 {
	/*height: 1.23em;*/
}
body.flashText h1 span {
	margin-left: -1000em;
}
h2 {
	color: #D0B04F;
	font-weight: normal;
	font-size: 2.2em;
	padding-bottom: .7em;
}
body.flashText h2 {
	/*height: 1.23em;*/
}
body.flashText h2 span {
	margin-left: -1000em;
}
h2.areaTitle {
	padding: 0;
}

p {
	margin-bottom: 1em;
}

.white {
	color: #fff;
}
.red {
	color: #C13130;
}
.gold {
	color: #D0B04F;
}

.border {
	border-top: 1px solid #4f4f4f;
	margin-top: 2em;
	padding-top: 2em;
	width: 100%;
	overflow: hidden;
}

hr {
	height: 1px;
	border: 0;
	border-bottom: 1px solid #4f4f4f;
	width: 100%;
	margin: 2em 0;
	clear: both;
}

.highlight {
	font-weight: bold;
	font-size: 1.1em;
}

/* =3. page structure */
.wrapper {
	width: 100%; 
	border-bottom: 1px solid #4f4f4f; 
}
.top {
	background: url(/_common/img/curtains.jpg) no-repeat bottom center;
}
.wallpaper {
	background: url(/_common/img/pattern.jpg) repeat-x;
	padding: 2em 0;
}
.footer {
	border-bottom: none;
	overflow: auto;
}

.site {
	width: 82.77em;
	margin: 0 auto;
	padding: 0 0em 0 4em;
	overflow: hidden;
	position: relative;
}
.header {
	width: 87em;
	padding: 0;
	padding: 0 0em 0 0em;
}

img.logo {
	width: 25.00em;
	height: 9.82em;
	margin-left: 0.91em;
}

.secondaryContent {
	width: 20.00em;
	margin-right: 1.82em;
	float: left;
}

.primaryContent {
	float: left;
	width: 60.91em;
}

.content .primaryContent {
	padding-top: 2em;
	padding-bottom: 4em;
	/*margin-bottom: 2em;*/
}
.content .secondaryContent {
	/*margin-bottom: 4em;*/
	padding-bottom: 4em;
}

.popup {
	padding: 2em;
}


/* =4. page components / modules */
/*		home */

.search {
	position: absolute;
	top: 2em;
	right: 35em;
}
.search form {
	overflow: auto;
	height: auto;
}
.search label {
	background: #000;
	color: #fff;
	padding: 0.6em 0.8em;
	float: left;
	font-size: 1.2em;
	width: auto;
}
.search .keyword {
	background: #000;
	border: none;
	padding: 0.6em 0.2em;
	color: #fff;
	float: left;
	width: 6em;
	font-size: 1.2em;
	outline: none;
}
.search .submit {
	padding: 1.15em;
	background: #000;
	margin: 0;
	width: auto;
	border: none;
}



.globalNav {
	background: #000;
	overflow: hidden;
	padding: 0.71em;
	position: absolute;
	top: 2em;
	right: 0;
}
.globalNav ul {
	color: #FFF;
	font-size: 1.2em;
	font-family: Tahoma;
}
.globalNav ul li {
	float: left;
	margin-right: .5em;
	padding-left: .5em;
	border-left: 1px solid #636363;
	background: #000;
}
.globalNav ul li.first {
	border: none;
}
.globalNav ul li a {
	color: #FFF;
}
.globalNav ul li a:hover, .globalNav ul li a:focus {
	color:	#C13130;
}



.jukebox {
	width: 20em;
	height: 3em;
	background: #000;
	position: absolute;
	bottom: 1em;
	right: 0;
}
.trackInfoContainer {
	position: absolute;
	width: 19.8em;
	top: 9.8em;
	left: 50%;
	margin-left: 23.6em;
	z-index: 2;
	border-top: 1px solid #4f4f4f;
	/*background: #000;*/
}
.trackInfo {
	padding: 1em;
	overflow: hidden;
	border: 1px solid #4f4f4f;
	border-top: none;
	margin-bottom: 0;
	background: #000;
}
.trackInfo h4 {
	margin-bottom: 1em;
}
.trackInfo .close {
	width: 1.3em;
	height: 1.2em;
	background: red url(/_common/img/close.gif) no-repeat center;
	float: right;
	margin-left: 1em;
	margin-right: -1em;
	margin-top: -1em;
	cursor: pointer;
}




.mainNav {
	margin: 1em 0 0em 0;
}
.mainNav li {
	border-top: 1px solid #3a3a3a;
}
.mainNav li.first {
	border-top: none;
}
.mainNav li a {
	display: block;
	width: 20.00em;
	/*line-height: 2.1em;*/
	color: #fff;
	padding: .5em 0;
}
.mainNav li a:hover, .mainNav li a:focus {
	color: #c13130;
}


.mainNav li.selected a {
	color: #C13130;
	width: 18.50em;
	
}
.mainNav li.selected.parent a {
	background: url(/_common/img/arrow-down-red.gif) no-repeat 0em 1.1em;
	padding-left: 1.2em;
}
.mainNav li.selected.parent ul li a {
	color: #fff;
	background: none;
}
.mainNav li.selected ul li a:hover, .mainNav li.selected ul li a:focus {
	color: #C13130;
}

.mainNav li.selected.parent li.selected a {
	color: #C13130;
	width: 17.00em;
	padding-left: 1.2em;
}
.mainNav li.selected.parent li.selected.parent a {
	padding-left: 2.6em;
	background: url(/_common/img/arrow-down-red.gif) no-repeat 1.2em 1.1em;
}
.mainNav li.selected.parent li.selected.parent ul li a {
	color: #fff;
	background: none;
}
.mainNav li.selected.parent li.selected.parent ul li a:hover, .mainNav li.selected.parent li.selected.parent ul li a:focus {
	color: #C13130;
}

.mainNav li.selected.parent li.selected.parent li.selected a {
	color: #C13130;
}




.footer ul {
	margin-top: 2em;
	color: #AFAFAF;
}
.footer ul li {
	float: left;
	margin-right: .5em;
	padding-left: .5em;
	border-left: 1px solid #4f4f4f;
}
.footer ul li.first {
	padding: 0;
	border: none;
}
.footer ul li a {
	color: #AFAFAF;
}
.footer ul li a:hover, .footer ul li a:focus {
	color:	#C13130;
}
.footer .addThis {
	float: right;
}



.flashSlides {
	height: 28.64em;
	width: 60.91em;
	position: relative;
	overflow: hidden;
}
.flashSlides h1 {
	position: absolute;
	top: 1em;
	left: 0;
	z-index: 1;
}
.flashSlides img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}


.feature {
	width: 17.55em;
	float: left;
	margin-right: 2em;
}
.feature img {
	border: 1px solid #4f4f4f;
	padding: 2px;
	margin-bottom: 1.3em;
	width: 17.0em;
	height: 8.00em;
}
.feature h2 object {
	height: 1.1em;
}



.video {
	width: 20em;
	color: #D0B04F;
	float: left;
	margin-right: 2em;
}
.video .videoPlayer {
	width: 20.00em;
	height: 16.27em;
}
.video p {
	margin-bottom: 1em;
	margin-top: 0.5em;
}


.content .video {
	width: auto;
	float: none;
	margin: 0;
}
.content .video .videoPlayer {
	width: 61.00em; /* 671 */
	height: 28.91em; /* 377 */
	height: 34.27em;
}





.homeEvents {
	float: left;
	width: 21.36em;
}
.homeEvents h2 object {
	height: 1em;
}
.homeEvents .item {
	margin-bottom: 1.5em;
}
.homeEvents .item .rss {
	float: right;
}
.homeEvents .item h3 {
	color: #C13130;
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 0.2em;
}
/*.homeEvents .item h3 a {
	font-weight: bold;
}*/
.homeEvents .item .eventCategory {
	color: #D0B04F;
	font-weight: bold;
	display: block;
	margin-bottom: 0.2em;
}
.homeEvents .item .eventDate {
	color: #BB7436;
	font-weight: bold;
	display: block;
	margin-bottom: 0.2em;
}



.children {
	border-top: 1px solid #4f4f4f;
	margin-top: 2em;
	padding-top: 2em;
	width: 100%;
	overflow: hidden;
}
.children .child {
	width: 13.64em;
	float: left;
	margin-left: 2.1em;
}
.children .first {
	margin: 0;
}
.children .child img {
	border: 1px solid #4f4f4f;
	padding: 2px;
	margin-bottom: .5em;
	width: 13em;
	height: 13em;
}


.featuredSubs {
	border-top: 1px solid #4f4f4f;
	margin-top: 2em;
	padding-top: 2em;
	width: 100%;
	overflow: hidden;
}
.featuredSubs .sub {
	width: 29.4em;
	float: left;
}
.featuredSubs .first {
	margin-right: 2em;
}
.featuredSubs .sub h2 {
	height: 2em;
}



.links {
	background: #292929;
	background: #292929 url(/_common/img/quotebox-bg.gif) repeat-x;
	padding: 8px;
}
.links li {
	margin-bottom: .2em;
}


.downloads {
	background: #292929;
	background: #292929 url(/_common/img/quotebox-bg.gif) repeat-x;
	padding: 8px;
}
.downloads li {
	margin-bottom: .5em;
}
.downloads a {
	padding-left: 20px;
	display: block;
}
.downloads span {
	margin-left: 20px;
}
.downloads li.pdf a {
	background: url(/_common/img/icons/icon-pdf.gif) no-repeat;
}
.downloads li.doc a {
	background: url(/_common/img/icons/icon-doc.gif) no-repeat;
}
.downloads li.ppt a {
	background: url(/_common/img/icons/icon-ppt.gif) no-repeat;
}
.downloads li.txt a {
	background: url(/_common/img/icons/icon-txt.gif) no-repeat;
}
.downloads li.xls a {
	background: url(/_common/img/icons/icon-xls.gif) no-repeat;
}



.updates {
	background: #292929;
	padding: 8px;
	background: #292929 url(/_common/img/quotebox-bg.gif) repeat-x;
}
.updates h4 {
	font-size: 1em;
}
.updates a {
	font-weight: bold;
}



.topics {
	padding: 8px;
	background: #292929 url(/_common/img/quotebox-bg.gif) repeat-x;
	line-height: 1.5em;
}
.topics a {
	display: block;
}
.topics span {
	float: right;
}



.box {
	margin-bottom: 1em;
	border: 2px solid #292929;
	padding: 3px;
}
.box h3 {
	color: #D0B04F;
	font-size: 1.4em;
	margin-bottom: 0.5em;
}
.box .fckContent {
	background: #292929;
	padding: 8px 8px 1px 8px;
	margin: 0;
	background: #292929 url(/_common/img/quotebox-bg.gif) repeat-x;
}
.box .fckContent a {
	color: #C13130;
	font-weight: bold;
}
.box .fckContent a:hover, .box .fckContent a:focus {
	color: #fff;
}




.quotebox {
	background: #292929 url(/_common/img/quotebox-bg.gif) repeat-x;
	margin-bottom: 1em;
	overflow: hidden;
	height: 1%;
}
.quotebox .tl {
	background: url(/_common/img/quotebox-tl.gif) no-repeat top left;
	width: 10px; height: 10px; float: left;
}
.quotebox .tr {
	background: url(/_common/img/quotebox-tr.gif) no-repeat top right;
	width: 10px; height: 10px; float: right;
}
.quotebox .bl {
	background: url(/_common/img/quotebox-bl.gif) no-repeat bottom left;
	width: 10px; height: 10px; float: left;
}
.quotebox .br {
	background: url(/_common/img/quotebox-br.gif) no-repeat bottom right;
	width: 10px; height: 10px; float: right;
}
.quotebox .quotemark {
	background: #000 url(/_common/img/quotebox-footer.gif) no-repeat 14em 0;
	height: 13px; clear: both;
}

blockquote {
	background: transparent url(/_common/img/quote-l.gif) left top no-repeat;
	margin: 15px 15px 0px 15px;
	clear: both;
}
blockquote div {
	/*padding: 0 25px;*/
	padding: 2px 25px 5px 0;
	text-indent: 25px;
	color: #D0B04F;
	margin-bottom: 5px;
	background: transparent url(/_common/img/quote-r.gif) right bottom no-repeat;
}




.tabs {
	border-bottom: 1px solid #4f4f4f;
	width: 100%;
	overflow: hidden;
}
.tabs li {
	float: right;
	background: #4f4f4f url(/_common/img/tab-r.gif) no-repeat top right;
	line-height: 1.8em;
	padding-right: .5em;
	margin-right: 1px;
}
.tabs li i {
	display: block;
	float: left;
	width: .5em;
	height: 1.8em;
	background: url(/_common/img/tab-l.gif) no-repeat top left;
}
.tabs li.selected span {
	padding-left: 1em;
	background: url(/_common/img/arrow-down-red.gif) no-repeat 0 .5em;
}
.tabs li.selected a span {
	color: #C13130;
	font-weight: bold;
}



.courseDetails {
	overflow: hidden;
	margin-bottom: 2em;
}
.courseDetails dt {
	float: left;
	width: 7em;
}





.contentNav {
	margin-bottom: 2em;
	margin-top: -2em;
	font-size: 1.1em;
}
.contentNav .navItems {
	border-bottom: 1px solid #4f4f4f;
	overflow: hidden;
	width: auto;
	padding: 1em 0 1em 2em;
}
.contentNav .navItems li {
	float: left;
	width: 17em;
	line-height: 2em;
}
.contentNav .navItems li.selected a {
	color: #C13130;
}




.summary {
	margin-bottom: 2em;
}
.list li {
	overflow: hidden;
	height: 1%;
	clear: both;
	margin-bottom: 1em;
}
.list li img {
	float: left;
	border: 1px solid #4f4f4f;
	padding: 2px;
	margin: 0 2em 1.3em 0;
	width: 8em;
	height: 8em;
}
.list li h3 {
	font-size: 1.5em;
}
.list li small {
	color: #D0B04F;
}
.list li p {
	margin-top: .5em;
}



.paging {
	overflow: hidden;
	margin-top: 2em;
	border-top: 1px solid #4f4f4f;
	padding-top: 1em;
}
.paging ul {
	float: right;
}
.paging li {
	float: left;
	margin-left: .5em;
}
.paging .selected a {
	color: #C13130;
}



.articleDetail {
	line-height: 1.5em;
	overflow: hidden;
	height: 1%;
	margin-bottom: 2em;
}
.articleDetail img.main {
	float: right;
	border: 1px solid #4f4f4f;
	padding: 2px;
	margin: 0 0 1.3em 2em;
	width: 24em;
}
.articleDetail .date {
	color: #D0B04F;
	margin-bottom: 1em;
}
.articleDetail .summary p:first-child {
	color: #D0B04F;
	font-size: 1.1em;
	font-weight: bold;
}



.blogHome h1 {
	padding: 0;
	margin-bottom: .5em;
}
.blogHome h3 {
	color: #C13130;
	font-weight: bold;
	margin-bottom: .5em;
}
.blogHome .paging {
	margin-bottom: 2em;
}
.bloglist {
	margin-bottom: 1em;
}
.bloglist li {
	line-height: 1.5em;
}
.bloglist .comments {
	float: right;
}
.bloglist .date {
	margin-right: 2em;
}



.blogDetail h1 {
	padding: 0;
	margin-bottom: .5em;
}
.blogDetail .comment {
	margin-bottom: .3em;
}
.blogDetail .author {
	color: #fff;
}
.blogDetail .addComment {
	margin-top: 2em;
}





.vacancyDetails {
	overflow: hidden;
	line-height: 1.5em;
}
.vacancyDetails dt {
	float: left;
	width: 7em;
}




.eventsNav {
	margin-bottom: 2em;
	font-size: 1.1em;
}
.eventsNav .tabs li {
	float: left;
}
.events .date {
	color: #D0B04F;
	font-weight: bold;
	font-size: 1.2em;
	display: block;
	margin-bottom: .8em;
}
.events .extras {
	float: right;
	text-align: right;
	margin-left: 2em;
	color: #fff;
}


.eventDetail {
	line-height: 1.5em;
	overflow: hidden;
	height: 1%;
	margin-bottom: 1em;
}
.eventDetail img.main {
	float: right;
	border: 1px solid #4f4f4f;
	padding: 2px;
	margin: 0 0 1.3em 2em;
	width: 24em;
}
.eventDetail .date {
	color: #D0B04F;
	font-weight: bold;
}
.eventDetail .soldout {
	color: #C13130;
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom: 2em;
	margin-left: 8.4em;
}
.eventDetail dl {
	margin: 2em 0 1em 0;
}
.eventDetail dt {
	float: left;
	width: 10em;
}
.eventDetail dd {
	color: #fff;
}
.eventDetail .summary {
	font-size: 1.1em;
	width: 30em;
}


.book {
	float: right;
	width: 24em;
	margin: 0 0 1.3em 2em;
}
.book div {
	background: #292929;
	padding: 8px;
	background: #292929 url(/_common/img/quotebox-bg.gif) repeat-x;
}
.book dt, .book dd {
	line-height: 1.5em;
}
.book dt {
	float: left;
	width: 5em;
}
.book h2 {
	padding-bottom: 0;
}


.step1 label {
	width: 26em;
}
.step1 select {
	width: 26em;
}
.prospectus {
	margin: 2em 0 2em 15em;
	clear: both;
}
.startyear label {
	width: auto;
	float: none;
	display: block;
	margin-bottom: 1em;
}





.sitemap {
	margin-left: 4em;
}
.sitemap li {
	padding: .5em 0;
}
.sitemap li a {
	color: #fff;
}
.sitemap li a:hover, .sitemap li a:focus {
	color: #c13130;
}
.sitemap ul li {
	padding-left: 3em;
}




/*		contact */


/* =5. content/FCK */
.fckContent {
	overflow: hidden;
	margin-bottom: 2em;
	line-height: 1.5em;
}
/* these will probably need to sit inside the content module reference. eg. #content h3 */
.fckContent .title
{
	
}
/* any heading type styles, the client will add these via the FCK styles dropdown, so you only need to add the ones you want to use. */
.fckContent h3 {
	color: #C13130;
	margin-bottom: 1em;
	font-weight: bold;
	font-size: 1.4em;
}
.fckContent h4 {
	color: #D0B04F;
	font-size: 1.1em;
	font-weight: bold;
}
.fckContent h4 a {
	font-weight: bold;
}
.fckContent h5 {
	color: #FFFFFF;
	font-size: 1.1em;
	font-weight: bold;
}
/* list styles */
.fckContent ol, .fckContent ul {
	margin-left: 2em;
	margin-bottom: 1em;
	font-size: 1em;
}
.fckContent ul {
	list-style: square;
}
.fckContent li
{
	
}
/* link styles, probably won't need this as it should be set above, but FCK will need it. */
.fckContent a	
{
	
}
/* paragraph formatting, probably won't need this as it should be set above, but FCK will need it. */
.fckContent p 
{
	
}
.fckContent br
{
	
}
/* horizontal rule */
.fckContent hr
{
	
}
/* tables */
.fckContent table {
	border: 1px solid #AFAFAF;
}
.fckContent caption
{
	
}
.fckContent tr {
	
}
.fckContent td {
	padding: .5em;
}
/* text formatting */
.fckContent em
{
	font-style: italic;
}
.fckContent strong
{
	font-weight: bold;	
}
.fckContent u
{
	
}
.fckContent sub
{
	
}
.fckContent sup
{
	
}
.fckContent blockquote {
	margin: 0;
	padding-left: 25px;
}
.fckContent blockquote p {
	padding-right: 25px;
	/*text-indent: 25px;*/
	color: #D0B04F;
	display: inline;
	margin-bottom: 5px;
	background: transparent url(/_common/img/quote-r.gif) right bottom no-repeat;
	
}
/* images */
.fckContent img
{
	border: 1px solid #4f4f4f;
	padding: 2px;
	margin-bottom: 1.3em;
}
.fckContent img.left {
	margin: 1em 2em 2em 0;
	float: left;
}
.fckContent img.leftBottomSpace {
	margin: 1em 2em 5em 0;
	float: left;
}
.fckContent img.right {
	margin: 1em 0 2em 2em;
	float: right;
}
.fckContent img.rightBottomSpace {
	margin: 1em 0 5em 2em;
	float: right;
}

/* =6. overrides */