/* 
	- Client: Scala Cinema
	- Author: Dave Robinson of sypher design (www.sypher-design.co.uk) 
	- Date: 17th March 2010
	- Version: 2.0
	- Comments: Cinema website showing film times, booking system and information
	
*/

* {
	margin: 0;
	padding: 0;
}

body {
	background-color: #333;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #EFEFEF;
}

h1,h2,h3,h4,h5 {
	margin: 0;
	padding: 0;
}

label, input, textarea, checkbox, fieldset {
	padding: 0;
	margin: 0;
}

label, button, input[type="submit"], input[type="image"] {
	cursor:pointer;
}

img {
	border: 0;
	padding: 0;
	margin: 0;
}

img[rel="friends"] {
	margin: 15px auto 0px auto;
}

#contentBar {
	background-color: #E0E0E0;
	border-top: 1px solid #ccc;
	overflow: auto;
	clear: both;
	width: 100%;
	display: block;
	min-width: 960px;
}

.lightBar {
	background-color: #E6E7E9;
	border-top: 1px solid #ccc;
	overflow: auto;
	clear: both;
	width: 100%;
	display: block;
	min-width: 960px;
}

.contentContainer {
	width: 960px;
	margin: 0 auto;
	overflow: auto;
	clear: both;
}

#headerLinks {
	text-transform: uppercase;
	margin: 14px 0px 12px 0px;
	font-weight: bold;
	float: left;
}

#headerLinks li {
	display: inline;
	padding: 12px 5px;
	list-style-type: none;
}

#headerLinks li div {
	position: absolute;
	background-color: #333; 
	display: none;
	margin-top: 12px;
	padding: 8px;
	min-width: 200px;
	font-weight: normal;
}

#headerLinks li div li {
	display: block;
	padding: 5px;
}

#headerLinks li div li a {
	color: #ccc;
	text-decoration: none;
	background-color: none; 
}

#headerLinks li div ul {
	float: left;
}

#headerLinks li div li a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #484848; 
}

#headerLinks li div:hover {
	background-color: #484848; 
}

#headerLinks li:hover div {
	display: block;
}

#headerLinks li div#about {
	margin-left: 50px;
}

#headerLinks li div#filmTickets {
	margin-left: 117px;
}

#headerLinks li div#facilities {
	margin-left: 240px;
}

#headerLinks li div#volunteer {
	margin-left: 328px;
}

#headerLinks li a {
	color: #ccc;
	padding: 5px 8px 5px 5px;
	text-decoration: none;
}
#headerLinks li a:hover {
	background-color: #282828;
}

#newsletterSignup {
	float: right;
	color: #9A9A9A;
	font-weight: bold;
	padding: 5px;
}

#newsletterSignup input[type="text"] {
	margin-left: 2px;
	color: #666;
	border: 0;
	padding: 4px;
	font-size: 12px;
	width: 150px;
}

#newsletterSignup input[type="image"] {
	vertical-align: bottom;
	padding: 2px 0px 0px 3px;
}

#newsletterMessage {
	width: 509px;
	height: 213px;
	background-repeat: no-repeat;
	position: absolute;
	margin-left: 250px;
	z-index: 500;
	display: none;
}

#newsletterMessage p {
	color: #333;
	font-weight: bold;
	font-size: 16px;
	padding: 80px 135px 20px 170px;
	line-height: 150%;
}

#logo {
	float: left;
	width: 330px;
	margin-top: 48px;
}

#controls {
	float: right;
	width: 550px;
	margin-top: 24px;
	text-align: right;
}

#controls span img {
	vertical-align: top;
	display: inline;
}

#controls span a {
	padding: 3px 0px 0px 3px;
}

#featuredLinks {
	float: right;
	clear: right;
	margin-top: 48px;
}

#featuredLinks li {
	display: inline;
	list-style-type: none;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
}

#featuredLinks li a {
	color: #fff;
	text-decoration: none;
}

#featuredLinks span {
	width: 140px;
	display: inline-block;
	padding: 8px 0px 7px 7px;
	-moz-border-radius-topleft: 8px;
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-topright: 8px;
	-webkit-border-top-right-radius: 8px;
	border-radius-top-left: 8px;
	border-radius-top-right: 8px;
}

#featuredLinks span#navFilms {
	background-color: #FF6600;
	width: 105px;
}

