body
{
background:#000000;
}

h1
{
color:#ff0000;
font:small-caps 250% baskerville old face;
text-align:center;
}

h2
{
color:#ff0000;
font:italic 175% baskerville old face;
text-align:center;
}

h3
{
color:#ff0000;
font:small-caps 175% baskerville old face;
text-align:center;
}

h4
{
color:#ff0000;
font:small-caps 125% baskerville old face;
text-align:center;
}

h5
{
color:#000000;
font:small-caps bold 110% garamond;
text-align:center;
}

p
{
font:110% garamond;
text-align:justify;
line-height:1;
}

p.center
{
text-align:center;
}

a,
a:link,
a:active
{
font:100% garamond;
color:#000000;
}

a:visited
{
color:#ff0000;
}

a:hover
{
font:italic bold 100% garamond;
text-decoration:none;
}

#contentContainer
{
clear:both;
border-top:10px ridge #ff0000;
width:100%;
}

#navbar
{
width: 20%;
float: left;
}

#navbar ul
{
margin-left: 0;
padding: 5px;
list-style-type: none;
}

#navbar ul li ul
{
margin-left: 12px;
}

#navbar a,
#navbar a:link,
#navbar a:hover,
#navbar a:active
{
color: #ffffff;
font: 110% garamond;
}

#navbar a:visited
{
color:#ff0000;
}

#navbar a:hover
{
font: italic bold 110% garamond;
text-decoration: none;
}

#navbar ul li ul li a,
#navbar ul li ul li a:link,
#navbar ul li ul li a:visited,
#navbar ul li ul li a:active
{
text-decoration: none;
font-size: 90%;
}

#maintext
{
width:80%;
float:right;
background: #ffffff;
}

#maintext ul
{
list-style-type:none;
font:small-caps bold 110% garamond;
}

#maintext ul li ul
{
font:90% garamond;
}

#maintext ul li ul li ul
{
list-style-type:square;
}

#maintext ul a:visited
{
color:#000000;
}

#maintext ul.list
{
list-style-type:circle;
font:110% garamond;
}

#maintext ul.center
{
text-align:center;
}

#maintext ul.center li ul
{
list-style-type:none;
}

#maintext .content
{
padding:5px 20px;
border:10px ridge #ff0000;
border-top:none;
min-height:500px;
}

#address
{
clear:both;
}

#banner p
{
color:#ffffff;
font:100% garamond;
text-align:center;
}

#address p
{
color:#ffffff;
font:85% garamond;
text-align:center;
line-height:1;
}

td
{
font:110% garamond;
text-align:justify;
line-height:1;
}

td.header
{color:#ff0000;
font:small-caps 125% baskerville old face;
text-align:center;
}

td.donor
{
font:110% garamond;
text-align:center;
width:50%
}

td.recommend
{
font:small-caps 110% baskerville old face;
text-align:center;
}

td.business
{
font:110% garamond;
text-align:center;
width:50%;
}

td.business2
{
font:100% garamond;
text-align:center;
width:33%;
}

td.tickets
{
font:bold small-caps 110% baskerville old face;
text-align:center;
}

td.ticket-date
{font:bold 100% garamond;
text-align:center;
width:20%
}

td.ticket-detail
{font:100% garamond;
text-align:justify;
width:55%
}
		
label, .formText
{
font:100% garamond;
line-height:1;
width:40%;
}

.alert
{
font:bold 100% garamond;
line-height:1;
color:#ff0000;
}

div.errorText
{
font:bold 90% garamond;
line-height:1;
color:#ff0000;
padding:5px;
margin:3px;
}

/* print styles */

@media, print{#banner, #address p{font-size:10px}}
@media, print{#navbar a{font-size:12px}}
@media, print{#maintext ul, h4, p{font-size:14px}}
@media, print{h1{font-size:20px}}
@media, print{h2, h3{font-size:16px}}
@media, print{#banner{width=99%; height=20%}}
@media, print{#navbar{width=20%}}
@media, print{#maintext{width=79%; height=50%}}
@media, print{#banner img{width=192; height=133.5}}