/* Start of CMSMS style sheet 'WCYS styles' */
* {
	margin:0;
	padding:0;
}
body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#2b497e;
	width:100%;
	height:100%;
}
html {
	height: 100%;
	min-height: 100%;
}
.accessible {
	position:absolute;
	top:-10000px;
	left:-10000px;	
}
div.clear {
	clear:both;	
}
h1, h2, h3, h4, h5, p {
	margin-bottom:0.5em;
}
h1, h2, h3, h4, h5 {
	color:#2464ce;
}
div.container {
	/*float:left;*/
	width:980px;
	height:auto;
	/*background-color:#FFF;*/
	margin:0 auto 0 auto;
	position:relative;
}


div.footer {
	width:980px;
	height:22px;
	position:fixed;
	bottom:0;
	margin:0 auto 0 auto;
}
div.outer-home div.footer {
	background-color:#1147b7;
}
div.outer-general-info div.footer {
	background-color:#2e4d7f;
}
div.outer-for-youth div.footer {
	background-color:#2e565b;
}
div.outer-youthoria div.footer {
	border-top:1px solid #345b66;
	background-color:#2d8295;
}
div.footer div.breadcrumb {
	float:left;
	display:inline;
	margin:4px auto auto 15px;
	font-size:11px;
	color:#FFF;
}
div.footer div.breadcrumb a, div.footer div.breadcrumb a:link {
	color:#FFF;
	text-decoration:none;
}
div.footer div.breadcrumb a:hover {
	text-decoration:underline;
}
div.footer ul {
	list-style-type:none;
	float:right;
	margin:4px 15px auto auto;
	font-size:11px;
	display:inline;
}
div.footer ul li {
	float:left;
	margin:0 0 0 10px;
	border-left:1px solid #FFF;
	padding-left:10px;
}
div.footer ul li a, div.footer ul li a:link {
	text-decoration:none;
	color:#FFF;
}
div.footer ul li a:hover {
	text-decoration:underline;	
}
div.footer ul li.first {
	border:none;
}



/* Home page */

div.outer-home {
	background-image:url(../images/bg-home-bg.jpg);
	background-repeat:repeat-y;
	background-position:center;
	width:100%;
	_height:100%;
	min-height:100%;
}
div.inner-home {
	background-image:url(../images/bg-home-top.jpg);
	background-repeat:no-repeat;
	background-position:top;
	width:100%;
}
div.header-home {
	width:980px;
	height:220px;
	background-image:url(../images/header-home.jpg);
}

/* General info section */

div.outer-general-info {
	background-image:url(../images/bg-general-info-bg.jpg);
	background-repeat:repeat-y;
	background-position:center;
	width:100%;
	_height:100%;
	min-height:100%;
}
div.inner-general-info {
	background-image:url(../images/bg-general-info-top.jpg);
	background-repeat:no-repeat;
	background-position:top;
	width:100%;
}
div.header-general-info {
	width:980px;
	height:220px;
	background-image:url(../images/header-general-info.jpg);
}

/* For Youth section */

div.outer-for-youth {
	background-image:url(../images/bg-for-youth-bg.jpg);
	background-repeat:repeat-y;
	background-position:center;
	width:100%;
	_height:100%;
	min-height:100%;
}
div.inner-for-youth {
	background-image:url(../images/bg-for-youth-top.jpg);
	background-repeat:no-repeat;
	background-position:top;
	width:100%;
}
div.header-for-youth {
	width:980px;
	height:220px;
	background-image:url(../images/header-for-youth.jpg);
}

/* Youthoria section */

div.outer-youthoria {
	background-image:url(../images/bg-youthoria-bg.jpg);
	background-repeat:repeat-y;
	background-position:center;
	width:100%;
	_height:100%;
	min-height:100%;
}
div.inner-youthoria {
	background-image:url(../images/bg-youthoria-top.jpg);
	background-repeat:no-repeat;
	background-position:top;
	width:100%;
}
div.header-youthoria {
	width:980px;
	height:220px;
	background-image:url(../images/header-youthoria.jpg);
}