#featuredLinks span#navFilms:hover {
	background-color: #CA5100;
}

#featuredLinks span#navFacilities {
	background-color: #98CB00;
}

#featuredLinks span#navFacilities:hover {
	background-color: #85B000;
}

#featuredLinks span#navGift {
	background-color: #6AD6E3;
}

#featuredLinks span#navGift:hover {
	background-color: #47CDDC;
}

#featuredLinks span#navMember {
	background-color: #CC0001;
}

#featuredLinks span#navMember:hover {
	background-color: #AA0000;
}

/* ------------ BEGIN SHOWCASE BOX ------------ */

#showcase {
	clear: both;
	overflow: hidden;
}

#showcase #showcaseNav {
	float: left;
}

#showcase #showcaseNav ul {
	white-space: no-wrap;
}

#showcase #showcaseNav ul li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#showcase #showcaseNav ul li span {
	display: block;
	padding: 0;
	margin: 0;
	width: 30px;
	text-indent: -1500px;
	cursor: pointer;
}

#showcase #showcaseNav ul li span#cinema {
	background: url("images/nav-cinema.jpg") no-repeat top left;
	height: 86px;
}

#showcase #showcaseNav ul li span#live {
	background: url("images/nav-live.jpg") no-repeat top left;
	height: 85px;
}

#showcase #showcaseNav ul li span#satellite {
	background: url("images/nav-satellite.jpg") no-repeat top left;
	height: 170px;
}

#showcase #showcaseNav ul li span:hover {
	opacity:0.8;
	filter:alpha(opacity=80)
}

#showcase #showcaseNav ul li a:focus {
	border: 0;
	outline: 0;
}

#showcase #showcaseContent {
	width: 930px;
	height: 341px;
	overflow: hidden;
}

#showcase #showcaseContent ul {
	margin: 0;
	padding: 0;
}

#showcase #showcaseContent li {
	list-style-type: none;
	display: inline;
	padding: 0;
	margin: 0;
}

#showcase #showcaseContent img {
	border-bottom: 1px solid #666;
}

/* ------------ END SHOWCASE BOX ------------ */

#content {
	overflow: auto;
	background-color: #fff;
	clear: both;
}

#content #contentBox {
	float: left;
	width: 591px;
	margin: 16px 0px 16px 16px;
	color: #F0F0F0;
}

#content #contentBox p {
	padding: 16px;
	line-height: 150%;
	font-size: 12px;
}

#content #contentBox p.indent {
	padding-right: 300px;
}

#content #contentBox h1 {
	color: #fff;
	background-color: #7F7F7F;
	font-size: 20px;
	text-transform: uppercase;
	-moz-border-radius-bottomright: 15px;
	-webkit-border-bottom-right-radius: 15px;
	border-radius-bottom-right: 15px;
	padding-left: 19px;
	line-height: 130%;
	font-weight: normal;
}

/* ------------ BEGIN CONTENT PAGES ------------ */

#contentDetails {
	background-color: #B2B2B2;
	color: #666;
}

#contentDetails a {
	color: #333;
	text-decoration: none;
	border-bottom: 1px solid #333;
}

#contentDetails ul {
	padding-left: 40px;
	padding-bottom: 10px;
}

#contentDetails li {
	list-style-type: disc;
	padding: 2px;
	color: #fff;
}

#contentDetails li:hover {
	color: #F8F8F8;
}

#contentTitle {
	background-color: #7F7F7F;
	padding: 50px 0px 10px 0px;
}

.highlightit img {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	-moz-opacity: 1;
	opacity: 1;
}

.highlightit:hover img {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

/* ------------- END CONTENT PAGES ------------- */

/* ------------ BEGIN NEWSTICKER ------------ */

#newsTicker {
	overflow: auto;
}

#newsTicker img {
	float: right;
	padding: 18px 15px 5px 10px;
}

#newsTicker p {
	color: #333;
}

/* ------------ END OF NEWSTICKER ------------ */

.contentBoxLeft {
	float: left;
	width: 290px;
	margin-top: 15px;
	margin-bottom: 10px;
	overflow: auto;
}

.contentBoxRight {
	float: right;
	width: 290px;
	margin-top: 15px;
	margin-bottom: 10px;
	overflow: auto;
}

