/* MediaBrite CSS */

* {
    margin: 0px;
    padding: 0px;
    }
body {
    background: #000000 url('images/body-background.gif');
    background-attachment: fixed;
    }
p {
    margin: 0px 0px 15px 0px;
    line-height: 150%;
    }
img    {
    border: 0px;
    }
a {
    text-decoration: underline;
    color: #0000FF;
    font-weight: normal;
    }
a:hover    {
    color: #650A09;
    }
form, input, option, select {
    font-family: Tahoma, Verdana, sans-serif;
    font-size: 11px;
    font-weight: normal;
    text-indent: 2px;
    color: #000;
    }
input, textarea, select {
    margin-bottom: 4px;
    background: #EAEAC8;
    color: #000;
    border: 1px solid #000;
    padding: 2px;
    }
.cleaner {
    clear:both;
    height:0px;
    font-size:1px;
    border:none;
    background:transparent;
    }
.banner {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 400;
    width: 100px;
    height: 100px;
    background: url('images/banner-support.gif');
    }

/*  Container   */
#container    {
    margin: 20px auto 0px auto;
    width: 751px;
    border:1px solid #2A2A2A;
    background: #FFFFFF url('images/background-container.gif');
    position: relative;
    }

/*  Header   */
#top    {
    padding: 0px 0px 0px 0px;
    background: #000000 url('images/background-top.jpg') top left no-repeat;
    height: 168px;
    }
    #signup {
        width: 230px;
        height: 60px;
        color: #FFF;
        position: absolute;
        right: 0px;
        top: 83px;
        z-index: 200;
        padding: 8px 8px 8px 8px;
        font-size: 90%;
        text-align: right;
        }
        #signupBackground {
            width: 246px;
            height: 60px;
            background: #000;
            position: absolute;
            right: 0px;
            top: 83px;
            z-index: 199;
            filter:alpha(opacity = 35);
            -moz-opacity:.35;
            opacity:.35;
            }
        #signup form {
            color: #FFF;
            }
        #signup input {
            background: #FFF;
            padding: 1px;
            }
        #signup h1 {
            color: #FFF;
            font-size: 12px;
            font-family: Arial, Helvetica, sans-serif;
            margin: 0px 0px 2px 0px;
            padding: 0px;
            letter-spacing: 1px;
            border: 0px;
            }
        #signup .button {
            color: #FFF;
            background: #111111;
            border: 0px;
            font-size: 10px;
            border: 1px solid #666;
            margin: 2px 0px 0px 0px;
            }
    #top ul, #top li {
        margin: 0px;
        padding: 0px;
        }
    /*  Navbar   */
    #navbar, #navbar a,  #navbar a:hover, #navbar a.active {
        background: #410504 url('images/background-links.gif');
        }
    #navbar {
        height: 25px;
        width: 751px;
        list-style: none;
        margin: 0px;
        padding: 0px;
        position: absolute;
        top:143px;
        left: 0px;
        }
        * html #navbar { height: 24px; }
        #navbar li {
            float: left;
            position: relative;
            }
        /* Styles for Menu Items */
        #navbar li a {
            padding: 6px 13px 6px 13px;
            margin: 0px;
            text-decoration: none;
            letter-spacing: 1px;
            font-size: 100%;
            font-weight: bold;
            color: #AD8180;
            display: block;
            }
            #navbar a.active, #navbar a.active:hover, #navbar a:hover, #navbar a.active:hover {
                background-position: 0px 54px;
                color: #FFFFFF;
                }
            #navbar a.active, #navbar a.active:hover {
                background-position: 0px 27px;
                color: #FFFFFF;
                border-left: 1px solid #000000;
                border-right: 1px solid #000000;
                }

        /* Styles for Drop Downs */
        #navbar li ul {
            display: none;
            position: absolute;
            left: 0px;
            top: 25px;
            width: 150px;
            display: none;
            padding: 0px 3px 3px 0px;
            background: url('images/navbar-dropdown-background.gif');
            list-style: none;
            margin: 0px;
            z-index: 500;
            }
            *html #navbar li ul { top: 24px; }
        li > ul {
            top: auto;
            left: auto;
            }
        #navbar span.padding {
            display: block;
            padding: 1px 2px 0px 12px;
            }
        #navbar li:hover ul, #navbar li.over ul {
            display: block;
            }
        #navbar li ul li {
            padding: 0px;
            margin: 0px;
            float: none;
            z-index: 500;
            }
        #navbar li ul li a {
            padding: 3px 0px 4px 0px;
            margin: 0px;
            color: #AD8180;
            font-size: 90%;
            font-weight: normal;
            border-top: 1px solid #6E201E;
            float: none;
            background: #5B0B09;
            letter-spacing: 0px;
            z-index: 500;
            }
            #navbar li ul li a:hover {
                background: #000 url('images/background-links.gif');
                background-position: 0px 54px;
                color: #FFF;
                }
    .newsletter {
        display: block;
        position: absolute;
        top: 96px;
        right: -31px;
        width: 113px;
        height: 113px;
        background: url('images/top-newsletter.gif') top left no-repeat;
        }
