a
{
    color: Black;
}

a img
{
    border-style: none;
}

a#ContactTheCelebrant-link
{
    font-size: larger;
}

a.print
{
    display: none;
}

blockquote
{
    margin: 0;
}

body
{
    margin: 0;
    font-family: Arial, Sans-Serif;
    font-size: 10pt;
}

div.background-image
{
    margin: 0 auto;
    background-image: url(/image.ashx?file=main_background.jpg);
    background-repeat: no-repeat;
    border-bottom: solid 1px #A6A6A6;
    width: 900px;
    height: 800px;
    padding-top: 100px; /* Account for logo embedded into background image. */
}

div.chat-invitation
{
    padding: 10px;
    border: dashed 3px Green;
    display: none;
}

div.chat-invitation h1
{
    color: Green
}

div#content
{
    margin-left: 230px;
    margin-right: 10px;
    line-height: 16pt;
}

div#content a
{
    text-decoration: none;
    color: rgb(153,102,51);
}

div#content a:hover
{
    text-decoration: underline;
}

div#content div.left-column
{
    position: absolute;
    width: 440px;
}

div#content div.right-column
{
    margin-left: 460px;
    text-align: center;
    width: 200px;
}

div#footer
{
    text-align: center;
    font-family: Verdana, Sans-Serif;
    font-size: 7pt;
}

div#footer p
{
    margin: 10px;
    padding: 0;
}

div#home p.last
{
    font-size: larger;
    font-weight: bold;
}

div.memberships
{
    margin-top: 20px;
    width: 200px;
    background-image: url(/image.ashx?file=readings_menu_background.png);
    border: solid 1px rgb(153,102,51);
    padding: 20px 0px;
    font-weight: bold;
    color: rgb(68,46,23);
    font-size: larger;
}

div.memberships img
{
    border: none;
    margin-top: 10px;
}

div#nav
{
    width: 200px;
    position: absolute;
    padding: 10px;
    background-image: url(/image.ashx?file=menu_background.png);
    font-family: Tahoma, Verdana, Sans-Serif;
    font-size: 10pt;
    font-weight: bold;
    border-top: solid 1px black;
    border-bottom: solid 1px black;
}

div#nav ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

div#nav ul li
{
    padding-bottom: 15px;
}

div#nav ul li a
{
    text-decoration: none;
    color: White;
}

div#nav ul li a:hover
{
    text-decoration: underline;
}

div#nav ul li a.selected, div#nav ul li a:hover.selected
{
    text-decoration: none;
    cursor: default;
    border-bottom: double 3px white;
}

div#nav-readings
{
    padding: 5px;
    background-image: url(/image.ashx?file=readings_menu_background.png);
    border: solid 1px rgb(153,102,51);
    border-left: none;
    border-right: none;
    font-size: 8pt;
    font-weight: bold;
    text-align: center;
    font-family: Tahoma, Sans-Serif;
}

div#nav-readings ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

div#nav-readings ul li
{
    display: inline;
}

div#nav-readings ul li a
{
    margin: 0 10px;
    min-width: 100px;
    white-space: nowrap;
    text-decoration: none;
    color: rgb(68,46,23);
}

div#nav-readings a:hover
{
    text-decoration: underline;
}

div#nav-readings a.selected, div#nav-readings a:hover.selected
{
    text-decoration: none;
    cursor: default;
    border-bottom: double 3px rgb(68,46,23);
}

div.scroll
{
    height: 699px;
    overflow: auto;
    padding-right: 20px;
    margin-right: -10px;
}

div.shadow-left
{
    width: 900px;
    padding-left: 8px;
    background-image: url(/image.ashx?file=shadow_left.gif);
    background-repeat: repeat-y;
    background-position: left;
    margin: 0 auto;
}

div.shadow-right
{
    width: 900px;
    padding-right: 8px;
    background-image: url(/image.ashx?file=shadow_right.gif);
    background-repeat: repeat-y;
    background-position: right;
}

div.validation-summary
{
    color: Red;
    margin-bottom: 10px;
}

fieldset
{
    margin: 0;
    padding: 0;
    border: none;
}

fieldset dl dd
{
    margin-left: 0;
    padding-bottom: 5px;
}

h1
{
    margin: 10px 0 10px 0;
    font-size: 12pt;
    color: rgb(68,46,23);
}

h2
{
    margin: 0;
    margin-top: 10px;
    padding: 0;
    font-size: 10pt;
}

img, img#googlemap
{
    border: solid 1px white;
}

.center
{
    display: block;
    margin: 10px auto;
}

input[type=password], input[type=submit], input[type=text], select, textarea
{
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 10pt;
}

input[type=password], input[type=text], select, textarea
{
    width: 250px;
}

input#sendButton
{
    height: 56px;
    width: 70px;
    float: left;
}

label
{
    display: inline-block;
    width: 200px;
}

li#ContactTheCelebrant div.buttons
{
    text-align: right;
}

li#ContactTheCelebrant div.right-column
{
    margin-left: 290px;
    text-align: left;
    width: auto;
}

li#ContactTheCelebrant div.right-column p.first
{
    font-size: larger;
}

li#ContactTheCelebrant div.left-column
{
    position: absolute;
    width: 260px;
}

li#ContactTheCelebrant span.phone
{
    font-weight: bold;
    font-size: larger;
}

li#ContactTheCelebant ul.multiview
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

li#SelectedReadings div.scroll
{
    height: 700px;
}

li#Testimonials blockquote
{
    background-image: url(/image.ashx?file=blockquote.gif);
    background-repeat: no-repeat;
    padding-left: 30px;
}

span.testimonial-from, div.reading-by
{
    font-size: smaller;
    font-weight: bold;
    white-space: nowrap;
}

textarea#messageInput
{
    width: 400px;
    height: 50px;
    float: left;
    margin-right: 10px;
    background-color: white;
}

textarea#messageInput[disabled]
{
    background-color: gainsboro;
}

ul
{
    list-style-type: square;
    margin-left: 25px;
    padding: 0;
}

ul#chatHistory
{
    border: solid 1px rgb(68,46,23);
    margin-left: 0;
    height: 300px;
    padding: 10px;
    overflow: auto;
}

ul#chatHistory li
{
    list-style-type: none;
}

ul#page-content, ul#readings-content, li#ContactTheCelebrant ul.multiview
{
    list-style: none;
    padding: 0;
    margin: 0;
}

ul#page-content.dynamic > li
{
    display: none;
}

ul#readings-content > li
{
    text-align: center; /* Add spacing between readings when JavaScript is disabled. */
    padding-bottom: 20px;
}

.center
{
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.print-only
{
    display: none;
}

.screen-only
{
    display: block;
}



@media print
{
    a
    {
        text-decoration: none;
    }

    div.background-image
    {
        width: auto;
        height: auto;
        padding-top: 0;
    }

    div#content
    {
        margin: auto;
    }

    div.scroll, div.scroll.SelectedReadings
    {
        height: auto;
        overflow: visible;
        padding-right: 0;
    }

    div#nav, div#nav-readings, input[type=submit], noscript, .screen-only
    {
        display: none;
        visibility: collapse;
    }

    .print-only
    {
        display: block;
    }
}