.blockGreyDark {
	background-color: #666;
	color: #999;
	overflow: auto;
}

.blockGreyLight {
	background-color: #E0E0E0;
	color: #5F5F5F;
	overflow: auto;
}

.blockGreyDark span {
	text-transform: uppercase;
	color: #fff;
	float: right;
	font-size: 15px;
	padding: 0px 16px 16px 0px;
	font-weight: bold;
}

.contentFacilities {
	background: #B2B2B2 url("images/content.jpg") no-repeat top right;
	margin-bottom: 10px;
}

.contentFacilities h1 {
	padding-top: 60px;
	padding-right: 60px;
	padding-bottom: 22px;
	width: 242px;
}

.contentFacilities a {
	color: #333;
	text-decoration: none;
	border-bottom: 1px solid #333;
}

/* ------------ BEGIN RIGHT PANEL ------------ */

#rightPanel {
	width: 320px;
	float: right;
	margin-top: -322px;
	margin-right: 18px;
	position: relative;
	z-index: 500;
}

#rightPanel #filmSchedule {
	background: #252525;
	text-transform: uppercase;
	padding-top: 1px;
	-moz-border-radius-topleft: 15px;
	-webkit-border-top-left-radius: 15px;
	-moz-border-radius-topright: 15px;
	-webkit-border-top-right-radius: 15px;
	border-radius-top-left: 15px;
	border-radius-top-right: 15px;
}

#rightPanel #filmSchedule dl {
	padding: 0px 15px 15px 17px;
}

#rightPanel #filmSchedule dt {
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	margin-top: 20px;
	border-top: 1px solid #3B3B3B;
	padding-top: 25px;
	font-style: normal;
}

#rightPanel #filmSchedule #nowShowing dt {
	border-top-width: 0px;
	padding-top: 0px;
}

#rightPanel #filmSchedule dd a {
	line-height: 150%;
	color: #8C8C8C;
	border:0;
	text-decoration: none;
	font-style: normal;
}

#rightPanel #filmSchedule dd a:hover {
	color: #A8A8A8;
}
#rightPanel #filmSchedule dd a:visited {
	color: #8C8C8C;
	text-decoration: none;
}

.filmPopUps {
	position: relative;
	z-index: 300;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.1em;
	margin: -53px 10px 10px 10px;
	width: 565px;
	font-weight: bold;
	height: 43px;
	overflow: hidden;
}

#filmPopupTimes div {
	display: none;
	-moz-opacity:0.9;
	opacity:0.9;
	filter:alpha(opacity=90)
}

#filmPopupTimes .filmPopupTime {
	float: right;
	background-color: #000;
	border: 1px solid #333;
	padding: 13px 4px;
	text-align: center;
	color: #fff;
	margin-left: 12px;
}

#filmPopupTimes .filmPopupTime a {
	color: #fff;
	text-decoration: none;
}

#filmPopupTimes #film0 span:first-child {
	background-color: #BDCC01;
}
#filmPopupTimes #film1 span:first-child {
	background-color: #6AD6E2;
}
#filmPopupTimes #film2 span:first-child {
	background-color: #CC0001;
}
#filmPopupTimes #film3 span:first-child {
	background-color: #FF6600;
}
#filmPopupTimes #film4 span:first-child {
	background-color: #010101;
}
#filmPopupTimes #film5 span:first-child {
	background-color: #BDCC01;
}
#filmPopupTimes #film6 span:first-child {
	background-color: #6AD6E2;
}

/*--------------END OF NOW SHOWING POPUPS---------------- */

#comingsoonPopup div {
	display: none;
	-moz-opacity:0.9;
	opacity:0.9;
	filter:alpha(opacity=90)
}