/*  Left Column   */
#right    {
    float: right;
    display: block;
    width: 172px;
    padding: 135px 0px 10px 0px;
    font-size: 98%;
    color: #000000;
    background: url('images/background-left.gif') top left no-repeat;
    text-align: center;
    }
    #right a {
        display: block;
        padding: 3px;
        color: #FF0000;
        text-align: center;
        border-top: 1px solid #FFFFFF;
        border-bottom: 1px solid #FFFFFF;
        text-decoration: none;
        }
    #right a:hover {
        background: #EEEEEE;
        border-top: 1px solid #CCCCCC;
        border-bottom: 1px solid #CCCCCC;
        color: #660000;
        }
        #right a img{
            margin: 8px 0px 8px 0px;
            border: 1px solid #FFFFFF;
            }
            #right a:hover img{
                border: 1px solid #000000;
                }

/*  Main Content Area   */
#main    {
    margin: 0px 174px 0px 0px;
    padding: 0px 0px 20px 0px;
    border-left: 1px solid #000000;
    }
    #mainContent, #eventDetails {
        padding: 20px 20px 0px 20px;
        }
    /*  SubNavbar   */
    #subnavbar {
        display: block;
        background: #CDB250;
        border-bottom: 1px solid #848684;
        clear: left;
        }
        #subnavbar a {
            padding: 6px 20px 6px 8px;
            display: block;
            float: left;
            text-decoration: none;
            letter-spacing: 1px;
            color: #333333;
            font-size: 95%;
            font-weight: normal;
            font-family: Arial, Verdana, Helvetica, sans-serif;
            }
            #subnavbar a:hover {
                background: #F2D671;
                color: #000;
                }
    /*  Event   */
    .nextEvent    {
        display: block;
        margin: 0px;
        padding: 0px;
        position: relative;
        text-decoration: none;
        background: #A5A9D8;
        font-weight: normal;
        }
        .nextEvent img {
            border-right: 1px solid #000000;
            border-bottom: 1px solid #000000;
            }
            .nextEvent .date{
                display: block;
                text-align: right;
                width: 120px;
                padding: 5px 0px 0px 0px;
                margin: 0;
                float:right;
                font-size: 130%;
                font-weight: bold;
                color: #303A6D;
                font-family: Georgia, "Times New Roman", Times, serif;
                position: relative;
                }
            .nextEvent .name{
                clear: right;
                display: block;
                padding: 10px 0px 6px 0px;
                font-size: 150%;
                font-weight: bold;
                color: #000000;
                line-height: 20px;
                letter-spacing: -1px;
                }
            .nextEvent .abstract{
                display: block;
                margin: 0px 0px 0px 0px;
                padding: 0px;
                font-size: 90%;
                color: #000000;
                }
            .nextEvent .details{
                display: block;
                margin: 5px 0px 0px 0px;
                padding: 0px;
                font-size: 90%;
                color: #000000;
                }
    a.event    {
        display: block;
        position: relative;
        margin: 0px 0px 0px 0px;
        padding: 15px 20px 15px 20px;
        font-weight: normal;
        border-bottom: 2px dotted #E3CF7D;
        text-decoration: none;
        }
        a.event:hover    {
            background: #FFFECD;
            }
        a.event img {
            float: left;
            margin: 0px 10px 0px 0px;
            border: 1px solid #000000;
            position: relative;
            }
            a.event .date{
                display: block;
                margin: 0px;
                padding: 0px;
                float:right;
                font-size: 110%;
                font-weight: normal;
                color: #666666;
                font-family: Arial, Helvetica, sans-serif;
                position: relative;
                }
            a.event    .name{
                display: block;
                margin: 0px 0px 0px 0px;
                padding: 0px;
                font-size: 130%;
                font-weight: bold;
                color: #444444;
                letter-spacing: 1px;
                font-family: Arial, Helvetica, sans-serif;
                line-height: 110%;
                }
            a.event    .abstract{
                display: block;
                margin: 0px 0px 0px 0px;
                padding: 0px;
                font-size: 90%;
                color: #444444;
                }
            a.event    .details{
                display: block;
                margin: 5px 0px 0px 0px;
                padding: 0px;
                font-size: 90%;
                color: #444444;
                }
    .fauxLink {
        color: #0000FF;
        text-decoration: underline;
        }
    #eventDetails {
        }
        #eventDetails p.name{
            margin: 0px 0px 0px 0px;
            padding: 0px;
            font-size: 150%;
            font-weight: bold;
            color: #444444;
            letter-spacing: 1px;
            font-family: Arial, Helvetica, sans-serif;
            line-height: 110%;
            }
        #eventDetails p.date{
            text-align: right;
            margin: 0px 0px 10px 0px;
            padding: 0px;
            font-size: 85%;
            font-weight: normal;
            color: #666666;
            font-family: Arial, Helvetica, sans-serif;
            }
        #eventDetails p.abstract{
            margin: 0px 0px 20px 0px;
            padding: 0px;
            }
        #eventDetails .eventPic {
            display: block;
            margin: 0px 0px 0px 0px;
            border: 1px solid #000000;
            }
        #eventDetails .photoCredit {
            display: block;
            text-align: right;
            margin: 0px 0px 2px 0px;
            color: #666;
            }
        #eventDetails .ticketInfo{
            margin: 10px 0px 0px 0px;
            font-size: 90%;
            border: 1px solid #000000;
            background: #FAEEA2;
            }
            #eventDetails .tableHeader{
                font-weight: bold;
                color:#FFFFFF;
                background: #000000;
                padding: 3px;
                }
            #eventDetails .tableContent{
                padding: 2px;
                }
            #eventDetails .soldOut{
                color: #FF0000;
                font-weight: bold;
                }
            #eventDetails .tableFooter{
                border-top: 1px solid #000000;
                padding: 2px;
                background: #CCC;
                }
             #eventDetails p.description{
                }
            #eventDetails .buyTickets {
                border: 1px solid #999;
                padding: 1px;
                color: #FFF;
                font-size: 9px;
                background: url('images/background-linkActive.gif');
                }
    #sidebar    {
        float: right;
        width: 150px;
        margin: 0px;
        padding: 0px 0px 5px 10px;
        font-size: 98%;
        color: #000000;
        border-bottom: 2px dotted #999999;
        border-left: 2px dotted #999999;
        }
        #sidebar a {
            display: block;
            margin: 0px 0px 5px 0px;
            }
        #sidebar a:hover {
            }
    #contact {
        display: block;
        margin: 0px 0px 0px 0px;
        text-align: left;
        }
        #contact p {
            margin: 0px 0px 7px 0px;
            }
        #contact strong {
            color: #FF0000;
            font-weight: bold;
            }
        #contact .column {
            display: block;
            float: left;
            margin: 0px;
            text-align: right;
            width: 250px;
            }
        #contact form, #contact input, #contact option, #contact select {
            color: #000;
            font-family: Tahoma, Verdana, sans-serif;
            font-size: 90%;
            font-weight: normal;
            text-indent: 2px;
            }
        #contact option {
            font-size: 100%;
            }
        #contact input, #contact textarea, #contact select {
            background: #FFFFFF;
            border: 1px solid #AAAAAA;
            margin-left: 2px;
            }
            #contact input:hover,#contact textarea:hover {
                background: #EEEEEE;
                }
    .pages {
        position: relative;
        display: block;
        float:right;
        margin:  0px 0px 10px 0px;
        border: 1px solid #333333;
        background: #EEEEEE;
        padding: 0px;
        font-size: 90%;
        }
        .pages .currentPage {
            display: block;
            float: left;
            font-weight: bold;
            padding: 0px 5px 0px 5px;
            border-left: 1px solid #333333;
            }
        .pages .pageNavTitle {
            display: block;
            float: left;
            padding: 0px 5px 0px 5px;
            text-decoration: none;
            font-weight: normal;
            background: #333333;
            color: #FFFFFF;
            }
        .pages a {
            display: block;
            float: left;
            text-decoration: none;
            color: #999999;
            padding: 0px 5px 0px 5px;
            border-left: 1px solid #333333;
            }
            .pages a:hover {
                color: #FFFFFF;
                background: #AAAAAA;
                }
