body {
background: #fff;	
height: auto;
margin: 0; padding: 0;
font: 13px/1.4 Georgia, "Times New Roman", Times, serif;
text-align: left;
}

img, a img {
border: 0;
text-decoration: none;
}
a {
text-decoration: none;
font-weight: bold;
color:  #c00;
}
a:hover {
color:  #000;
}
a:active {
color:  #c00;
}


#outerwrap {		/*this is a hack space to hold the bgd graphics*/ 
position: absolute;
z-index: 1;
left: 50%; top: 0;
width: 880px;
margin: 0 0 0 -440px;
height: 57em;
background-image: none;
}
#wrap {
position: relative;
z-index: 2;
left: 50%;
width: 820px;
margin: 0 0 0 -410px;
height: 57em;
overflow: auto;
padding-bottom: 10em;
border: 1px solid #96e379;
border-width: 0 0 1px 1px;
}

#wrap #banner {
width: 100%;
height: 200px;
margin: 0;
padding: 0;
}
/*#banner img {  logotype
margin: 14px 0 0 12px;*/

#wrap #banner h1 {
background: url(art/GCC-logotype.png) no-repeat 12px 14px;
text-indent: -9999px;
width:  342px;
height:  109px;
padding: 0;
margin: 0;
}
#wrap #banner h1 a {	/*hack to make logo clickable*/
display: block;
width:  342px;
height:  109px;
}
#wrap #nav {
position: absolute;
top: 117px;
right: 0;
width: auto;
border: 1px solid #bbb;
margin: 0; padding: 0 0 0 2em;
background-color: #ececec;
}

/*layout details may need to change on ind. pages*/

#wrap #leftcol {
position: absolute;
z-index: 5;
top: 145px;
left: 0;
width: 520px;
height:  auto;
margin: 0; padding: 0;
}
#wrap #rtcol {
position: absolute;
top: 300px;
left: 570px;
width: 220px;
height:  auto;
margin: 0; padding: 0;
background-color: #faeedc;
}
#wrap #rtcol.ind li, #wrap #rtcol.ind h3 {	
padding: 0 8px .5em 12px;
}

#wrap #concerts {
position: absolute;
top: 185px;
left: 662px;
width: 150px;
margin: 0; padding: 0;
background-color: #fef9d8;
}

#wrap #footer {
text-align: center;
font: 12px/17px "Lucida Grande", Lucida, Arial, Helvetica, Verdana, sans-serif;
}

/*background art*/

#outerwrap #lime {
position: absolute;
top: 320px;
left: -20px;
background: url(art/lime_bgd_block.png) no-repeat;
width: 200px; height: 224px;
}

#outerwrap #violet {
position: relative;
bottom: 430px;
left: 560px;
background: url(art/violet_bgd_block.png) no-repeat;
width: 280px; height: 75px;
}
#outerwrap #yellow {
position: relative;
z-index: 1;
bottom: 260px;
left: 10px;
background: url(art/yellow_bgd_circle.png) no-repeat;
width: 166px; height: 166px;
}
#yellow2 {	
/*when you're awake, figure out how to sandwich this in so it covers the border but goes under the type - prob need to separate the border from the type layer*/
position: relative;
left: 50%;
margin: 0;
height: 50em;
top: 230px;
left: 0;
background: url(art/yellow_bgd_circle.png) no-repeat;
width: 200px; height: 166px;
}


/*type*/

h1,h2,h3,h4,h5,h6 {
font-family: Arial, Helvetica, Verdana, "Lucida Grande", Lucida, sans-serif;
line-height:  1.15em;
margin: 1.8em 0 .25em 0;
color: #000;
}

h1 {
font-family:  georgia, arial, helvetica, sans-serif;
font-size: 1.9em;
padding: .7em 0 0 .6em;
margin-bottom: 1em;
}
h2 {
font-weight: normal;
font-size: 1.7em;
text-align: center;
font-family:  Georgia, "Times New Roman", Times, serif;
}
#sponsors h2 {
color: #222DB1;
text-align: left;
font-style: italic;
margin-bottom: .75em;
}
h3 {
font-size: 1.25em;
color: #074711;
}
h4 {
font-size: 1.12em;
}
h5 {
font-size: 1.05em;
margin: .2em 0 1em;
}
h2 big {
font-style: italic;
font-size: 1.15em;
}

p, ul, ol, li {
font: 13px/1.4 Georgia, "Times New Roman", Times, serif;
color: #390005;
margin: 0 0 1em;
padding: 0;
}
ul {
margin: 0 0 1em;
padding: 0;
list-style-type: none;
}
li {
margin: 0;
list-style-type: none;
padding: 0 0 .35em 0;
}
ul.bull { /*with bullets*/
list-style-type: disc;
margin: 1em 0 0 0;
}
ul.bull li {
padding: 0 0 .35em 1em;
margin: 0;
}
ul.ind li {
padding: 0 0 .35em 2em;
margin: 0;
}
p.intro {
font-size: 1.08em;
}
#banner p {
width: 440px;
font-family: Arial, Helvetica, Verdana, "Lucida Grande", Lucida, sans-serif;
float: right;
padding: 40px 0 0;
}
.rt {
text-align: right;
}
.ctr {
text-align: center;
}
.smctr {
text-align: center;
font: 12px/16px  verdana, arial, helvetica, sans-serif;
margin: 0 0 2em;
}