#comingsoonPopup #csfilm0 span:first-child {
	background-color: #BDCC01;
}
#comingsoonPopup #csfilm1 span:first-child {
	background-color: #6AD6E2;
}
#comingsoonPopup #csfilm2 span:first-child {
	background-color: #CC0001;
}
#comingsoonPopup #csfilm3 span:first-child {
	background-color: #FF6600;
}
#comingsoonPopup #csfilm4 span span {
	color: #fff;
}
#comingsoonPopup #csfilm4 span:first-child {
	background-color: #010101;
}
#comingsoonPopup #csfilm5 span:first-child {
	background-color: #BDCC01;
}
#comingsoonPopup #csfilm6 span:first-child {
	background-color: #6AD6E2;
}
#comingsoonPopup #csfilm7 span:first-child {
	background-color: #CC0001;
}
#comingsoonPopup #csfilm8 span:first-child {
	background-color: #FF6600;
}
#comingsoonPopup #csfilm9 span span {
	color: #fff;
}
#comingsoonPopup #csfilm9 span:first-child {
	background-color: #010101;
}
#comingsoonPopup #csfilm10 span:first-child {
	background-color: #BDCC01;
}
#comingsoonPopup #csfilm11 span:first-child {
	background-color: #6AD6E2;
}
#comingsoonPopup #csfilm12 span:first-child {
	background-color: #FF6600;
}
#comingsoonPopup #csfilm13 span span {
	color: #fff;
}
#comingsoonPopup #csfilm13 span:first-child {
	background-color: #010101;
}
#comingsoonPopup #csfilm14 span:first-child {
	background-color: #BDCC01;
}
#comingsoonPopup #csfilm15 span:first-child {
	background-color: #6AD6E2;
}
#comingsoonPopup #csfilm16 span:first-child {
	background-color: #FF6600;
}
#comingsoonPopup #csfilm17 span:first-child {
	background-color: #CC0001;
}

#comingsoonPopup .filmPopupTitle {
	width: 565px;
}

#comingsoonPopup .filmPopupTitle span {
	margin-right: 18px;
}

/*--------------END OF COMING SOON POPUPS---------------- */

#livePopup div {
	display: none;
	-moz-opacity:0.9;
	opacity:0.9;
	filter:alpha(opacity=90);
}

#livePopup .filmPopupTime {
	float: right;
	background-color: #000;
	border: 1px solid #333;
	padding: 13px 4px;
	text-align: center;
	color: #fff;
	margin-left: 12px;
}

.filmPopupTitle {
	padding: 13px 10px;
	float: left;
	min-width: 320px;
	max-width: 565px;
}

.filmPopupTitle span {
	float: right;
	color: #000;
}

#livePopup #liveP0 span:first-child {
	background-color: #BDCC01;
}
#livePopup #liveP1 span:first-child {
	background-color: #6AD6E2;
}
#livePopup #liveP2 span:first-child {
	background-color: #CC0001;
}
#livePopup #liveP3 span:first-child {
	background-color: #FF6600;
}

#livePopup .filmPopupTitle span {
	margin-right: 18px;
}

/*--------------END OF LIVE FILM POPUPS---------------- */

#satPopup div {
	display: none;
	-moz-opacity:0.9;
	opacity:0.9;
	filter:alpha(opacity=90);
}

#satPopup #satP0 span:first-child {
	background-color: #BDCC01;
}
#satPopup #satP1 span:first-child {
	background-color: #6AD6E2;
}
#satPopup #satP2 span:first-child {
	background-color: #CC0001;
}
#satPopup #satP3 span:first-child {
	background-color: #FF6600;
}

#satPopup .filmPopupTitle span {
	margin-right: 18px;
}

/*--------------END OF SATELLITE POPUPS---------------- */

/* -------- Extra boxes  -------- */

#rightPanel #ticketOffers {
	background-color: #99CC00;
	color: #fff;
	padding: 20px 16px;
	font-size: 13px;
}

#rightPanel #ticketOffers span {
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
}

#rightPanel #movieMadness {
	background: #CC0001 url("images/background-monday.jpg") no-repeat bottom right;
	color: #fff;
	padding: 20px 16px;
	font-size: 13px;
}

#rightPanel #movieMadness span {
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
}

#rightPanel #movieMadness p.black {
	color: #000;
	padding: 16px 20px 0px 0px;
}

#rightPanel #silverScreen {
	background-color: #999;
	color: #000;
	padding: 20px 16px;
	font-size: 13px;
}

#rightPanel #silverScreen span {
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
}

#rightPanel #silverScreen p:last-child {
	color: #000;
	padding-top: 16px;
}

#rightPanel #orangeWednesday {
	background-color: #000;
	color: #FF6600;
	padding: 20px 16px;
	font-size: 13px;
}

#rightPanel #orangeWednesday span {
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
}

#rightPanel #orangeWednesday strong {
	color: #fff;
}