/*  Bottom Credits Area   */
#bottom    {
    padding: 5px;
    text-align: center;
    font-size: 80%;
    color: #FFFFFF;
    clear:both;
    }
    #bottom a {
        text-decoration: none;
        color: #FFFFFF;
        font-weight: bold;
        }
        #bottom a:hover {
            color: #FFFF00;
            }
    #bottom p {
        display: block;
        margin: 0px;
        padding: 3px;
        }
    #bottomNav {
        display: block;
        margin: 5px 0px 5px 0px;
        }
    #bottomNav a {
        padding: 12px;
        text-transform: uppercase;
        }

/*  SITEBRITE   */
#SiteBrite-navbar    {
    display: block;
    width: 100%;
    border: 3px solid #CBD5E1;
    background: #FFFFFF;
    color:#5F7EA5;
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    padding: 5px;
    }
    #SiteBrite-navbar span.SiteBrite-title    {
        color:#5F7EA5;
        font-size: 16px;
        font-weight: bold;
        padding: 20px 40px 20px 0px;
        }
    #SiteBrite-navbar a    {
        color:#5F7EA5;
        font-weight: bold;
        padding: 10px 7px 10px 7px;
        }
    #SiteBrite-navbar a:hover    {
        color:#FFFFFF;
        background: #5F7EA5;
        }
