
html, body
{
  background-color: #ffffff;
  margin: 0px;
  font-family: verdana;
  font-size: 9pt;
  color: #000000;
}

a
{
  text-decoration: none;
  color: #C40000; 
}

a:hover
{
  color: #4B0A0A; 
}

#mainContainer
{
  text-align: center;
  background: url( ../images/scga_bg.jpg ) repeat-x;
}

#headerContainer, #contentContainer, #footerContainer
{
  margin: auto;
  width: 839px;
  text-align: left;
}

#headerContainer
{
  background: url( ../images/scga_header.jpg ) no-repeat;
  height: 152px;
}

#contentContainer
{
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

#contentContainer #leftColumn
{
  float: left;
  width: 233px;
}

#contentContainer #leftColumn #streetPhoto
{
  margin-left: 7px;
  margin-top: -50px;
}

#contentContainer #leftColumn #eventsTable
{
  background: url( ../images/scga_eventbg.jpg ) no-repeat;
}

#contentContainer #leftColumn #eventsTable h3
{
  color: #C40000;
  font-size: 11pt;
}

#contentContainer #leftColumn #eventsTable div
{
  margin: 10px;
}

#contentContainer #leftColumn #eventsTable .eventItem
{
  margin-bottom: 10px;
}

#contentContainer #leftColumn #eventsTable .time
{
  color: #C40000;
  font-weight: bold;
}

#contentContainer #centerColumn
{
  float: left;
  width: 420px;
}

#scgaSelectedEvent
{
  color: #FFFFFF;
  font-size: 12pt;
  font-weight: bold;
  margin: 10px 0 0 10px;
  padding-top: 10px;
  height: 110px;
}

#scgaSelectedEventTitle a
{
  color: #FFFFFF;
  text-decoration: none;
  border-bottom: 1px solid #FFFFFF;
}

#scgaSelectedEventDate, #scgaSelectedEventLocation
{
  color: #FFFFFF;
  font-size: 10pt;
}

#contentContainer #centerColumn #contentBody
{
  margin-top: 10px;
}

.leftSection
{
  width: 11px;
  background: url( ../images/scga_bodybg_left.jpg ) no-repeat;
}

.centerSection
{
  background: url( ../images/scga_bodybg_center.jpg ) repeat-x;
}

.rightSection
{
  width: 10px;
  background: url( ../images/scga_bodybg_right.jpg ) no-repeat;
}

#contentContainer #centerColumn h1
{
  color: #C40000;
  font-size: 13pt;
}

#contentContainer #centerColumn h2
{
  color: #C40000;
  font-size: 11pt;
}

#contentContainer #rightColumn
{
  float: right;
  background: url( ../images/scga_linkbg.jpg ) no-repeat;
  width: 178px;
  height: 548px;
}

#contentContainer #rightColumn div
{
  margin: 10px 0 0 10px;
}

#contentContainer #rightColumn a
{ 
  color: #C40000; 
  font-size: 10pt;
  font-weight: bold;
  text-decoration: none;
  width: 90%;
}

#contentContainer #rightColumn a:hover{ color: #4B0A0A; }

#footerContainer
{
  clear: both;
  text-align: center;
  font-size: 8pt;
  color: #8E8E91;
  padding-top: 10px;
  border-top: 1px solid #8E8E91;
}

#footerContainer a
{
  color: #8E8E91;
  text-decoration: none;
}

#footerContainer a:hover{ color: #4B0A0A; }

#footerContainer #copy
{
  color: #4D4D4F;
  margin-top: 5px;
}

#obfuscate
{
  position: absolute;
  top: 0;
  left: 0;

  width: 100%;
  background-color: #000000;
  opacity: 0.0;
  filter: alpha(opacity=0);
}

#horizon
{
  text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	display: block
}

#result
{
  width: 350px;
	height: 150px;
	margin-left: -175px;
	position: absolute;
	top: -75px;
	left: 50%;
	visibility: hidden;
  background-color: white;
  border: 1px solid #304130;
  overflow: auto;
}

#result.ajax-loading {
	padding: 20px 0;
	background: url(../images/spinner.gif) no-repeat center;
}

.phoneNumber
{
  font-weight: bold;
  color: #C40000;
}