#rightPanel #socialTwitter {
	background: #6A9ECD url("images/background-twitter.jpg") repeat;
	/*padding: 20px 16px;*/
}

#rightPanel #socialTwitter span.twitterHeader {
	background: url("images/twitter-header.jpg") no-repeat top;
	width: 320px;
	height: 169px;
	display: block;
	margin-bottom: -15px;
}

#rightPanel #socialTwitter span.twitterFooter {
	background: url("images/twitter-footer.jpg") no-repeat top left;
	width: 320px;
	height: 52px;
	display: block;
}

#rightPanel #socialTwitter p {
	width: 280px;
	margin: 0px auto 10px auto;
	background-color: #EAEAEA;
	padding: 8px;
	color: #666;
	border: 2px solid #C3C3C3;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-size: 13px;
}
#rightPanel #socialTwitter p:hover {
	background-color: #F4F4F4;
}

#rightPanel .panelDates {
	padding: 3px;
	background-color: #990000;
}

/* -------- Extra boxes  -------- */

/* ------------ END RIGHT PANEL ------------ */

/* ------------ BEGIN BOOKING DETAILS ------------ */

#bookingBox {
	clear: both;
	margin: 16px;
}

#bookingBox h1 {
	color: #fff;
	background-color: #7F7F7F;
	font-size: 20px;
	text-transform: uppercase;
	-moz-border-radius-bottomright: 15px;
	-webkit-border-bottom-right-radius: 15px;
	border-radius-bottom-right: 15px;
	padding-left: 19px;
	line-height: 130%;
	font-weight: normal;
}

#bookingBox p {
	padding: 16px;
	line-height: 150%;
	font-size: 12px;
}

#bookingBox iframe {
	margin: 16px;
	display: block;
	width: 700px;
	height: 700px;
}

#bookingTickets {
	background: #F8F8F8 url("images/background-booking.jpg") no-repeat right center;
	color: #D2D2D2;
	font-size: 34px;
	padding: 10px 222px 10px 10px;
	-moz-border-radius-bottomleft: 15px;
	-webkit-border-bottom-left-radius: 15px;
	border-radius-bottom-left: 15px;
	font-weight: bold;
	text-align: right;
	clear: both;
	width: 698px;
	float: right;
	margin-bottom: 15px;
}

h5.bookingText {
	font-weight: bold;
	font-size: 20px;
	padding: 5px 15px 5px 15px;
}

/* ------------ END BOOKING DETAILS ------------ */

/* ------------ BEGIN SHOW FILM DETAILS ------------ */

#filmBoxLeft {
	width: 380px;
	float: left;
}

#filmBoxRight {
	width: 202px;
	float: right;
}

#filmTitle {
	background-color: #7F7F7F;
	padding-top: 40px;
}

#filmTitle img {
	vertical-align: bottom;
}

#filmTitle p {
	margin-top: -14px;
}

#filmDetails {
	background-color: #B2B2B2;
}

#filmTimes {
	background-color: #E6E6E6;
	padding: 16px;
	margin: 16px 0px;
	color: #666;
}

#filmTimes h2 {
	text-transform: uppercase;
	font-weight: normal;
}

#filmTimes table {
	width: 100%;
	border-collapse: collapse;
}

#filmTimes table td {
	padding: 6px 0px;
	border-bottom: 1px solid #ccc;
	margin: 0;
	border-spacing: 0;
}

#filmTimes table td a {
	text-decoration: none;
	color: #666;
}

#filmTimes table tr:hover {
	background-color: #D8D8D8;
}

#filmPoster {
	text-align: center;
}

.filmSocial {
	padding: 8px;
}

.filmSocial a {
	padding: 2px;
}

#filmTrailers {
	clear: both;
	background-color: #000;
	margin-top: 16px;
	text-align: center;
	padding: 5px;
}

/* ------------ END SHOW FILM DETAILS ------------ */


/* ------------ BEGIN SERVICES LIST ------------ */

.servicesList {
	padding: 16px 5px 5px 2px;
	color: #9F9F9F;
}

.servicesList a {
	color: #F88437;
	text-decoration: none;
	border-bottom: 1px solid #F88437;
}

.servicesList dt {
	padding: 5px 20px 5px 0px;
	color: #666;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: bold;
}

