/********** Defaults **********/

html {
    height: 100%;
}

body, body.print {
    font-family: sans-serif;
    font-size: 15px;
    margin: 0 auto;
    width: 950px;
    height: 100%;
}

body.print {
    margin-left: 0;
    width: 799px;
}

p, ul {
    margin-top: 0;
    margin-bottom: 1em;
}

pre {
    margin: 0;
}

table {
    border-spacing: 0;
    border-collapse: collapse;
}

td {
    padding: 0;
}

h2 { 
    font-size: 24px;
    font-weight: bold;
    margin-top: 1em;
    margin-bottom: 8px;
}

h3 { 
    font-size: 18px;
    font-weight: bold;
    margin-top: 1em;
    margin-bottom: 8px;
}

/********** Color Scheme **********/

body, #bannerTitleCell, #bannerGapCell, #bannerButtonCell, #bannerImageCell {background: #FFFFF0;}
                                                               #bannerTitle {color: #357197;}
                                                   a, a.topLink, a.leftLink {color: #0067AC /*#217AB0*/;}
a.topLink:hover,
a.topLinkChosen,
a.leftLink:hover,
a.leftLinkChosen,
a.indexLink:hover,
a.indexLinkChosen,
a.thumb:hover 
{color: #DB5B00;}

a img:hover {
    border-color: #FF8000;
}

a, a.thumb:hover {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

a.thumb {
    color: black;
}

/********** Master Page **********/

#background { 
    min-height: 100%;
    margin-right: 50px;
}

#bannerTable { 
    width: 100%;
    margin-top: 10px;
}

#bannerImageCell, #bannerTitleCell, #bannerButtonCell { 
    padding: 10px 0;
    border-top: 1px dotted #357197;
    border-bottom: 1px dotted #357197;
    vertical-align: bottom;
}
#bannerImageCell { 
    width: 150px;
    text-align: right;
}
#bannerButtonCell {
    text-align: right;
}

#bannerGapCell { 
    width: 25px;
}

#bannerTitle {
    font-size: 25px;
}

#topMenu {
    margin: 18px 0 0 1px;
}

#leftColumn {
    float: left;
}

div.leftMenu {
    width: 150px;
    padding: 25px 0 18px 0;
    border-bottom: 1px dotted #357197;
    display: none;
}

div.leftSubMenu {
    padding-left: 20px;
    display: none;
}

div.leftLink, div.leftHeader {
    font-size: 14px;
    margin-bottom: 10px;
}

div.leftHeader {
    font-style: italic;
    color: #903000;
}

span.date {
    font-size: 10px;
    color: #777;
}

a.topLink, a.topLinkChosen, a.leftLink, a.leftLinkChosen { 
    font-size: 14px;
    font-weight: normal;
    padding: 14px;
    text-decoration: none;
}
a.topLink:hover, a.leftLink:hover, a.topLinkChosen:hover, a.leftLinkChosen:hover {
    text-decoration: underline;
}
a.leftLink, a.leftLinkChosen { 
    padding: 6px 0;
}

a.linkButton { 
    font-size: 14px;
    text-decoration: underline;
}

div.leftThumb { 
    margin-bottom: 8px;
}

a.thumb img { 
    border: 1px solid black;
}

/********** Content **********/

#content { 
    font-family: sans-serif;
    margin: 24px 0 0 176px;
}

#content.print { 
    margin-left: 25px;
}

div.contentTitle { 
    font-size: 18px;
    font-weight: bold;
    margin-top: -4px;
    margin-bottom: 8px;
}

img.imageLeft, img.imageLeftBorder {
    float: left;
    margin-right: 10px;
    border: 0;
}

img.imageRight, img.imageRightBorder {
    float: right;
    margin-left: 10px;
    border: 0;
}

img.imageBorder, img.imageLeftBorder, img.imageRightBorder {
    border: 1px solid black;
}

div.storyImage {
    width: 750px;
    margin-bottom: 2em;
}

div.storyImage img { 
    border: 1px solid black;
}

div.storyImage div {
    text-align: right;
    font-size: 11px;
    color: #666666;
}

div.fontSongVerse { 
    clear: both;
    line-height: 1.25em;
}

div.movie { 
    font-size: 0;
    border: 1px solid black;
}

#SpiralsOfCirclesMovie {
    width: 722px;
    height: 722px;
}

div.imageWithCredit {
    float: right;
    font-size: 8px;
    color: #666666;
    margin-left: 1em;
}

div.imageWithCredit img {
    border: 1px solid black;
}

div.imageWithCredit div {
    text-align: right;
}

a.external {
    background: transparent url(/iconExternalLink12px.gif) no-repeat scroll right center;
    padding-right: 15px;
}

a.externalSmall {
    background: transparent url(/iconExternalLink.gif) no-repeat scroll right center;
    padding-right: 15px;
}

div.sectionHeading {
    font-weight: bold;
}

div.sectionHeadingSingleton {
    margin-bottom: 1em;
}

/********** Home Table **********/

td.home {
    width: 50%;
    vertical-align: top;
}

td.home p {
    clear: both;
    margin-top: 1.5em;
    overflow: auto; 
}

td.home img {
    float: left;
    margin-right: 10px;
}

td.home span {
    font-weight: bold;
}

/********** Schedule Table **********/

td.yearHeader {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

table.schedule td {
    vertical-align: top;
    padding: 5px 8px 6px 8px;
}

table.schedule td.where {
    white-space: nowrap;
    vertical-align: bottom;
}

table.schedule td.when {
    white-space: nowrap;
}

table.schedule tr.odd td {
    background: #FAF2D6; //#FAEFE0;
}

table.schedule tr.even td {
}

/********** Collection Table (e.g. dances) **********/

table.collection td {
    vertical-align: top;
    padding-left: 25px;
}

table.collection #index {
    background: #EAF4FA;
    padding: 10px;
}

div.indexWrapper { 
    margin-left: 10px
}

div.indexLink, div.indexHeader { 
    font-size: 10px;
    white-space: nowrap;
}

div.indexHeader { 
    font-weight: bold;
    margin-left: -10px;
}

div.item { 
    display: none;
}

a.indexLink, a.indexLinkChosen { 
    font-size: 10px;
    text-decoration: none;
}
a.indexLink { 
    color: black;
}
a.indexLink:hover { 
    text-decoration: underline;
}

td.collection h2 {
    margin: 0 0 .3em 0;
    font-size: 1.5em;
}

td.collection table {
    margin: 1em 0;
}

td.collection td {
    padding: .35em;
}

/********** Picture Table **********/

table.pictureMenu {
    vertical-align: top;
    margin-top: .5em;
}

table.pictureMenu td {
    vertical-align: top;
    text-align: center;
    padding-right: 50px;
}

table.pictureMenu a {
    color: black;
}

div.caption {
    width: 150px;
    text-align: center;
    margin: 2px 0 2em 0;
}

/********** Picture Table **********/

table.morrisVideos th {
    background: #FAF2D6;
}

td.right {
    text-align: right;
    padding-right: 10px;
}