/*22-29 August 2008*/


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: 0;
text-decoration: none;
}
a {
text-decoration: none;
font-weight: bold;
color: #99000b;
}
a.br {
text-decoration: underline;
line-height: 1.5;
}
a:hover {
color: #fefaf7;
}
a.br:hover {
text-decoration: none;
}
.rt a:hover {
color: #11048b;
}
a:active {
color:  #99000b;
}
.flt, .flt300 {
float: left;
width: 230px;	/* for col1; hence the width */
}
.flt300 {
width: 300px;
}
.flrt {
float: right;
margin-left: 1em;
}
#main div.flrt, #main div.flrt2, #main .flrt3 {	/* 2nd col w upcoming show */
float: right;
text-align: right;
width:  530px;
margin: 0 1em 1em;
}
#main .flrt3 {  /* general announcement */
width: 310px; height: 130px;
margin-top: 3em;
padding-top: 8px;
background: #14305a url(art/happy-holidays-2009.png) no-repeat 11px 10px;
border-radius : 10px;
-moz-border-radius : 10px;
-webkit-border-radius : 10px;
}
#main .flrt3 p {
margin-top: -9999px;
}
.ctr {
text-align:center;
}
.rt {
text-align: right;
}


/* Layout */

#wrap {
position: relative;
z-index: 100;
left: 50%;
width: 880px;
margin: 0 0 3em -440px;
padding-bottom: 2em;
background: transparent url(art/houses-home.png) no-repeat 12px 112px;
}
#wrap #banner {
width: 800px;
height:  auto;
margin: 0;
padding: 0;
}
#wrap  h1 {
position: absolute;	/* for IE Win */
z-index: 100;
top: 18px;
left: 18px;
width: 510px;
height: 160px;
font-size: 24px;
line-height: 240px;
margin: 0;
padding: 0;
text-indent: -9999px;
background:  url(art/methee-home-logotype.png) no-repeat 0 0;
}
#wrap #banner p {
float: left;
font: bold 1.1em/1.5 "Lucida Grande", Lucida, Verdana, sans-serif;
color: #fff;
margin: 2.4em 0 4px 560px;
}
#wrap #banner p a {
color: #bf000e;
}
#wrap #banner p a:hover {
color: #fefaf7;
}
#wrap #banner p a:active {
color: #bf000e;
}
.hilite {
background: #ece0be;
padding: 0 1.5em 0 2px;
}
#wrap #banner p .hilite a:hover {
color: #11048b;
}
#wrap #banner p .hilite a:active {
color: #11048b;
}
#wrap #banner p .hilite a:active {
color: #99000b;
}

#wrap #banner h2 { /*tagline*/
font: bold italic 1.5em/3px Georgia, "Times New Roman", Times, serif;
color: #342c27;
margin: 0 0 0 88px;
}
#wrap #banner div.general_links {
width: 417px;
height: 20px;
font: 13px/19px "Lucida Grande", Lucida, Verdana, sans-serif;
color: #fff;
background-color: #000;
margin: 2.4em 0 1em 432px ;
text-align: center;
}
#wrap #main {
background: transparent;
font: 12px/18px "Lucida Grande", Lucida, Verdana, Arial, Helvetica, sans-serif;
margin: 4em 0 0;
padding: 0;	  /* this controls page depth */
height: auto;
overflow: auto;
}

#signup {
clear:both;
margin-top: 9em;
font-weight: bold;
}


/* bottom wrap for BACA n WUMB logos */

#wrap2 {
position: relative;
left: 50%;
width: 880px;
height: 150px;
text-align: left;
margin: 0 auto 2em -440px;
}
#wrap2 #UU {
float: left;
width: 435px;
}
#wrap2 #UMB,  #wrap2 #BACA {
float: left;
width: 200px;
text-align: center;
}
#wrap2 p {
font: 11px/15px  "Lucida Grande", Lucida, verdana, arial, helvetica, sans-serif;
}
#wrap2 img.flt {
width: auto;
float: left;
padding-right: 10px;
}


/*type*/

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

h2 {
font-size: 1.6em;
color: #11136b;
}