.servicesList dd {
	padding-bottom: 20px;
	line-height: 150%;
}

#downloads {
	background-color: #fff;
	color: #333;
	margin-top: 15px;
}

#downloads a[type='application/pdf'] {
	background: url('images/file_acrobat.gif') no-repeat 0 50%;
	padding-left: 20px;
}

#downloads .title {
	text-transform: uppercase;
	background-color: #FF6600;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	padding: 13px 16px;
	display: block;
}

#downloads ul {
	padding: 20px 17px;
	padding-left: 15px;
}

#downloads li {
	list-style-type: none;
	padding: 3px;
}

#downloads li a {
	color: #8C8C8C;
	text-decoration: none;
}

#downloads li a:hover {
	color: #666;
}

#prices {
	color: #666;
	text-decoration: none;
	font-size: 14px;
	padding-left: 20px;
}

#courses {
	background-color: #fff;
	color: #333;
	margin-top: 15px;
}

#courses a[type='application/pdf'] {
	background: url('images/file_acrobat.gif') no-repeat 0 50%;
	padding-left: 20px;
}

#courses .title {
	text-transform: uppercase;
	background-color: #666;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	padding: 13px 16px;
	display: block;
}

#courses ul {
	padding: 20px 17px;
	padding-left: 15px;
}

#courses li {
	list-style-type: none;
	padding: 3px;
}

#courses li a {
	color: #8C8C8C;
	text-decoration: none;
}

#courses li a:hover {
	color: #666;
}

/* ------------ TEMPORARY ------------ */

#mediaSignUp {
	background: #000 url("images/media-suite-open-day.jpg") no-repeat top;
	padding-top: 120px;
	margin-top: 15px;
}

#mediaSignUp p {
	text-align: right;
	color: #999;
}
#mediaSignUp #mediaSuccess {
	color: #fff;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
}

#mediaSignUp ul {
	padding: 20px 15px 0px 35px;
	color: #FF7553;
}

#mediaSignUp ul li {
	color: #fff;
	padding: 2px;
	margin: 2px;
}

#mediaSignUp form {
	padding: 20px 17px;
}

#mediaSignUp form input, select {
	display: block;
}

#mediaSignUp fieldset {
	border: 0;
	border-bottom: 1px solid #6F7A2B;
	padding: 15px 0px;
	margin-bottom: 10px;
}

#mediaSignUp fieldset legend {
	padding: 5px;
	text-transform: uppercase;
	font-weight: bold;
	background-color: #63C5CE;
	color: #000;
	margin-left: 10px;
}

#mediaSignUp label {
	display: block;
	margin: 6px;
	background-color: #242424;
	padding: 4px;
	color: #BCD32D;
	text-transform: uppercase;
	font-weight: bold;
}

#mediaSignUp label:hover {
	background-color: #333;
}

#mediaSignUp label input {
	margin: 3px;
	border: 0;
	padding: 3px;
	background-color: #fff;
	text-align: left;
}

#mediaSignUp label select {
	margin: 3px;
	border: 0;
	padding: 3px;
	background-color: #fff;
}

#mediaSignUp input {
	background-color: #BCD32D;
	margin: 0 auto;
	color: #000;
	text-align: center;
	font-weight: bold;
	font-size: 13px;
	padding: 4px;
	border: 0;
	text-transform: uppercase;
}

#mediaSignUp input[type="submit"]:hover {
	background-color: #ABC229;
}

/* ------------ END SERVICES LIST ------------ */

/* ------------ BEGIN RIGHT CONTENT PANEL ------------ */

#rightcontentPanel {
	width: 320px;
	float: right;
	margin-right: 18px;
}

#rightcontentPanel #news {
	background-color: #333;
	margin: 16px 0px;
}

#rightcontentPanel #news h5 {
	background-color: #000;
	color: #fff;
	text-transform: uppercase;
	font-size: 16px;
	padding: 14px 17px;
}

#rightcontentPanel #news li {
	list-style-type: none;
}

#rightcontentPanel #news li span {
	display: block;
	padding: 0px 17px;
	border-bottom: 1px solid #444;
}

#rightcontentPanel #news li a {
	color: #ccc;
	text-decoration: none;
}

#rightcontentPanel #news li span:hover {
	background-color: #4A4A4A;
}

