
	/** <body **/

body {
	background: url('images/main-background.jpg') #666 repeat-x top;
	font: 0.75em Verdana, Arial, Helvetica;
    letter-spacing: 0.08em;
	line-height: 21px;
	margin: 0px;
	padding: 0px;}
	
	/** Main <div> tags **/
	
div#header {
	width: 100%;
	background: url('images/bg-header.gif') #000;
	margin: 0px auto 10px auto;
	text-align: center;
	height: 110px;
	padding: 0px;}
	
div#bar {
	background: url('images/corner-top-left.gif') top left no-repeat;
	margin: 0px;
	padding: 5px 0px 10px 0px}
	
div#content {
	background: url('images/background-new.jpg') #000 no-repeat top left;
	text-align: left;
	width: 95%;
	margin: 0px auto;
	padding: 0px;
	line-height: normal;
	color: #fff;}
	
div#footer {
	background: url('images/corner-bottom-left.gif') no-repeat bottom left;
	border-top: 1px #333 solid;
	margin: 0px auto 10px auto;
	text-align: center;
	padding: 0px 0px 10px 0px;
	clear: both;
	color: #ccc;
	font: 0.85em Verdana;}
	
	/** Corner <div> tags **/
	
div#headLeft {
	background: url('images/bg-header-left.gif');
	float: left;
	width: 15px;
	height: 100px;}
	
div#headRight {
	background: url('images/bg-header-right.gif');
	float: right;
	width: 15px;
	height: 100px;}

div.bottomRight {
	background: url('images/corner-bottom-right.gif') bottom right no-repeat;
	float: right;
	width: 15px;}
	
div.topRight {
	background: url('images/corner-top-right.gif') top right no-repeat;
	float: right;
	width: 15px;}

	/** Navigation **/

div#bar ul {
	padding: 5px 0px;
	margin: 0px;}
	
div#bar li {
	display: inline;
	padding: 0px 10px;
	border-left: 1px #ccc solid;}
	
div#bar li.header {
	width: 200px;
	border-left: 0px;}

	/** Headers **/
	
h1 {
	margin: 0px;
	padding: 0px;}

h2 {
	text-align: left;
	margin: 0px;
	padding: 5px;
	color: #c00;
	letter-spacing: 0.1em;
	font: 1.5em Arial;
	font-weight: normal; }
	
div#bar h2 {
	display: none;}
	
div#bar h3 {
	display: inline;
	text-transform: uppercase;
	border-bottom: 1px #ccc solid;
	letter-spacing: 0.08em;
	color: #ccc;
	padding: 0px;
	margin: 0px;
	font: italic 1em Verdana;}
	
h3 {
	color: #ff0;
	font: bold italic 1em Verdana;
	padding: 0px 10px;}
	
	/** Links **/
	
a {
	font-weight: bold;
	text-decoration: none;
	color: #f90;}
	
a:hover {
	color: #ff0;}

a img {
	border: 0px;}
	
div#footer a {
	color: #333;}

	/** Lists **/

li {
	padding: 2px;}
	
	/** Paragraphs **/
	
p {
	padding: 3px 10px;
	text-align: justify;
	line-height: 20px}
	
div#footer p {
	line-height: 15px;
	color: #333;
	text-align: center;}
	
	/** Images **/
	
img.alignright {
	float: right;
	border: 1px #fff solid;
	margin: 10px;}
	
img.alignleft {
	float: left;
	border: 1px #fff solid;
	margin: 10px;}
	
	/** Column Alignment **/
	
div.left {
	width: 49%;
	float: left;
	clear: left}
	
div.right {
	width: 49%;
	float: right;}

	/** SWRY Table **/

table.swry {
	width: 95%;
	border: 1px #fff solid;
	margin: auto}

table.swry td {
	border: 1px #fff solid;
	padding: 5px}

table.swry th {
	border: 1px #fff solid;
	background: #ccc;
	color: #000;
	font-style: italic; }
	
	/** Cast Table **/
	
table.cast {
	width: 95%;
	border: 1px #fff solid;
	margin: 10px auto 10px auto;}

table.cast td {
	border: 1px #fff solid;
	text-align: center}
	
table.cast td.photo {
	width: 110px;}

table.cast th {
	border: 1px #fff solid;
	background: #ccc;
	height: 15px;
	color: #000;
	font-style: italic; }
	
	/** Script Table **/
	
table.script {
	margin: 10px;
	border: 1px #333 solid;}
	
td.scriptLeft {
	vertical-align: top;
	width: 20%;
	border: 1px #333 solid;
	margin: 1px;}

td.scriptRight {
	width: 80%;
	border: 1px #333 solid;
	margin: 1px;}

	/** Miscellaneous **/

hr {
	padding: 0px 5px;}
