/***************************************
 *
 * Add standard clearfix class stuff...
 */
.clearfix:after
{
	visibility: hidden;
	display:    block;
	clear:      both;
	height:     0;
	font-size:  0;
	content:    " ";
}
.clearfix
{
	display: inline-block;
}
/* Hide from IE/Mac Backslash Hack: \*/
* html .clearfix
{
	height: 1%;
}
.clearfix
{
	display: block;
}
/* End Backslash Hack
 **************************************/

/***************************************
 *
 * Basic body/header/footer layout stuff...
 */
body
{
	margin:      0;
	border:      0;
	padding:     0;
	background:  #231f20 url('../images/background-gradient.jpg') repeat-y fixed top center;
	/* IMAGE:                           background-gradient.jpg == 979 x 6 */
	color:       white;
	text-align:  center;
	font-family: verdana, arial, sans-serif;
	font-size:   10pt;
	font-weight: normal;
}
#body
{
	margin:     10px auto 50px;
	border:     0;
	padding:    12px 0;
	width:      755px;
	background: black url('../images/greystrip.gif') repeat-x scroll top left;
	/* IMAGE:                        greystrip.gif == 19 x 12 */
}
#header
{
	margin:  0;
	border:  0;
	padding: 2px 2px 2px 8px;
	width:   100%;
}
	.menuitem
	{
		margin:  0;
		border:  0;
		padding: 0;
		float:   left;
	}
	.menuitem img
	{
		border: 0;
	}
#footer
{
	margin:  0;
	border:  0;
	padding: 0;
	width:   100%;
	clear:   both;
}
	.footer-left
	{
		float: left;
	}
	.footer-left img
	{
		border: 0;
	}
	.footer-right
	{
		float: right;
	}
	.footer-right img
	{
		border: 0;
	}

/***************************************
 *
 * Basic structure/layout of the page (middle part between header/footer)
 */
#page
{
	margin:     15px 5px 5px 5px;
	border:     0;
	padding:    110px 0 0 0;
	width:      745px;
	clear:      both;
	background: #10153f url('../images/background.jpg') no-repeat scroll top center;
	/* IMAGE:                        background.jpg == 745 x 552 */
}
#container
{
	margin:           0;
	border:           0;
	padding:          0;
	background-color: #10153f;
}
#leftcol
{
	border:  0;
	float:   left;
	width:   208px;
	height:  450px;
}
#content
{
	margin:     0;
	border:     0;
	padding:    0 0 0 2px;
	width:      535px;
	float:      left;
}

/***************************************
 *
 * Basic structure/layout of the left column (id=leftcol)
 */
#leftbox
{
	margin:       0 auto;
	border:       solid black 2px;
	padding:      0;
	width:        200px;
	height:       400px;
	background:   #222222;
}
#leftbox img
{
/*  IMAGE: community.gif == 178 x 66 */
	margin:  10px auto 0;
	border:  #999999 solid 1px;
}
#leftmenu
{
	margin:       25px auto 0;
	border:       #999999 solid 1px;
	padding:      15px 0 15px 0;
	width:        178px;
	background:   #747474 url('../images/gradient.gif') repeat-x scroll bottom left;
}
#leftmenu a
{
	margin:          4px auto 4px;
	border:          0;
	padding:         0;
	display:         block;
	width:           140px;
	height:          18px;
	text-decoration: none;
}
a#button-information      { background: white url('../images/buttons/information.gif')      no-repeat scroll top left; }
a#button-information:hover{ background: white url('../images/buttons/information-hover.gif')      no-repeat scroll top left; }
a#button-concerts         { background: white url('../images/buttons/concerts.gif')         no-repeat scroll top left; }
a#button-concerts:hover   { background: white url('../images/buttons/concerts-hover.gif')   no-repeat scroll top left; }
a#button-tickets          { background: white url('../images/buttons/tickets.gif')          no-repeat scroll top left; }
a#button-tickets:hover    { background: white url('../images/buttons/tickets-hover.gif')    no-repeat scroll top left; }
a#button-membership       { background: white url('../images/buttons/membership.gif')       no-repeat scroll top left; }
a#button-membership:hover { background: white url('../images/buttons/membership-hover.gif') no-repeat scroll top left; }
a#button-seating          { background: white url('../images/buttons/seating.gif')          no-repeat scroll top left; }
a#button-seating:hover    { background: white url('../images/buttons/seating-hover.gif')    no-repeat scroll top left; }