h3, .icons {
font-size: 1.35em;
line-height: 1.7;
width: 417px;
margin: 1em 0 1em;
text-align: center;
padding-left: 431px;
}
h4 {	/* head for text blurb for upcoming show */
margin-left: auto;
padding-top: 0;	/* adjust for pic height */
font-weight: bold;
font-size: 1.2em;
text-transform: uppercase;
letter-spacing: .08em;
color: #11136b;
text-align: right;
}
h5 {
font-size: 1.1em;
}
.zo {
margin-top: 0;
}
p, ul, ol, li {
font: 12px/1.3 "Lucida Grande", Lucida, Verdana, sans-serif;
color: #390005;
margin: 0 0 1em;
}
.forty {
color: #8F1002;
}
.flt p {
padding-left: 2em;
}

#main .flrt img, #main .flrt2 img {/* for coming show */
float: right;
margin: 0 0 0 2em;
}

.flrt p.ad, .flrt2 p.ad  {	/* text blurb for upcoming show */
line-height: 1.6;
text-align: right;
}
p.giftcert {
float: right;
font: bold italic 17px/23px helvetica, arial, sans-serif;
color: #5A629A;
text-align: right;
margin-top: 2em;
clear:right;
}

ul { /*with bullets*/
list-style-type: disc;
margin: 0;
padding: 0;
}

/* schedule */

ul.schedule {
float: left;
width: 220px;
border-radius : 10px; /* not in IE of course */
-moz-border-radius : 10px; /* Mozilla */
-webkit-border-radius : 10px; /* Webkit */
margin: 0 0 1em 1em;
padding: 1em 0 .5em;
list-style-type: none;
/*background-color: #372619;*/
background-color: #fbecd4;
border: 1px solid #390005;
}
ul.schedule li {
line-height: 1.4;
color: #390005;
margin: 0 14px;
list-style-type: none;
padding: .5em .5em .5em 0;
border-bottom: 1px solid #805e57;
}
.schedule li.hed {
color: #fff;
font-size: 1.14em;
font-weight: bold;
padding: 2px 0;
margin-bottom: 4px;
letter-spacing: .08em;
background-color: #390005;
text-align: center;
border: none;
}
.schedule li.btm {
font-size: .8em;
border: none;
padding-top: 0;
margin-top: .5em;
}
.schedule li.btm a {
display: block;
background: #081BC1;
padding: 2px;
text-align: center;
font-size: 1.1em
}
.schedule li b {
padding-right: .6em;
color: #000;
}
.schedule li a {
padding: 2px .2em 2px 0;
}
.schedule li a:hover {
background: #390005;
color: #fff;
}


/*general links bar under logo*/

#banner div.general_links a {
color: #ce000f;
padding: 0 2em 2px 0;
}
#banner div.general_links a:hover {
color: #fff;
}
#banner div.general_links active {
color: #ce000f;
}
#banner div.general_links a.last {
padding: 0;
}
/* =============== */



/* NAVBAR at bottom*/

/* for IE6 & 7 of course */

.clearhack {
clear: both;
margin: 1.5em 0;
}


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

.nav form {
display: inline;
}
.nav form select {
width: 12em;
}
ul.nav li {
float: left;
width:  auto;
display: inline;
padding: 0;
margin: 0;
border: none;
border-right: 1px solid #fff;
}
.nav li a {
float: left;
display: block;
width:  auto;
margin: 0 auto;
padding: 5px 2.2em 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 2.2em 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 */
}
ul.nav li.first {	/* awful kludgy but more or less works */

border: 0;
padding: 0 .25em;
}
.nav li.last {
border: none;
}

/* CSS popup for announcement */

#pop {
margin: 1.3em 0 0 1em;
padding: 0 0 .7em;
background: #fff;
border-bottom: 1px solid #900;
text-align: center;
font-size: 1.2em;
}
#pop a span {
display: none;
text-decoration: underline;
color: #900;
}
#pop a:hover span {
display: block;
position: absolute;
top: 499px; left: 260px;
width: 200px;
padding: 1em;
background: #fff;
border: 1px solid #633;
font: bold 13px/18px georgia, times, "times new roman", serif;
text-align: left;
color: #633;
text-decoration: none;
}
#pop a {
cursor: pointer;
color: #900;
}