#rightcontentPanel #news li p {
	padding: 20px 0px;
}

#rightcontentPanel #news li p:last-child {
	padding-top: 0px;
}

#rightcontentPanel #links h5 {
	background-color: #6BD6E3;
	color: #fff;
	text-transform: uppercase;
	font-size: 16px;
	padding: 14px 17px;
}

#rightcontentPanel #links ul {
	padding: 20px 17px;
	padding-left: 30px;
}

#rightcontentPanel #links li {
	padding: 3px;
}

#rightcontentPanel #links li a {
	color: #8C8C8C;
	text-decoration: none;
}

#rightcontentPanel #links li a:hover {
	color: #666;
}

#newsBlockSwitch {
	padding: 14px;
	background-color: #333;
	font-weight: bold;
	width: 657px;
}

#newsLabels li {
	cursor: pointer;
	list-style-type: none;
	background-color: #4F4F4F;
	display: inline-block;
	padding: 5px;
	font-size: 15px;
	color: #fff;
}

#scalaNews {
	background-color: #666;
	color: #fff;
	padding: 16px;
	overflow: auto;
}

#scalaNews p {
	padding: 0px;
	margin-bottom: 5px;
}

#scalaNews a {
	color: #F88437;
	text-decoration: none;
	border-bottom: 1px solid #F88437;
}

#scalaSoon {
	background-color: #666;
	color: #fff;
	padding: 16px;
	overflow: auto;
}

#scalaSoon a {
	color: #F88437;
	text-decoration: none;
	border-bottom: 1px solid #F88437;
}

#scalaSoon p {
	padding: 0px;
	margin-bottom: 5px;
}

#scalaEvents {
	background-color: #666;
	color: #fff;
	padding: 16px;
	overflow: auto;
}

#scalaEvents a {
	color: #F88437;
	text-decoration: none;
	border-bottom: 1px solid #F88437;
}

#scalaEvents p {
	padding: 0px;
	margin-bottom: 5px;
}

.newsLinks {
	padding: 6px 6px 12px 6px;
	float: right;
}

.newsLinks li {
	list-style-type: none;
	display: inline;
	padding: 0px 10px 0px 10px;
	border-right: 1px solid #F88437;
}

.newsLinks li:last-child {
	border-right: 0;
}

.newsTitle {
	text-transform: uppercase;
	background-color: #000;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	padding: 16px;
	display: block;
}

.newsDate {
	float: right;
	font-size: 12px;
	text-transform: uppercase;
	color: #ccc;
}

.newsHeading {
	clear: both;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	display: block;
	padding: 0px 16px;
}

.newsMore {
	border-bottom: 1px solid #757575;
	margin: 10px 0px 20px 0px;
	padding: 5px 0px;
	text-align: right;
}

/* ------------ END RIGHT CONTENT PANEL ------------ */

/* ------------ BEGIN FOOTER - SCALA MAP ------------ */

#scalaMap {
	color: #535353;
	background: url("images/map.jpg") no-repeat right;
	padding: 24px 14px;
	overflow: auto;
}

#scalaMap h4 {
	text-transform: uppercase;
	color: #000;
	font-size: 16px;
	padding-bottom: 3px;
}

#scalaMap p {
	font-weight: normal;
	margin-bottom: 20px;
	color: #666;
}

#scalaMap strong {
	color: #F88437;
}

#scalaMap a {
	color: #F88437;
	text-decoration: none;
	border-bottom: 1px solid #F88437;
}

#scalaMap .vcard a {
	color: #535353;
	border: 0;
}

/* ------------ END FOOTER - SCALA MAP ------------ */

/* ------------ BEGIN FOOTER ------------ */

.footerBlock {
	width: 30%;
	float: left;
	color: #999999;
	margin-top: 30px;
	padding: 0px 1% 0px 1%;
}

.footerBlock span {
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 16px;
}

.footerBlock a {
	color: #666;
	text-decoration: none;
}

.footerBlock a img {
	margin: 10px 3px;
}

.footer {
	clear: both;
	color: #fff;
	padding: 40px 5px;
	font-size: 11px;
}

.footer span {
	float: right;
	color: #F88437;
}

.footer span a {
	color: #F88437;
	text-decoration: none;
	padding: 5px;
}

/* ------------ END FOOTER ------------ */