div.home-icon {
	position:absolute;
	/*width:49px;
	height:51px;
	background-image:url(../images/icon-home.png);*/
	left:-10px;
	top:-12px;
	z-index:1000;
}
div.home-icon ul {
	list-style:none;
}
div.home-icon ul li a {
	display:block;
	width:49px;
	height:51px;
	background-image:url(../images/icon-home.png);
	background-repeat:no-repeat;
	cursor:pointer;
}


/* Menu for the home page */

/*added*/
div.menu-home {
	/*width:800px;*/
	width:980px;
	/*margin-top:3px;*/
	padding:3px 0 3px 0;
	text-align:center;
	height:27px;
	overflow:visible;
	position:relative;
}
div.menu-wrapper {
	width:960px;
	float:left;
	margin:0 auto 0 20px;
	display:inline;
}
/*-----*/

ul#nav, ul#nav ul {
	padding: 0;
	margin: 0;;
	list-style: none;
	/*added*/
	font-size:14px;
	text-align:center;
	margin:auto;
}

ul#nav li {
	background-image:url(../images/bg-nav-button.gif);
	background-repeat:no-repeat;
}
ul#nav li:hover, ul#nav li.current {
	background-position:-187px 0;
}


ul#nav a {
	display: block;
	/*width: 10em;*/
	/*added*/
	font-size:14px; /* 1em now = 14px */
	width:187px;
	/*width:13.5em;*/
	height:1.5em; /* = 21px */
	padding:7px 0 0 0; /* + 7px from the top padding = 28px overall height */
	text-decoration:none;
	font-weight:bold;
	color:#FFF;
}
/* added */
ul#nav a.current {
	background-position:-187px 0;
}
/* ----- */

ul#nav li {
	float: left;
	/*width: 10em;*/
	/*added*/
	width:187px;
	margin-right:3px;
	position:relative;
}
/* added - home button */
ul#nav li.home {
	width:100px;
}
ul#nav li.home a {
	background-image:url(../images/bg-nav-button-home.gif);
	width:100px;
}
ul#nav li.home a:hover, ul#nav li.home a.current {
	background-position:-100px 0;
}
/* search button */
ul#nav li.search {
	width:90px;
}
ul#nav li.search a {
	background-image:url(../images/bg-nav-button-search.gif);
	width:90px;
}
ul#nav li.search a:hover, ul#nav li.search a.current {
	background-position:-90px 0;
}
/* ----- */

ul#nav li ul {
	position: absolute;
	width: 12em;
	left: -999em;
	z-index:999999;
}

ul#nav li:hover ul, ul#nav li.sfhover ul {
	left: 0;
}

/* 2nd level drop down (if required) */

ul#nav li ul ul {
	/*margin: -1em 0 0 10em;*/
	/*added*/
	margin: -1.5em 0 0 15.6em;
}

ul#nav, ul#nav ul {
	padding: 0;
	margin: 0;
	list-style: none; 
	line-height: 1;
}
/*added*/
ul#nav ul {
	margin:0 auto 0 auto;
	font-size:12px;
}
ul#nav ul li a {
	background-image:none;
	background-color:#e9f1f9;
	font-size:12px; /* see above */
	width:15.6em;
	/*color:#1147b7;*/
	color:#245bb6;
	/*margin:1px 0 0 0;*/
	border-top:1px solid #FFF;
}
ul#nav ul li a:hover, ul#nav ul li a.current {
	background-color:#245bb6;
	color:#FFF;
}
ul#nav ul li ul li a, ul#nav ul li ul li a:link {
	color:#FFF;
	background-color:#75a7da;
}
ul#nav ul li ul li a:hover, ul#nav ul li ul li a.current {
	color:#FFF;
	background-color:#245bb6;
}
/*-----*/

ul#nav li:hover ul ul, ul#nav li.sfhover ul ul {
	left: -999em;
}

ul#nav li:hover ul, ul#nav li li:hover ul, ul#nav li.sfhover ul, ul#nav li li.sfhover ul {
	left: 0;
}


/* Content area */

div.content-area {
	clear:both;
	width:890px;
	margin:30px 60px 0 30px;
}
div.content-area-home {
	clear:both;
	width:980px;
	background-image:url(../images/home-blue-swish.jpg);
	background-repeat:no-repeat;
	background-position:0 60px;
	padding:0;
	/*background-position:0 0px;*/
	border-top:1px solid #FFF;
	/*border-bottom:1px solid #F00;*/
}
div.left-column {
	float:left;
	display:inline;
	width:660px;
	background-image:url(../images/bg-content-mid.gif);
	background-repeat:repeat-y;
}

