/* Copyright Sandgate Theatre Inc*/
A  {
	text-decoration : none;
}

A:link  {
	color : #FFFF88;
}

A:visited  {
	color : #FFFF88;
}

A:hover  {
	color : #99FFCC;
	text-decoration : underline;
}

BODY  {
	background-color : Black;
	color : White;
	margin-left : 0;
	margin-top : 0;
	font-family : Verdana;
	margin-right : 0;
	min-width : 800px;
}

.Content  {
	font-size : small;
	vertical-align : top;
	padding-left : 20px;
	padding-right : 5px;
	padding-top : 10px;
	padding-bottom : 30px;
	width : auto;
	left : 180px;
	top : 145px;
	height : auto;
	position : absolute;
}

TH  {
	font-weight : bold;
	text-align : left;
	vertical-align : top;
	font-size : small;
}

.note  {
	background-color : #440000;
	padding : 2px;
}

.notice  {
	background-color : #444444;
	text-align : center;
	padding : 2px;
}

TD  {
	font-size : small;
	vertical-align : top;
}

HR  {
	color : White;
}

H1  {
	font-size : xx-large;
	font-weight : bold;
	color : White;
	border-left-width : 0;
}

H2  {
	font-size : large;
	font-style : italic;
	font-weight : bold;
	color : White;
}

.details  {
	border-style : solid;
	border-width : 1px;
	width : 90%;
	padding : 10px;
	border-color : Silver;
}

.noline  {
	border-width : 0;
	border-style : none;
	padding-top : 0;
}

H3  {
	color : #FFFF80;
	font-weight : bold;
	font-size : medium;
}

H4  {
	font-size : small;
	font-weight : bold;
}

.footer  {
	font-size : xx-small;
	text-align : center;
	border-color : White;
	border-style : solid;
	border-top-width : 1px;
	border-right-width : 0;
	border-left-width : 0;
	border-bottom-width : 0;
}

.role  {
	color : Silver;
	font-style : italic;
	white-space : pre;
	border-style : solid;
	border-bottom-width : thin;
	border-top-width : 0;
	border-right-width : 0;
	border-left-width : 0;
	border-color : Black;
	float : left;
}

.dotleaders  {
	border-bottom-width : thin;
	border-color : Silver;
	border-style : dotted;
	border-top-width : 0;
	border-right-width : 0;
	border-left-width : 0;
}

.castlist  {
	border-style : dashed;
	border-width : 1px;
	padding : 5px;
	border-color : Silver;
}

.dtl  {
	padding-bottom : 10px;
}

.floatright  {
	float : right;
	padding : 5px;
}

.floatleft  {
	float : left;
	padding : 5px;
}

DT  {
	font-weight : bold;
	margin-top : 10px;
}

.stylogo  {
	top : 0;
	position : absolute;
	right : 0;
	width : 120px;
	height : 142px;
}

.stlogo  {
	top : 0;
	left : 0;
	position : absolute;
	width : 120px;
	height : 142px;
}

.stslogan  {
	width : 500px;
	text-align : center;
	height : 142px;
	color : #99FFCC;
	font-weight : bold;
	top : 0;
	position : absolute;
	left : 50%;
	margin-left : -250px;
}

.stbanner  {
	width : 500px;
	top : 0;
	height : 142px;
}

.staddress  {
	text-align : center;
	color : Silver;
	font-size : x-small;
}

.menu  {
	width : 160px;
	left : 2px;
	top : 160px;
	position : absolute;
	height : auto;
}

.headerblock  {
	position : absolute;
	height : 135px;
	left : 0;
	top : 0;
	width : 100%;
	background-image : url(../images/collage.jpg);
}

A.menuitem  {
	color : #FFFF88;
	/* color : Silver; */
	font-size : x-small;
}

A.menuitem:hover  {
	text-decoration : underline;
}

.menuitem  {
	color : silver;
	font-size : x-small;
}

table.menuitem  {
	border-top-width : 1px;
	border-bottom-width : 1px;
	border-right-width : 1px;
	border-left-width : 1px;
	border-color : silver;
	border-style : solid;
	padding : 1px;
}

td.menuitem  {
	font-size : x-small;
}

tr.menuitem:hover  {
	background-color : #840000;
	border-style : solid;
	border-color : Silver;
	border-bottom-width : 1px;
	border-top-width : 1px;
	border-right-width : 1px;
	border-left-width : 1px;
}

.followup  {
	text-align : right;
	padding-bottom : 15px;
	padding-right : 10px;
	font-style : italic;
}

IMG  {
	border-left-width : 0;
	border-right-width : 0;
	border-top-width : 0;
	border-bottom-width : 0;
}

.caption  {
	font-size : xx-small;
	text-align : right;
}

tr.dtl:hover  {
	background-color : #222222;
}

.breadcrumbs  {
	color : Olive;
	font-size : x-small;
	padding : 20px;
}

.gallery  {
	padding : 5px;
	border-style : solid;
	border-color : Silver;
	border-width : 1;
	width : 90%;
	left : 5%;
	padding-top : 5px;
	padding-bottom : 5px;
}

.spcl {
	color : #99FFCC;
	font-weight : bold;
}

/* Tool tips courtesy of http://psacake.com/web/jl.asp */
a.info{
    position:relative; /*this is the key*/
	color : #FFFFFF;
	font-weight : bold;
    z-index:24;
    text-decoration:none}

a.info:hover{
	z-index:25}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:10em;
    border:1px solid #FFF;
    background-color:#840000; color:#FFFFFF;
    text-align: center}