table {
border-collapse: collapse;
background-color: #f1ffe8;
}
td, th {
font: 12px/15px Georgia, "Times New Roman", Times, serif;
border-bottom: 1px solid #96e379;
vertical-align: top;
padding: 5px;
}


/*concerts page variants*/

#outerwrap.logo {		/*for concert logo*/
width: 1200px;
margin-left: -620px;
height: 80em;
background: url(art/Concert-logo-bgd.gif) no-repeat 100% bottom;
}
#concerts #wrap #banner h1, #rules #wrap #banner h1 {
background: url(art/G-Concert-Committee_Bartholme.png) no-repeat 10px 10px;
text-indent: -9999px;
width:  360px;
height:  110px;
padding: 0;
margin: 0;
}
#concerts td.ind {	/*aligns last concert without pic */
padding-right: 122px;
}

#concerts table {
background: #BFDBD6;
}
*.col1 {
background-color: #76A2A8;
}
#concerts #leftcol {
width:  804px;
}
#concerts td img {
	float: right;
	margin-left: 1em;
}
#concerts td, #concerts th {
font: 13px/18px Georgia, "Times New Roman", Times, serif;
border-bottom: 1px solid #d1b788;
vertical-align: top;
padding: 8px 5px 10px;
clear: left;
padding: 10px 5px;
}
#concerts th {
font-weight: bold;
background: #76A2A8;
color: #222DB1;
padding: 3px 5px 3px 5px;
font-family: verdana, arial, helvetica, sans-serif;
}
#concerts td, #concerts th {
border-bottom: 1px solid #fff;
}
#concerts td.date {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 1.1em;
font-weight: bold;
color: #1013A5;
padding-left: 8px;
padding-right: 0;
}
#concerts td b {
font-size: 1.12em;
}
#concerts .bord0 {
border: 0;
}
#concerts td a, #concerts #sponsors a {
color: #1119C2;
}
#concerts td a:hover, #concerts #sponsors a:hover {
color: #000;
}
#concerts td a:active {
color: #1119C2;
}
.hilite {
background-color: #fdebb2;
}
.hilite2 {
background-color: #ff3;
}
#wrap #sponsors {
position: absolute;
z-index: 100;
top: 154px;
right: 9em;
background: #A5FABC;
/*background: #fcd341;*/
padding: 3px 10px;
text-align: center;
font-style: italic;
}
#wrap #tablehed {
position: relative;
top: 0;
left: 0;
height: 46px;
width: 800px;
margin: 4.5em 0 0;
}
#wrap #tablehed em {
float: right;
font: italic 12px/16px  verdana, arial, helvetica, sans-serif;
color: #222DB1;
margin: 17px 10em 0 0;
}
p.credit {
font: 10px/15px verdana, arial, helvetica, sans-serif;
position: absolute;
bottom: .5em;
text-align: center;
margin: 0 0 0 64px;
}


/* for bulleted list on rules page */

#rules ul {
margin: 0;
padding: 0;
}
#rules li {
	margin: 0 0 0 2.5em;
	list-style-type: disc;
	padding: 0 0 .5em;
}
#rules li li {
	margin: 0 0 0 3.5em;
	list-style-type: circle;
	padding: 0 0 .5em;
}
#rules li li li {
	margin: 0 0 0 3.5em;
	list-style-type: square;
	padding: 0 0 .5em;
}
#rules li.hed {
list-style: none;
padding-left: 0;
margin: 1em 0 0;
font-weight: bold;
}



/*navbar*/

#nav a {
font: 11px/22px  verdana, arial, helvetica, sans-serif;
font-weight: normal;
color: #333;
border-left: 6px solid #c00;
padding: 0 3em 0 7px;
}
#nav a:hover {
color: #c00;
border-left: 6px solid #fc0;
padding: 0 3em 0 7px;
}
#nav a:active, #nav a.current {
color: #000;
border-left: 6px solid #c00;
padding: 0 3em 0 7px;
}
#nav a.current {
font-size: 1.02em;
font-weight: bold;
border-left: 12px solid #fc0;
padding: 0 2.5em 0 7px;
}


/* page variants */

#allconcerts #wrap {
width: 840px;
margin: 0 0 0 -420px;
height: 96em; /* for IE */
margin-bottom: 9em;
}
#allconcerts #wrap #leftcol {
width: 830px;
}
#allconcerts #wrap #nav {
right: 20px;
}
#allconcerts table {
background: #fff;
border-collapse: collapse;
}
#allconcerts td {
font: 11px/14px  helvetica, arial, verdana, sans-serif;
vertical-align: top;
border: none;
}
#allconcerts td.rt {
text-align: right;
font-style: italic;
}
#allconcerts th {
text-align: center;
font-weight: bold;
background: #020075;
color: #fff;
border: none;
}
tr.scrn td {
background: #E9FFDD
}
tr.xlead td {
border-bottom: 12px solid #fff !important;
}

/* ==================== */

#recipients #wrap {
height: 67em;
}
#recipients td {
font: 11px/14px helvetica, arial, verdana,  sans-serif;
}
#recipients td a {
font-weight: normal;
color: #000;
text-decoration: underline;
}
#recipients td a:hover {
text-decoration: none;
}
#recipients td a:active {
text-decoration: underline;
}
#recipients #outerwrap #violet {
position: relative;
bottom: 568px;
}
#recipients #outerwrap #yellow {
bottom: 220px;
}