div.content-header {
	float:left;
	display:inline;
	width:660px;
	background-color:#FFF;
}
div.content-holder {
	float:left;
	background-image:url(../images/bg-content-top.gif);
	background-repeat:no-repeat;
	width:660px;
}
div.content-min-height {
	width:1px;
	height:300px;
	float:left;
	/*background-color:#F00;*/
}
div.content {
	width:540px;
	float:left;
	/*background-color:#0F0;*/
	margin:1em 60px auto 59px;
	display:inline;
}
div.content-base {
	float:left;
	display:inline;
	background-color:#FFF;
	background-image:url(../images/bg-content-base.gif);
	background-repeat:no-repeat;
	width:660px;
	height:100px;
	/*margin:0 30px 0 0;*/
}
div.content-header h3 {
	margin:0 60px 0.5em 30px;
	font-size:1.8em;
}
div.content h4, div.content h5, div.content h6 {
	margin-top:1em;
}
div.content h4 {
	font-size:1.5em;
	margin-bottom:0.4em
}
div.content h5 {
	font-size:1.2em;
	margin-bottom:0.2em;
}
div.content h6 {
	font-size:1em;
	margin-bottom:0.1em;
}
div.content ol, div.content ul {
	margin:1em 0 1em 0;
	padding-left:1.5em;
}
div.content li {
	margin-bottom:0.3em;
}


/* Link colours */

div.content a:link, div.content a {
	color:#24b3ce;
}
div.content a:visited {
	color:#66cadd;
}
div.content a:hover {
	color:#197d90;
}
div.right-column a:link, div.right-column a:hover, div.right-column a:visited, div.right-column a {
	color:#2464ce;
}



/* Right column */

div.right-column {
	float:left;
	display:inline;
	width:200px;
	margin:0 auto 60px 30px;
}
div.contact-panel {
	width:200px;
	background-image:url(../images/pnl-blue-mid.gif);
}
div.contact-panel h3 {
	background-image:url(../images/pnl-blue-top.gif);
	background-repeat:no-repeat;
	color:#FFF;
	padding:6px 10px 0 10px;
	font-size:1.5em;
	margin-bottom:0.25em;
}
div.contact-panel h4 {
	color:#FFF;
	padding:6px 10px 0 10px;
	margin:0;
	border-top:3px solid #4278ba;
}
div.contact-panel p {
	color:#FFF;
	padding:0 10px;
}
div.contact-panel p.last {
	background-image:url(../images/pnl-blue-base.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	padding-bottom:10px;
	margin:0;
}
div.contact-panel a, div.contact-panel a:link, div.contact-panel a:visited {
	color:#FFF !important;
}
div.right-column p {
	clear:both;
}

/* Home page boxes */

div.content-area-home div.box-container {
	/*float:left;*/
	width:auto;
	margin:60px auto 30px 75px;
	/*display:inline;*/
	/*position:relative;*/
}

div.content-area-home div.box {
	float:left;
	width:244px;
	height:256px;
	margin:0 50px 0 0;
}
div.content-area-home div.box div {
	/*float:left;*/
	width:244px;
	height:256px;
	position:absolute;
	z-index:999;
}
div.content-area-home div.box div.home1 {
	background-image:url(../images/home-box-general-info-over.jpg);
	//left:75px;
}
div.content-area-home div.box div.home2 {
	background-image:url(../images/home-box-for-youth-over.jpg);
	//left:369px;
}
div.content-area-home div.box div.home3 {
	background-image:url(../images/home-box-youthoria-over.jpg);
	//left:663px;
}
div.content-area-home div.box div.home1 a, div.content-area-home div.box div.home2 a, div.content-area-home div.box div.home3 a {
	display:block;
	width:184px;
	height:156px;
	text-align:center;
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	padding:100px 30px 0 30px;
	font-size:13px;
}
div.content-area-home div.box img {
	float:left;
}

div.content-area-home div.welcome {
	width:720px;
	margin:20px auto 60px auto;
}
div.content-area-home div.welcome h3 {
	float:left;
	width:93px;
	height:46px;
	background-image:url(../images/hdr-welcome.gif);
	margin:0 30px 60px 0;
	display:inline;
}
div.content-area-home div.welcome p {
	float:left;
	width:597px;
	color:#999;
}


/* Youthoria section graphics and colours */

div.outer-youthoria ul#nav li {
	background-image:url(../images/bg-nav-button-youthoria.gif);
}
div.outer-youthoria ul#nav li.home a {
	background-image:url(../images/bg-nav-button-home-youthoria.gif);
}
div.outer-youthoria ul#nav li.search a {
	background-image:url(../images/bg-nav-button-search-youthoria.gif);
}
div.outer-youthoria div.menu-home {
	background-color:#103751;
}
div.outer-youthoria div.footer {
	background-color:#3a656d;
}
div.outer-youthoria div.footer ul li {
	border-color:#fff;
}
div.outer-youthoria div.footer ul li a, div.outer-youthoria div.footer ul li a:link {
	color:#FFF;
}

