@import url(2007-titles.css);
body
{
    margin: 0;
    padding: 0;
    background-color:#030;
    text-align: center;
    font-family: Tahoma,arial,sans-serif;
    font-size: 80%;
    color: #fff;
}
p
{
    margin: 0 0 0.5em 0
}
p.c
{
    text-align:center
}

.thirds 
{
    width:100%;
}

.thirds td 
{
    vertical-align:middle;
    text-align:center;
    width:33%;
}

.center 
{
text-align:center
}
.clear
{
    display:block;
    clear:both;
} 
.announce
{
    width:100%;
    text-align:center;
    color:#F29F02;
    font-weight:bold;
    font-size:110%;
    margin-bottom:0.3em;
}

div.infoBoxRight
{
    float:right;
    border:1px solid #ff0;
    padding:6px;
    width:140px;
    text-align:center;
    font-style:italic;
}
div.infoBoxFlow
{
    display:inline;
    text-align:center;
}
#divSheet
{
    width: 760px;
    margin: 20px auto 20px auto;
    text-align: left;
    border: solid 1px #ff0;
    background-color:#060;
}

.innerColumn
{
    width:50%;
    float:left;
    text-align:center;
}

.innerCenter
{
    text-align:center;
    clear:both;
}

.innerLeftSmall
{
    float:left;
    font-size:90%;
    width:33%;
    text-align:center;
}
.innerMiddleSmall
{
    float:left;
    font-size:80%;
    width:33%;
    text-align:center;
}

.innerRightSmall
{
    float:right;
    font-size:90%;
    width:33%;
    text-align:center;
}

.galleryBox 
{
    width:50%;
    float:left;
    height:200px;
}

.galleryImage
{
    height:200px;
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    width:100%;
}  

#divHeader
{
    background: url(../images/banner-2007.jpg) no-repeat center;
    height: 160px;
    margin: 20px 0 20px 0;
}

.divNav
{
    text-align:center;
    background: none;
}

#divNavFooter
{
    clear:both;
    text-align:center;
    padding:0
}

#divFooter
{
    clear:both;
    text-align:center;
    padding:20px 0 10px 0;
}


.reader
{
    display: none;
    visibility: hidden;
}
img
{
    border: 0;
}
a
{
    font-weight:bold;
    color:#FCCE10
}
a:hover
{
    color:#F29F02
}
.panelMain
{
    padding: 0;
}
#divMainText
{
    margin: 10px 120px 10px 120px;
    border: solid 2px #ff0;
    padding: 10px 10px 20px 10px; 
    width:495px;
}

/* left-hand decoration bar notes strip background */
#divMainBorderLeft
{
    /* enable relative positioning for fade blocks */
    position:relative;
    float:left;
    background:transparent url(../images/borders/notes-bar.jpg) repeat-y top left;
}

/* left-hand decoration bar notes strip background */
#divMainBorderRight
{
    /* enable relative positioning for fade blocks */
    position:relative;
    float:right;
    background:transparent url(../images/borders/notes-bar.jpg) repeat-y top right;
}

/* position fade blocks at top of side bars to fade image in */
#divMainBorderLeft div.top,#divMainBorderRight div.top
{
    position:absolute;
    width:118px;
    height:32px;
    background:transparent url(../images/borders/bar-fade-top.png) repeat-x top left;
    top:0;
}

/* position fade blocks at bottom of side bars to fade image in */
#divMainBorderLeft div.bottom,#divMainBorderRight div.bottom
{
    position:absolute;
    width:118px;
    height:32px;
    background:transparent url(../images/borders/bar-fade-bottom.png) repeat-x top left;
    bottom:0;
}

/* position right hand fade blocks */
#divMainBorderRight div.top,#divMainBorderRight div.bottom
{
    right:0;
}

.panelMainText h3
{
    text-align:center;
    color:#FCCE10;
    font-size:1.4em;
    font-weight:bold;
    padding:0;
    margin:0.4em 0 0.5em 0;
}

