/* CSS Document */

/**************
** Hyperlinks * 
**************/
a
{
	text-decoration: none;
}

a:link
{
	color: #FFFFFF; 
}
a:visited
{
	color: #FFFFFF; 
} 
a:active 
{
	color: #000000;
}
a:hover
{
	color: #000000;
}

body, .spotlight 
{
	width: 850px;

	margin: auto; /* centered */
	text-align: center; /* for IE */
	
	font-family: verdana, arial, helvetica, sans-serif, "trebuchet MS", geneva;
	font-size: 12px;
	
	background-color: #000000;
}


/*
** Wrapper div
*/
#wrapper
{
	margin-top: 5px;
	padding: 0px;
}

/*
** The div that contains the banner
*/
#header
{
	width: 850px;
	margin: 0px;
	padding: 0px;
}

/*
** The div that contains the menu images
*/
#menu
{
	width: 790px;

	margin-top: 0px; 
	margin-bottom: 2px;

	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 30px;
	padding-right: 30px;
	
	text-align: left;

	background-color: #690824; 
}


/*
** This is where the title goes.
*/
#contenttop 
{
	background-color: #460F3C;
	
	position: relative;
	float: left;

	width: 850px;
	height: 63px;
	
	text-align: left;
}

/*
** This is the div where I put the title of the page
*/
#toptitle
{
	position: absolute;
	left: 0px;
	vertical-align: bottom; 
	padding: 0;
}


/*
** Wrapper div. The left and right columns go in the content div.
*/
#content
{
	position: relative;
	float: left;
	width: 850px; 

	padding-top: 0px;
	margin: 0px;
	
	background-image: url('http://www.spotlightonopera.com/graphics/background/main_1col.jpg');
	background-repeat: repeat;
}


#content2
{
	width: 770px;
	margin: 0px;

	padding-top: 10px;
	padding-bottom: 5px;
	padding-left: 40px;
	padding-right: 40px;
}


/*
** The bottom div to close the content box
*/
#bottom
{
	margin: 0px;
	padding: 0px;
	
	width: 850px;
	height: 15px;
	
	background-color: #460f3c;
	
}

/*
** The copyright box, the one that contains the text for (c)
*/
#copyrightdiv
{
	float: left;
	left: 0px;
	background-color: #690824;
	width: 850px;
	margin-top: 2px;
	margin-bottom: 5px;

	padding-top: 2px;
	padding-bottom: 2px;
}

/*
** The text in the bottom box, for (c) statements, ...
*/
#copyrightdiv p.copyright
{
	display: inline;
	font-family: "Courier New", Courier, monospace;
	font-size: 11px;
	text-align: center;
	color: #DDDDDD;
	padding: 0px;
	margin: 0px;
}

/*
** Regular content text, like the biography, ...
*/
.regtext 
{
	text-align: justify;
}

h1 
{
	font-size: 1.5em; 
	font-weight: normal;
	line-height: 1em; 
	margin-top: 1em;
	margin-bottom:0; 
	text-align: left;
}

h2
{ 
	font-size: 1.1667em; 
	font-weight: bold; 
	line-height: 1.286em; 
	margin-top: 1.929em; 
	margin-bottom:0.643em;
	text-align: left;
}

.imgborder2
{
	border: solid;
	border-color: black;
	border-width: 2px;
}


tr.contact
{
}

td.left
{
	width: 150px;

	padding-top: 5px;
	padding-bottom: 5px;

	text-align: right;
}

td.right
{
	width: 450px;

	padding-top: 5px;
	padding-bottom: 5px;

	text-align: left;
}

.error
{
	text-align: left;
	color: red;
	font-weight: bold;
	font-size: 14px;
}

/*
** ANNOUNCEMENTS
*/
.anntitle
{
	display: inline;
	position: relative; 
	float: left;  
	
	text-align: left;
	
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
	padding-right: 10px;
		
	border-color: black;
	border-style: solid;
	border-width: 1px;
	
	width: 750px; 
	background-color: #692869;
}

/* ANN TITLE TEXT */
.anntitletext
{
	color: white;
	font-weight: bold;
	font-size: 16px;
	background-color: 
}

/* ANN POSTED BY TEXT */
.annpostedby
{
	color: black;
}

/* THE ENTRY ITSELF */
.annbody
{
	display: inline;
	position: relative; 
	float: left; 
	
	text-align: justify;
	
	padding-left: 10px;
	padding-right: 10px;
	
	border-color: black;
	border-style: solid;
	border-width: 1px;
	
	width: 750px; 
	background-color: #7B5D78;
}


/*
** QUOTES
*/
.quote_text
{
	text-align: center;
	font-weight: bold;
}

.quote_author
{
	text-align: center;
	font-style: italic;
	font-weight: bold;
}

ul, li
{
	text-align: left;
}