div.outer-youthoria div.left-column {
	background-image:url(../images/bg-content-youthoria-mid.gif);
}
div.outer-youthoria div.content-holder {
	background-image:url(../images/bg-content-youthoria-top.gif);
}
div.outer-youthoria div.content-base {
	background-image:url(../images/bg-content-youthoria-base.gif);
	background-color:#3a656d;
}
div.outer-youthoria {
	color:#FFF;
}
div.outer-youthoria h1, div.outer-youthoria h2, div.outer-youthoria h3, div.outer-youthoria h4, div.outer-youthoria h5, div.outer-youthoria h6 {
	color:#fff;
}
div.outer-youthoria div.content-header {
	background-color:#3a656d;
}


/* Youthoria Link colours */

div.outer-youthoria div.content a:link, div.content a {
	color:#d8e0e2;
}
div.outer-youthoria div.content a:hover {
	color:#FFF;
}
div.outer-youthoria div.content a:visited {
	color:#b0c1c5;
}

/* larger blue text within text */

.largerbluetext {
	color:#528ff4;
	font-size:1.3em;
	font-weight:bold;
}

/* Youthoria movie times button */
div.move-times-button img {
	float:left;
}
div.movie-times-button p {
	text-align:center;	
	font-size:1.2em;
	line-height:150%;
	margin-top:0.5em;
}
div.movie-times-button a.movie-times, div.movie-times-button a.movie-times:link {
	color:#fff;
	font-weight:bold;
	display:block;
	width:200px;
	padding-top:180px;
	background-image:url(../images/youthoria-side-button.jpg);
	background-repeat:no-repeat;
}
div.movie-times-button a.movie-times:hover {
	background-position:-200px 0;
}

/* Youthoria What's On page */
div.content-area-movie-times {
	clear:both;
	float:left;
	width:980px;
	margin-top:30px;
}
div.content-area-movie-times div.content-header {
	margin-left:30px;
	display:inline;
}
div.movie-times-container {
	clear:both;
	width:980px;
	background-image:url(../images/bg-movie-times.jpg);
	margin-bottom:60px;
}
div.movie-times-image {
	float:left;
	width:335px;
	height:335px;
	margin:10px 0 10px 45px;
	display:inline;
}
div.movie-times-pnl {
	float:left;
	width:530px;
	height:406px;
	margin:10px 0 10px 0;
	display:inline;
	background-image:url(../images/pnl-movie-times.jpg);
	background-repeat:no-repeat;
}
div.pnl-content {
	width:438px;
	margin:0 auto 0 auto;
}
div.movie-times-pnl div.title {
	margin-top:46px;
	width:438px;
	height:21px;
	float:left;
}
div.movie-times-pnl div.title h3 {
	color:#a22c28;
	text-align:center;
	font-size:18px;
	text-transform:uppercase;
	line-height:100%;
	margin:0;
}
div.movie-times-pnl div.listing {
	float:left;
	width:438px;
	height:295px;
	overflow:auto;
	font-size:18px;
	color:#000;
}
div.movie-times-pnl div.listing h4 {
	clear:both;
	float:left;
	display:inline;
	width:380px;
	text-transform:uppercase;
	color:#000;
	margin:0.5em 20px 0.5em 20px;
}
div.movie-times-pnl div.listing div.time {
	text-transform:uppercase;
	color:#000;
	float:left;
	clear:both;
	width:100px;
	display:inline;
	margin:0 0 0.5em 20px;
}
div.movie-times-pnl div.listing div.movie {
	text-transform:uppercase;
	color:#000;
	float:left;
	width:280px;
	display:inline;
	margin:0 0 0.5em auto;
}
div.movie-times-pnl div.listing div.div-line {
	clear:both;
	float:left;
	display:inline;
	width:380px;
	border-top:1px solid #000;
	height:1px;
	line-height:0;
	font-size:0;
	margin:0 auto 0 20px;
}

