/*2009-2010 Season Schedule  */

body {
background: #f2e6d8 url(art/homeBgdGradient.jpg) repeat-x;	
height: auto;
margin: 0; padding: 0;
font: 12px/18px  georgia, times, 'times new roman', serif;
text-align: left;
}
img, a img {
border: none;
}



/* Layout */

#wrap {
position: relative;
left: 50%;
width: 800px;
margin: 0 0 0 -400px;
padding-bottom: 2em;
background: transparent;
}
#wrap #banner {
width: 100%;
height: 160px;
margin: 0;
padding: 0;
}
#wrap #banner h1 {
width: 457px;
height: 150px;
text-indent: -9999px;
background: transparent url(art/CAG_hed2009-10.png) no-repeat 0 12px;
font-size: 24px;
margin: 0;
padding: 0;
}
#wrap #banner p {	/* bec IE6 & 7 can't handle floats */
position: absolute;
top: 8px; left: 500px;
width: 240px;
font: bold 1.1em/1.35 "Lucida Sans Unicode", "Lucida Grande", Verdana, sans-serif;
color: #fff;
}


#main  {
clear: both;
margin : 0  0 18px 0;
}

.noborder {
border-width: 0;
border-style: none;
}

input, img {
border: 0; }

tr td {
padding: 6px 0 4px;
vertical-align: middle;
font : bold 14px arial, helvetica, verdana, sans-serif;
	border-bottom: 1px dotted #BE5E00;
}
tr td.xlead {
padding: 8px 0 18px;
}
tr.xlead td {
padding: 8px 0 18px;
}
tr td.hed {
background-color: #452a2c;
border: none;
padding: 4px 6px;
height: 16px;
}
td form {
padding-right: 5px;
}
form, input {
display: inline
}
tr td.rt {
text-align:center;
font-size: 1.1em;
color: #500;
}
tr td span.price {
background: #FFF9E7;
padding: 0 .2em;
}
tr td.artist {
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
	color: #461100;
	border-bottom: 1px dotted #BE5E00;
}
tr td.artistnoborder {
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
	color: #461100;
	border: 0;
}

/* links in schedule */

tr td.artist a, td.artistnoborder a  {
	color: #461100;
	text-decoration: none;
	border: 0;
}
tr td.artist a.go, td.artistnoborder a.go  {
	display: block;
	padding-top: 2px;
	font-size: 11px;
	color: #900;
}
tr td.artist a.go:visited, tr td.artistnoborder a.go:visited {
color: #900;
}
tr td.artist a:hover, tr td.artistnoborder a:hover {
color: #c00;
}
tr td.artist a.go:hover, td.artistnoborder a.go:hover  {
color:  #f00;
}
td.artist a:active {
color: #461100;
}
tr:hover {
background: #F7EBD4;
}
tr.first td {
padding-top: 12px;
}

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

tr td a.url {
	font: 12px/16px Georgia, 'Courier New', Courier, serifserif;
	color: #c00;
}
h3 {
color: #fff;
font: bold 14px/14px Palatino, Georgia, 'Times New Roman', Times, serif;
margin: 0;
padding: 2px 0px;
letter-spacing: 3px;
text-align: center;
}

em, em.dark {
font-style: normal;
font-weight: bold;
color: #f7e9b1;
font: italic 1em/1.3 Georgia, "Times New Roman", Times, serif;
letter-spacing: 1px;
word-spacing: 1px;
}
em.dark {
	color: #461100;
}
.cancelled {
color: #fff;
background: #000;
font-size: 1.1em;
padding: 1px 10px;
letter-spacing: 1px;
}

.special {
font-weight: normal;
font-style: italic;
}
.opens {
font-size: .9em;
}
.ctr {
text-align:center;
/*background-color: #c3a67f;*/
}
.rt {
font: bold 13px/1.7  helvetica, arial, verdana, sans-serif;
text-align:right;
}
.notice {
text-align:center;
line-height: 17px;
color: #670616;
background: #fff;
padding: 6px 1em;
height: 40px;
border: 2px solid #666;
border-color: #666 #ccc #ccc #666
}


/* Ordering info in banner */

#banner a {
color: #FFDE89;
text-decoration: none;
border-bottom: 1px solid #FFDE89;
}
#banner a:hover {
color: #fff;
border: none;
}
#banner a:active {
color: #FFDE89;
border-bottom: 1px solid #FFDE89;
}


/* NAVBAR at bottom*/

/* All elements are floated
    Links are block elements so they display like buttons
    But how do I get all the links to CENTER within the ul?
*/

#main ul.nav {	
position: absolute;
bottom: 0;
width: 800px;
height: 23px;
list-style: none;
font: 11px/11px "Lucida Grande", Lucida, verdana, arial, helvetica, sans-serif;
text-align:center;
text-indent: 0;
margin: 3em 0 0;
padding: 0;
background: #390005 url(art/navbgd.png) repeat-x;
}

ul.nav li {
float: left;
width:  auto;
display: inline;
padding: 0; margin: 0 auto;
border-right: 1px solid #fff;
}

.nav li a {
float: left;
display: block;
width:  auto;
margin: 0 auto;
padding: 5px 3em 8px;
font: 11px/11px  verdana, arial, helvetica, sans-serif; /* line-height determines depth of navbar */
color: #fff;
background: transparent;
text-decoration: none;
}
.nav li a:hover {
width:  auto;
color: #390005;
background: #f2e6d8;
line-height: 26px;
position: relative;
padding: 2px 3em 0;  /* so tabs don't jiggle  */
margin-top: -6px;   /* brings tab up */
border: 1px solid #cdbe9c;
border-bottom: none;
}
.nav li a:active {
position: relative;
line-height: 28px;
color: #fff;
background: transparent;
border: 0;
}

.nav li a.selected {
color: #390005;
cursor: default;
background: #faf1df;
font-size: 1.1em;
border: 1px solid #390005;
border-width: 1px 1px 0;
padding: 6px 10px 8px;  /* so tabs don't jiggle - compensates for border widths */
margin-top: -3px;   /* brings tab up */
}
.nav li.first {	/* awful kludgy but more or less works */
margin-left: 6%;
}
.nav li.last {
border: none;
}