#SiteBrite-section    {
    }
    #SiteBrite-section.on    {
        border: 3px solid #CBD5E1;
        }
#SiteBrite-page    {
    }
    #SiteBrite-page.on    {
        border: 3px solid #CBD5E1;
        }
#SiteBrite-content    {
    }
    #SiteBrite-content.on    {
        padding: 10px;
        border: 3px solid #CBD5E1;
        }
    a.SiteBrite-edit {
        position: relative;
        display:block;
        width:140px;
        border-top:2px solid #CBD5E1;
        border-right:2px solid #CBD5E1;
        border-left:2px solid #CBD5E1;
        background:#FFFFFF;
        color:#5F7EA5;
        font-size: 10px;
        font-family: Arial, Helvetica, sans-serif;
        padding:2px;
        margin-top:5px;
        }
    a.SiteBrite-edit:hover {
        background:#5F7EA5;
        color:#FFFFFF;
        }
#comodo {
 position: absolute;
 bottom: 10px;
 right: 25px;
}

.error {
 margin: 2em 0 1em 0;
 text-align: center;
 color: #f00;
 font-weight: bold;
}
.required {
 color: #f00;
 vertical-align: top;
}
.cssform {
 margin: 2em 0 1em 0;
}
.cssform label {
 display: block;
 width: 150px;
 float: left;
 padding: 0 10px 0 0;
 font-weight: bold;
}
.cssform label:after {
 content: ':';
}
.cssform-textarea {
 margin-left: 160px;
}
.cssform-submit {
 margin-left: 160px;
}
/* simpleCaptcha */
.captchaImages { margin: 0; padding: 10px 0 10px 120px; }
.captchaText {font-weight: bold;}
.captchaImage { margin: 2px 12px; width: 36px; height: 36px; }
.simpleCaptchaSelected { border: 2px solid #CDB250; margin: 0 10px}

/* Tooltips */
.tooltip{
 position: absolute;
 top: 0;
 left: 0;
 z-index: 3;
 width: 400px;
 text-align: justify;
 display: none;
 color: #000;
 border: 2px solid #410504;
 padding: 10px;
 background-color: #EAEAC8;
}