/* Login form for users */
div.login-form {
	margin:2em 0 2em 0;
}
div.login-form p {
	width:100%;
	margin-top:0.5em;
}

/* Events listing */
div.calendar-list h5 {
	border-top: 1px solid #bed1ef;
	padding-top:0.75em;
}

.calendar-prev {
	float:left;
	margin-bottom:0.5em;
}
.calendar-next {
	float:right;
	margin-bottom:0.5em;
}
.calendar-prev-btn {
	float:left;
	margin:1em 0 2em 0;
}
.calendar-next-btn {
	float:right;
	margin:1em 0 2em 0;
}
.calendar-prev-btn a, .calendar-next-btn a {
	background-image:url(../images/bg-nav-button-home.gif);
	width:100px;
	height:22px;
	display:block;
	color:#fff !important;
	text-decoration:none;
	font-weight:bold;
	text-align:center;
	padding-top:6px;
}
.calendar-prev-btn a:hover, .calendar-next-btn a:hover {
	background-position:-100px 0;
	color:#fff !important;
}
div.calendar-list h4 {
	clear:both;
}
/* News listing */
div.NewsSummary h4 {
	border-top: 1px solid #bed1ef;
	padding-top:0.75em;
}



/* Forum posts display */

div#forum table {
	background-image:url(../images/bg-table-forum-th.gif);
	border-collapse:collapse;
	width:100% !important;
}
div#forum table img {
	border:0;
}

div#forum table th, div#forum table td {
	text-align:left;
	vertical-align:top;
	padding:8px;
	border-bottom:1px solid #afc7cb;
	/*background-color:#345b66;*/
	color:#aec7cb;
}
div#forum table th {
	font-size:130%;
	color:#fff;
}
div#forum table thead tr {
}
div#forum table th, div#forum table td {
	background-image:url(../images/clear.gif) !important;
}
div#forum table td {
	background-color:#19444d !important;
}
div#forum table td a, div#forum table td a:link {
	color:#fff !important;
	text-decoration:none;
}
div#forum table td a:hover {
	color:#fff !important;
	text-decoration:underline;
}
/* Forum user forms */
div.logout {
	margin-bottom:2em;
}
div.logout a {
	color:#fff !important;
}
div.login-form {
	margin-bottom:2em;
}
div.login-form a {
	color:#fff !important;
}

/* FORM LAYOUT */
div.content p.field label {
	float:left;
	width:125px;
	margin-right:15px;
	height:2em;
}
div.content p.field {
	clear:both;
	display:block;
	margin-top:0.5em;
}
div.content p.field input {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	width:315px;
}
div.content p.submit {
	padding-left:140px;
	clear:both;
}
div.content textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:315px;
	height:80px;
}
div.multiples {
	width:279px;
	display:inline;
	height:auto;
	float:left;
	text-align:left;
	margin-bottom: 0.5em;
}
div.multiples label {
	width:234px;
	float:left;
	font-size:75%;
	text-align:left;
	margin-right:1em;
	margin-bottom: 0.25em;
}
div.multiples input {
	float:left;
	clear: both;
	width:auto;
	text-align:left;
	margin-right:3px;
	margin-left:0;
	padding-left:0;
	padding-right:0;
}
div.content div.error ul {
	margin:1em 0 1em 18px;
	font-size:75%;
	list-style-type:disc;
	color:#FF0000;
}
div.content div.error ul li {
	display:list-item;
	background-image:none;
	margin:0;
	padding-left:0;
}
span.error {
	color:#FF0000;
}

/* End of 'WCYS styles' */