/*--------------------------------------------------------------------------------------
New KatAlyst Stylesheet

version:	1.0
author:		Pat Howe
email:		contact@pathowe.co.uk
website:	http://www.pathowe.co.uk
--------------------------------------------------------------------------------------*/

/* general layout and formatting */
@charset "utf-8";
* {margin:0;border:0;padding:0}
body {
	font: 100% Calibri, Arial, Helvetica, sans-serif;
	background-color: #000000;
	background-image: url('images/background3.jpg');
	background-position: left top;
	background-repeat: no-repeat;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #FFFFFF;
	height:100%;
}
img {
	border: 0px;
	margin: 0px;
	padding: 0px;
}
.linkimg {
	cursor:pointer;
}
.linkshow {
    width: 100px;
    height: 90px;
}
#container {
	width: 1000px;  /* using 24px less than a full hi-res 1024px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px;
}
#header {
	background: url('images/header2.jpg') left top no-repeat;
	width: 1000px;
	height: 145px;
	border: 0px;
	margin: 10px 0px 2px 0px;
	padding: 0px;
}
#menu {
	background: url('images/menubar2.png') left top no-repeat;
	width: 1000px;
	height: 52px;
	border: 0px;
	padding: 16px 0px 0px 0px;
	font-size:18px;
	text-transform:uppercase;
}
.first {
		margin: 0; /* zeroing the margin of the first element in a div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
}
.last {
		margin: 0; /* zeroing the margin of the first element in a div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
}
#menu a{
	padding: 0px 5px 0px 5px;
	border:0px;
	margin:0px;
	text-decoration:none;
	color: #cdcdcd;
}
#menu a:hover{
	color: #efefef;
}
#footer {
	background: url('images/menubar2.png') left top no-repeat;
	width: 1000px;
	height: 52px;
	border: 0px;
	color: #cdcdcd;
	padding: 20px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	font-size:12px;
}
#footer a{
	padding: 0px 5px 0px 5px;
	border:0px;
	margin:0px;
	text-decoration:none;
	color: #cdcdcd;
}
#footer a:hover{
	color: #efefef;
}
#content {
	width: 1000px;
	height: 520px;
	border: 0px;
	margin: 0px;
	padding: 0px;
}
#rightpaneback {
	background: url('images/rightpane2.png') left top no-repeat;
	float:right;
}
#rightpane {
	width: 242px;
	height: 510px;
	padding: 0px;
	margin: 0px;
	overflow:auto;
	scrollbar-base-color: #000000;
}
#leftpaneback {
	background: url('images/leftpane2.png') left top no-repeat;
	float:left;
}
#leftpane {
	width: 700px;
	height: 510px;
	padding: 0px;
	margin: 0px;
	overflow:auto;
	scrollbar-base-color: #000000;
}

/* this section is for sizing classes of main pane and side bar */
.small {
	font-size: 11px;
}
.smaller {
	font-size: 10px;
}
.smallest {
	font-size: 9px;
}
.large {
	font-size: 14px;
}
.larger {
	font-size: 16px;
}
.largest {
	font-size: 18px;
}
.tinytitle {
	font-size: 14px;
	font-weight:bold;
}
.smalltitle {
	font-size: 18px;
	font-weight:bold;
}
.title {
	font-size: 24px;
	font-weight:bold;
}
.supertitle {
	font-size: 32px;
	font-weight:bold;
}
h1 {
	padding: 10px 0px 0px 0px;
}
a {
	color: #c000ff;
	text-decoration:none;
}
a:hover {
	color: #cc99ff;
}
p {
	font-size: 12px;
	padding-bottom: 5px;
}

/* this section is used for any sidebar formatting */
#sidebar {
	padding: 10px;
	margin: 0;
	color: #ffffff;
	font-size:12px;
}
#sidebar h1 {
	font-weight:bold;
	padding: 10px 0px 0px 0px;
	margin: 0px;
}
#sidebar a {
	color: #c000ff;
	text-decoration:none;
}
#sidebar a:hover {
	color: #cc99ff;
}
#sidebar table {
	table-layout:inherit;
}
#sidebar td {
	vertical-align:top;
	text-align:center;
}

/* this section is used for any main pane formatting */

#interior {
	padding: 10px;
	margin: 0;
	color: #ffffff;
	text-align:left;
	font-size: 12px;
	overflow:auto;
}
#interior td {
	vertical-align:top;
}

#interior .show {
	clear:both;
}
#interior .homepic{
	width: 199px;
	height: 179px;
	float: left;
	padding: 5px 10px 5px 0px; /* top right bottom left */
}
#interior .leftpic{
	float: left;
	padding: 5px 10px 5px 0px; /* top right bottom left */
}
#interior .rightpic{
	float: right;
	padding: 5px 0px 5px 10px; /* top right bottom left */
}
#interior .aboutpic{
	width: 120px;
	height: 150px;
	float: left;
	padding: 5px 10px 5px 0px; /* top right bottom left */
}
#interior .castbox{
	width: 200px;
	float: right;
	padding: 5px;
	margin: 5px 0px 5px 10px; /* top right bottom left */
	border:solid 1px #cccccc;
	text-align:center;
}
#interior .castboxnarrow{
	width: 150px;
	float: right;
	padding: 5px;
	margin: 5px 0px 5px 10px; /* top right bottom left */
	border:solid 1px #cccccc;
	text-align:center;
}
#interior .castlist{
	width: 90%;
	padding: 5%;
	border:solid 1px #cccccc;
	text-align:center;
}

/* Lightbox settings */
.overlay {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background:#000;
	opacity:0;
	filter:alpha(opacity=0);
	z-index:50;
	cursor:pointer;
}
.container {
	position:absolute;
	opacity:0;
	filter:alpha(opacity=0);
	left:-9999em;
	z-index:51;
}


/* Gallery settings */
.noshow {
	visibility: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 0px;
	width: 0px;
}
.imghover {
	border-style: solid;
	border-width: 2px;
	border-color: #003250;
}

.imgoff {
	border: none;
	border-style: solid;
	border-width: 2px;
	border-color: #FFFFFF;
}

.fimghover {
	border-style: solid;
	border-width: 2px;
	border-color: #003250;
}

.fimghoveryellow {
	border-style: solid;
	border-width: 2px;
	border-color: #FFCC00;
}

.fimgoff {
	border: none;
	border-style: solid;
	border-width: 2px;
	border-color: #F2F2F5;
}