﻿body 
{
	font-size: 62.5%; /* Resets 1em to 10px */
}

h1, h2, h3 {
	font-family: Arial, Helvetica, Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	}
	
h1
{
	font-size: 2.4em;
}

h2
{
	font-size: 1.7em;
}

h3
{
	font-size: 1.4em;
	margin-bottom: 2px;
}

p
{
	font-size: 1.2em;
    color: black;
    text-align: left;
	margin-top: 0px;	
}

p.advertisments
{
	background-color: Gray;
	color: White;
	display: block;
	width: 100%;
	text-align: center;
}

table
{
	
    color: black;
    text-align: left;
	margin-top: 0px;	
	font-size: 1.2em;
	border-width: 0px;
}

th
{
	font-weight: bold;	
}

td
{
	font-weight: normal;
	padding-left: 2px;
}

/* --- Page Header --- */
#headerimage
{
	margin: 0 auto;
	padding: 0 0 0 -5px;
	background-color: White;
	width: 980px;
	height: 270px;
}

#bdgimage
{
	background-color: Transparent;
	float: left;
	position: absolute;
	margin: 150px 0 0 0;
	padding: 0;
}

/* --- Forthcoming Productions --- */
#fcomingprod
{
	padding: 0 5px 0 5px;
	border: solid 1px Black;
	padding-bottom: 5px;
}

/* homepage */

.productionname
{
	font-size: 4.0em; /*350%;*/
	font-weight: bold;
	color: White;
}

.productiondetailstext
{
	font-size: 1.2em;
	color: White;
	text-align: center;
}

.productionfinedetailstext
{
	font-size: 1.0em;
	color: White;
	text-align: center;
}


.header
{
	margin: -1px 0 0 -1px;
	padding: 0 0 0 0;
} 

ul
{
	/*font-size: 80%;*/
}

ol
{
	font-size: 80%;
}

ul.panellist
{
	font-size: 70%;
	list-style-type: none;
}
	
table.userform
{
	margin: 0 0 0 0;
}

table.userform th
{
	font-size: 80%;
	text-align: left;
	font-weight: bold;
}

table.userform td
{
	font-size: 80%;
	text-align: left;
}



.fcomingproductionname
{
	font-size: 350%;
	font-weight: bold;
	color: Black;
}

.fcomingproductiondetailstext
{
	font-size: 75%;
	color: Black;
}


.footertext
{
	font-size: 1.0em;
	color: Gray;
}

.panelheadline
{
	font-size: 70%;
	font-weight: bolder;
	margin-bottom: 0px;
}

.paneltext
{
	font-size: 85%;
	text-align: justify;
	margin-bottom: 3px;
}

.aboutustext
{
	font-size: 65%;
	color: White;
}

.error
{
	color: Red;
	font-weight: bold;
}

.frontpagefullwidthsection
{
	width: 100%;
	clear: both;
	margin-top: 5px;
}

#content
{
	background-color: White;
	width: 980px;
	margin: 0 auto 0;
	min-height: 100%;
	overflow: auto;
}

#navigation
{
	width: 180px;
	float: left;
}

#pagecontent
{
	padding: 5px 5px 10px 0;
	float: right;
	width: 790px;
	
}

#pagecontent ul li
{
	font-size: 1.2em;
}

#articlecontent
{
	width: 580px;
	float: left;	
}

#articleright
{
	width: 200px;
	float: right;
	font-size: 90%;
}

#footer
{
	clear: both;
	width: 980px;
	margin: 0 auto;
	padding-bottom: 5px;
	background-color: White;
	overflow: auto;
}

#footer p.contact
{
	font-size: 1.2em;
	text-align: center;
}

#footerimage
{
	background-color: Transparent;
	width: 990px;
	margin: 0 auto 0;
}

ul.menu
{
	list-style-type: none;
	/*list-style-position: outside;*/
	margin-left: 0;
	padding: 0 0 0 0;
}

ul.menu li
{
	margin-bottom: 2px;
	border-bottom: solid 1px Black; /*#336699;*/
}

a.footerlink, a.footerlink:link, a.footerlink:active, a.footerlink:visited
{
	color: Gray;
	font-weight: bold;
}

a.footerlink:hover
{
	color: Black;
}

a.aboutuslink, a.aboutuslink:link, a.aboutuslink:active, a.aboutuslink:visited
{
	color: White;
	font-weight: normal;
	text-decoration: none;
}

a.aboutuslink:hover
{
	color: White;
	text-decoration: underline;
}

a.menuitem, a.menuitem:link, a.menuitem:visited, a.menuitem:active
{
	display: block;
	width: 100%;
	color: Black;
	font-weight: normal;
	text-decoration: none;
}

a.menuitem:hover
{
	font-weight: bold;
	color: White;
}

.articleimagepanel
{
	float: right;
	font-size: 80%;
	font-style: italic;
}

img.articleimage
{
	max-width: 200px;
	max-height: 250px;
	border: 0;
	margin: 1px;
}

img.headlinesimage
{
	float: left;
	max-width: 200px;
	margin-right: 2px;
}

.headlinesinfotext
{
	font-size: 70%;
	text-align: justify;
	margin-top: -15px;
}