#leftpics
{
	margin:       25px auto 0;
	border:       1px solid #999999;
	padding:      0;
	width:        178px;
	height:       128px;
	background:   #747474 url('../images/gradient.gif') repeat-x scroll bottom left;
}
#show
{
	margin:  9px auto 0;
	border:  0;
	padding: 0;
	width:   160px;
	height:  110px;
}
#show img
{
	margin:  0;
	border:  0;
	padding: 0;
}

a#button-donations
{
	margin:     25px auto 0;
	border:     0;
	padding:    0;
	display:    block;
	width:      105px;
	height:     24px;
	background: white url('../images/buttons/donations.gif') no-repeat scroll top left;
	/* IMAGE:                                donations.gif == 105 x 24 */
}
a#button-donations:hover
{
	background: white url('../images/buttons/donations-hover.gif') no-repeat scroll top left;
	/* IMAGE:                                donations-hover.gif == 105 x 24 */
}


/***************************************
 *
 * Basic structure/layout of the content area (id=content)
 */
#title
{
	margin:           1px 0 0 4px;
	border:           1px solid #cccccc;
	padding:          3px;
	height:           27px;
	background-color: black;
	color:            white;
	font-size:	      20px;
	font-weight:      bold;
	text-align:       left;
}
#box
{
	margin:           0 0 0 4px;
	border:           1px solid #cccccc;
	padding:          6px;
	background-color: #666666;
	color:            white;
	font-size:        10px;
	text-align:       left;
}

/**************************************
 *
 * Standard HTML Element Formatting
 */
a
{
	text-decoration: none;
	color:           #bbccdd;
}
a:hover
{
	text-decoration: underline;
	color:           #eeeeee;
}
h2
{
	font-size: 14px;
}
h3
{
	font-size: 12px;
}

/**************************************
 *
 * Generic Formatting Classes
 */
.center
{
	text-align: center;
}


/**************************************
 *
 * Extra Widgets
 */
.image-box
{
	margin:     12px;
	border:     1px solid #cccccc;
	padding:    10px;
	float:      right;
	background: #747474 url('../images/gradient.gif') repeat-x scroll bottom left;
}

#summary-box
{
	margin:           4px 4px 8px 8px;
	border:           1px solid #cccccc;
	padding:          0;
	width:            250px;
	float:            right;
	background-color: #363636;
}
#summary-box-title
{
	margin:           0;
	border:           0;
	border-bottom:    1px solid #cccccc;
	padding:          5px;
	background-color: black;
	color:            white;
	font-size:        15px;
	font-weight:      bold;
	text-align:       left;
}
#summary-box-title a
{
	color:           #cccccc;
	text-decoration: none;
	font-size:       10px;
}
#summary-box-title a:hover
{
	color:           #999999;
	text-decoration: underline;
}
#summary-box-content
{
	margin:    0;
	border:    0;
	padding:   6px;
	font-size: 10px;
	color:     white;
}
#summary-box-content a
{
	text-decoration: none;
	color:           #999999;
}
#summary-box-content a:hover
{
	text-decoration: underline;
	color:           #cccccc;
}
#summary-box-content table
{
	margin:         0;
	border:         0;
	padding:        0;
	border-spacing: 0 0;
}
#summary-box-content td
{
	margin:      0;
	border:      0;
	border-top:  1px solid #cccccc;
	padding:     2px 4px 2px;
	font-weight: bold;
	color:       #eeeeee;
}
#summary-box-content td.sb-top
{
	border: 0;
}
#summary-box-content td.sb-group
{
	border-right: 1px solid #cccccc;
	text-align:   right;
	font-weight:  normal;
	white-space:nowrap;
}