.panelSub
{
    background: #2A1B12 url(../images/subBottom.gif) no-repeat center bottom;
    display:block;
    width:240px;
    margin:10px auto 20px auto;
    text-align:center;
    overflow:visible;
}

.panelSub p,.panelSub span
{
    margin:0px 10px 8px 10px;
}

.panelSub h3
{
    font-weight:bold;
    width:240px;
    height:32px;
    margin:0;
    font-size:120%;
    line-height:24px;
    vertical-align:text-bottom;
    background: #F29F02 url(../images/subTop.gif) no-repeat left top;
    text-align:center;
    color:#000;
}

#divNav h2 
{
    color:#FCCE10;
    font-weight:bold;
    font-size:1.6em;
    padding:0;
    margin:0 0 15px 0 
}
    
.panelMainText p
{
    text-align:justify
}

.smallTitle
{
    color:#F29F02;
    text-align:left;
    font-weight:bold;
    font-style:italic;
    display:block;
    margin-bottom:0.5em;
    font-size:110%
}
.quote
{
    font-style:italic;
    padding: 0 5px 0 5px;
    margin-bottom:0.5em;
    display:block;
    text-align:justify
}
.date
{
    color:#F29F02;
    font-weight:bold;   
}
ol li 
{
    color:#FCCE10
}

#navOuter
{
    background: #CCF2FF url(../images/music-fest-links-small.jpg) no-repeat center center;
    width:515px;
    height:458px;
    color:#000;
    margin: -10px 0 0 -10px;
}

#navOuter h2
{
    background-color:#8C7E08
}
#navInner
{
    position:absolute;
    width:515px;
}

#navFlowers
{
    list-style-type:none;
    position:absolute;
    padding:0;
    margin:0;
}
#navFlowers li,#navGigFlowers li
{
    position:absolute;
}
#navFlowers a,#navGigFlowers a
{
    display:block;
    position:absolute;
    text-decoration:none;
}
#navFlowers a:hover
{
    background-image:url(../images/music-fest-links-big.jpg);
}
#navFlowers span,#navGigFlowers span
{
    visibility:hidden;
    display:none;
}

#navNews
{
    margin: 307px 0 0 10px;
    width:150px;
    height:132px;
    background-position: -10px -307px;
}

#navGigs
{
    margin: 165px 0 0 84px;
    width:132px;
    height:134px;
    background-position: -84px -165px;
}

#navProjects
{
    margin: 297px 0 0 175px;
    width:171px;
    height:129px;
    background-position: -175px -297px;
}

#navMap
{
    margin: 168px 0 0 284px;
    width:134px;
    height:130px;
    background-position: -284px -168px;
}

#navContact
{
    margin: 307px 0 0 351px;
    width:164px;
    height:135px;
    background-position: -351px -307px;
}

#navGigFlowers 
{
    list-style-type:none;
    padding: 20px 0 0 0;
    margin:0;
    height:170px;
}

#navGigFlowers a
{
    display:block;
    width:123px;
    height:130px;
}

#navJune17 
{
    margin: 30px 0 0 10px;
    background-image:url(../images/gig-17-06-small.jpg);
}
#navJune17:hover
{
    background-image:url(../images/gig-17-06-big.jpg);
}
#navJuly16 
{
    margin: 0px 0 0 185px;
    background-image:url(../images/gig-16-07-small.jpg);
}
#navJuly16:hover
{
    background-image:url(../images/gig-16-07-big.jpg);
}

#navAug27 
{
    margin: 30px 0 0 360px;
    background-image:url(../images/gig-27-08-small.jpg);
}
#navAug27:hover
{
    background-image:url(../images/gig-27-08-big.jpg);
}

#exposedLogo
{
    text-align:center;
    font-family:Trebuchet MS,Arial,sans-serif;
    font-weight:bold;
}

#exposedTinyLogo
{
    position:absolute;
    margin-top:400px;
}

img.left 
{
    float:left;
    padding-right:10px;
}