@CHARSET "ISO-8859-1";

html {
    font-family: Arial, Tahoma, Helvetica, sans-serif;
    font-size: 12px;
    text-decoration: none;
    color: #1f1200;
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
    color: #1f1200;
}

body {
    margin: 0;
    background-color: #cac2b7;
}

p {
    margin: 0;
    line-height: 17px;
}

h1 {
    font-size: 16px;
    margin: 0;
    margin-top: 20px;
}

h2 {
    font-size: 15px;
    color: #604929;
    margin: 0;
    margin-top: 20px;
}

h3 {
    font-size: 14px;
    margin: 0;
    margin-top: 20px;
}

table {
    border-collapse: collapse;
    border: none;
}

td {
    padding: 0;
    vertical-align: top;
}

table.background {
    background-color: #cac2b7;
}

table.background td.left {
    width: 50%;
    background: url(../img/index_bg_left.jpg) right top no-repeat;
}

table.background td.center {
    width: 958px;
    background: url(../img/index_bg_center.jpg) no-repeat;
}

table.background td.right {
    width: 50%;
    background: url(../img/index_bg_right.jpg) left top no-repeat;
}

div.header {
    width: 958px;
}

div.header div.topmenu_table_container {
    width: 958px;
    position: absolute;
    z-index: 100;
}

div.header div.text_container {
    width: 430px;
    position: absolute;
    z-index: 100;
    margin-top: 310px;
    margin-left: 510px;
    text-align: right;
    color: #ffffff;
    font-size: 13px;
    font-weight: bold;
}

div.header table.topmenu_container { /*text-align: center;*/

}

div.header table.topmenu_container td.topmenu_item {
    font-size: 14px;
}

div.header table.topmenu_container td.topmenu_item a.upper_level {
    display: block;
    background-color: transparent;
    padding: 8px 20px 8px 20px;
}

div.header table.topmenu_container td.topmenu_item a.upper_level_active
    {
    display: block;
    background-color: #271700;
    color: #ffffff;
    padding: 8px 20px 8px 20px;
}

div.header table.topmenu_container td.topmenu_submenu {
    border-top: 1px solid #cbc4b9;
    text-align: left;
    visibility: hidden;
}

div.header table.topmenu_container td.topmenu_submenu a.submenu_item {
    display: block;
    height: 16px;
    background-color: #b0a597;
    padding: 8px 20px 8px 20px;
    font-size: 13px;

    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=95); /* IE 5.5+*/
    -moz-opacity: 0.95; /* <= Mozilla 1.6 */
    -khtml-opacity: 0.95; /* Konqueror 3.1, Safari 1.1 */
    opacity: 0.95; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */

}

div.header table.topmenu_container td.topmenu_submenu a.submenu_item:hover
    {
    background-color: #604929;
    height: 16px;
    padding: 8px 20px 8px 20px;
    color: #ffffff;
    font-size: 13px;

    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* IE 5.5+*/
    -moz-opacity: 1; /* <= Mozilla 1.6 */
    -khtml-opacity: 1; /* Konqueror 3.1, Safari 1.1 */
    opacity: 1; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */

}

div.header_frame {
    width: 452px;
    height: 309px;
    position: absolute;
    top: 81px;
    z-index: 50;
}

div.interior_header_frame {
    width: 225px;
    height: 122px;
    position: absolute;
    top: 81px;
    z-index: 50;
}

div.header_frame img {
    width: 452px;
    height: 309px;
}

div.interior_header_frame img {
    width: 225px;
    height: 122px;
}

div.header_frame_img_container {
    height: 265px;
    margin-left: 60px;
    position: absolute;
    top: 101px;
    width: 364px;
    z-index: 50;
    background: transparent url('/img/slides/violin.jpg') top left no-repeat;
}


div.header_frame_img_container img {
    display: block;
    height: 265px;
    width: 364px;
    position: absolute;
    z-index: 10;
}

div.header_frame_img_container object,
    div.header_frame_img_container embed {
    z-index: 20;
}

div.interior_header_frame_img_container {
    width: 212px;
    height: 96px;
    position: absolute;
    top: 96px;
    /*background-color: red;*/
    z-index: 50;
}

div.interior_header_frame_img_container img {
    display: block;
    height: 97px;
    width: 135px;
    float: right;
}

table.page {
    width: 958px;
}

table.page td.left {
    width: 704px;
    padding-bottom: 50px;
    background: transparent;
}

table.page td.right {
    width: 254px;
    background: url('../img/right_block_bg.gif') left top no-repeat;
}

table.page td.footer {
    width: 958px;
    height: 60px;
    background: url('../img/footer_bg.gif') center top no-repeat;
    text-align: center;
    /*border: 1px solid black;*/
}

table.page td.left div.title_container {
    width: 600px;
    height: 86px;
    margin-top: 30px;
    margin-left: 20px;
    /*border: 1px solid black;*/
}

table.page td.left div.content {
    margin-left: 70px;
}

table.page td.left div.content p {
    margin-right: 40px;
}

table.page td.left div.content div.separator {
    width: 595px;
    height: 2px;
    line-height: 0;
    font-size: 0;
    background: #9f9a8f url('../img/content_separator_bg.gif') repeat-x;
    margin-top: 20px;
    margin-bottom: 20px;
}

table.page td.left div.content ul {
    margin-top: 5px;
}

table.page td.left div.content li,table.page td.left div.content a, div.registration_link a {
    list-style-type: none;
    color: #5b5042;
    font-size: 13px;
    font-weight: bold;
}

table.page td.left div.content a:hover, div.registration_link a:hover {
    color: #ffffff;
}

table.page td.left div.content table {
    width: 630px;
    margin-top: 5px;
    color: #756b5d;
    font-size: 13px;
    /*border: 1px solid black;*/
}

table.page td.left div.content table td {
    height: 25px;
    vertical-align: middle;
    padding: 0 10px;
}

table.page td.left div.content table tr.bordered {
    background: url('../img/content_table_bg.gif') bottom repeat-x;
}

table.page td.left div.content table tr.bordered td {
    border-bottom: 1px solid #dfdad3;
}

table.page td.left div.content table th {
    background-color: #796d5b;
    color: #ffffff;
    font-size: 12px;
    border-top: 1px solid #7e7261;
    border-bottom: 1px solid #dfdad3;
    padding-left: 10px;
    padding-right: 10px;
}

table.page td.left div.member_detail {
    margin-left: 57px;
    margin-top: 20px;
}

table.page td.left div.member_detail div.nav {
    width: 592px;
    height: 26px;
    background: url('../img/content_separator_bg.gif') bottom repeat-x;
    margin-top: 29px;
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: bold;
    /*border: 1px solid #897e72;*/
}

table.page td.left div.member_detail div.nav div.text {
    height: 20px;
    /*border: 1px solid #897e72;*/
    padding: 5px 0 0 0;
}

table.page td.left div.member_detail div.title_back {
    width: 592px;
    height: 18px;
    background-color: #6a5335; /*#b0a597;*/
    color: #271E2d; /*#b0a597;*/
    border-bottom: 1px solid #897e72;
    /*margin-top: 20px;*/ /*padding: 8px 20px 8px 20px;*/

    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40); /* IE 5.5+*/
    -moz-opacity: 0.4; /* <= Mozilla 1.6 */
    -khtml-opacity: 0.4; /* Konqueror 3.1, Safari 1.1 */
    opacity: 0.4; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */

}

table.page td.left div.member_detail div.title_front {
    width: 592px;
    height: 18px;
    background: transparent;
    color: #634c2d;
    /*border: 1px solid #897e72;*/
    margin: 0;
    position: relative;
    top: -20px;
}

table.page td.left div.member_detail div.title_front div.text {
    width: auto;
    float: left;
    padding: 2px 15px 0 15px;
    font-weight: bold;
    font-size: 14px;
    /*border: 1px solid #897e72;*/
}

table.page td.left div.member_detail div.title_front div.text a {
    color: #634c2d;
}

table.page td.left div.member_detail .general_info_container {
    width: 592px;
    /*height: 180px;
    border: 1px solid #897e72;*/
}

table.page td.left div.member_detail .general_info_container td.photo {
    width: 180px;
}

table.page td.left div.member_detail .general_info_container td.text table
    {
    width: 412px;
}

table.page td.left div.member_detail .general_info_container td.text table th
    {
    width: 110px;
    padding-bottom: 2px;
    padding-left: 10px;
    text-align: left;
}

table.page td.left div.member_detail div.table_header_back {
    width: 640px;
    height: 18px;
    background-color: #6a5335; /*#b0a597;*/
    color: #271E2d; /*#b0a597;*/
    border-bottom: 1px solid #897e72;
    margin-top: 20px;
    /*padding: 8px 20px 8px 20px;*/

    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40); /* IE 5.5+*/
    -moz-opacity: 0.4; /* <= Mozilla 1.6 */
    -khtml-opacity: 0.4; /* Konqueror 3.1, Safari 1.1 */
    opacity: 0.4; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
}

table.page td.left div.member_detail div.table_header_front {
    width: 640px;
    height: 18px;
    background: transparent;
    color: #634c2d;
    margin: 0;
    position: relative;
    top: 38px;
}

table.page td.left div.member_detail div.table_header_front div.text {
    width: 230px;
    float: left;
    padding: 2px 15px 0 15px;
    font-weight: bold;
    font-size: 14px;
}

table.page td.left div.member_detail div.table_header_front div.text a {
    color: #634c2d;
}

table.page td.left div.member_detail div.detail_info_container {
    width: 640px;
    height: 179px;
    background: url('../img/detail_table_bg.gif');
}

table.page td.left div.member_detail div.detail_info_container table.left
    {
    width: 260px;
    display: block;
    float: left;
    margin-top: 20px;
}

table.page td.left div.member_detail div.detail_info_container table.left th
    {
    width: 115px;
    padding-left: 35px;
    padding-bottom: 5px;
    text-align: left;
    vertical-align: top;
}

table.page td.left div.member_detail div.detail_info_container table.left td
    {
    padding-bottom: 5px;
}

table.page td.left div.member_detail div.detail_info_container div.separator
    {
    width: 1px;
    height: 179px;
    display: block;
    float: left;
    background: url('../img/detail_table_separator.gif') no-repeat;
}

table.page td.left div.member_detail div.detail_info_container table.right
    {
    width: 379px;
    display: block;
    float: left;
    margin-top: 20px;
}

table.page td.left div.member_detail div.detail_info_container table.right th
    {
    width: 115px;
    padding-left: 35px;
    text-align: left;
    vertical-align: top;
}

table.page td.left div.member_detail div.detail_info_container table.right td
    {
    padding-bottom: 5px;
}

table.page td.right img {
    display: block;
    width: 254px;
    height: 50px;
}

table.page td.right div.content_left {
    width: 254px;
}

table.page td.right div.content_left div.login_form_container {
    width: 254px;
    height: 58px;
    font-size: 10px;
    font-weight: bold;
    line-height: 18px;
    margin-top: 3px;
    /* border: 1px solid black; */
}

table.page td.right div.content_left div.login_form_container div.line {
    line-height: 20px;
    padding-left: 10px;
    /*border: 1px solid black;*/
}

table.page td.right div.content_left div.login_form_container div.line SPAN
    {
    font-size: 12px;
}

table.page td.right div.content_left div.login_form_container div.line STRONG
    {
    color: Red;
}

table.page td.right div.content_left div.login_form_container div.line input
    {
    border: none;
    background-color: #c2bbb1;
    width: 62px;
    margin-right: 7px;
    padding: 0;
}

table.page td.right div.content_left div.login_form_container div.line input.go
    {
    font-size: 10px;
    font-weight: bold;
    background: transparent;
    border: none;
    color: #1F1200;
    margin-right: 10px;
    margin-top: 3px;
    cursor: pointer;
}

.isIE table.page td.right div.content_left div.login_form_container div.line input.go
    {
    margin-right: 5px;
    font-size: 11px;
}

table.page td.right div.content_left div.left_menu_container {
    width: 254px;
    margin-top: 25px;
    /*border: 1px solid black;*/
    padding-bottom: 30px;
}

table.page td.right div.content_left div.left_menu_container div.item {
    padding: 9px;
    padding-left: 17px;
    font-size: 13px;
    font-weight: bold;
}

table.page td.right div.content_left div.left_menu_container img.separator
    {
    display: block;
    width: 254px;
    height: 1px;
}

table.page td.footer div.line1 {
    width: 958px;
    height: 14px;
    margin-top: 12px;
}

table.page td.footer div.line2 {
    width: 958px;
    height: 14px;
    margin-top: 4px;
}

div.footer_item {
    width: auto;
    height: 20px;
    display: inline;
    margin-right: 20px;
    font-size: 10px;
    /*border: 1px solid black;*/
}

img.png {
    behavior: url(../pngHack/pngHack.htc);
}

a.test {
    display: block;
    heidht: 200px;
    width: 200px;
    background-color: red;

    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); /* IE 5.5+*/
    -moz-opacity: 0.9; /* <= Mozilla 1.6 */
    -khtml-opacity: 0.9; /* Konqueror 3.1, Safari 1.1 */
    opacity: 0.9; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */

}

.l {
    float: left;
}

.r {
    float: right;
}

.c {
    clear: both;
}

.fc {
    position: relative;
    overflow: hidden;
}

.links {
    margin: 10px;
}

.links DIV {
    margin: 10px;
}

.district .desc {
    margin: 10px 0;
}

.district {
    margin-bottom: 10px;
}

.page_nav {
    text-align: center;
    margin: 10px 0;
    font-size: 150%;
}

.info TH {
    text-align: left;
}

.info TH,.info TD {
    vertical-align: top;
    padding-top: 5px;
}

/* tabs */
div.member_tab {
    vertical-align: bottom;
    position: realtive;
    overflow: hidden;
    margin-bottom: 20px;
    width: 100%;
}

* html div.member_tab {
    width: 100%;
}

div.member_tab a {
    color: #1F1200;
    padding: 0px 12px;
    background-color: #6A5335;
    line-height: 25px;
    display: block;
    float: left;
    border: 1px solid #DBD7D1;
    border-width: 0 1px 0 0;

    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); /* IE 5.5+*/
    -moz-opacity: 0.6; /* <= Mozilla 1.6 */
    -khtml-opacity: 0.6; /* Konqueror 3.1, Safari 1.1 */
    opacity: 0.6; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */

}

div.member_tab a.selected,div.member_tab a:hover {
    color: #FFF;
    background-color: #271700;
}

/* Edit form */
table.edit th {
    text-align: right;
    padding-right: 5px;
    white-space: nowrap !important;
}

table.edit td {
    padding-top: 3px;
}

td.buttom_form input {
    border: 1px solid #60605c;
    color: #60605c;
    background-color: #dbd7d1;
}

.ch_col table, .ch_col * table {
    width: auto !important;
    padding: 0 !important;
    margin: 0 !important;
}

.ch_col table td, .ch_col * table td {
    width: auto !important;
    padding: 0 !important;
    margin: 0 !important;
}

.ch_col * INPUT {
    margin-right: 10px;
    background: transparent !important;
}

div.error {
    padding: 20px 0px 20px 20px;
    color: red;
    font-weight: bold;
    font-size: 120%;
}

div.error li {
    color: #A82821 !important;
}

div.success {
    padding: 20px 0px 20px 20px;
    color: #634C2D;
}

.common-form TABLE {
    border-collapse: collapse;
}

.valign-top * TD,.valign-top * TH {
    vertical-align: top !important;
}

.common-form * .separator {
    font-size: 1px !important;
    height: 5px !important;
}

.common-form TH {
    color: #231400 !important;
    background: transparent !important;
    border: none !important;
    text-align: left;
    width: auto !important;
    white-space: nowrap !important;
}

.common-form TH EM{
    font-weight: normal;
}

.common-form INPUT,.common-form SELECT,.common-form TEXTAREA {
    background: #DFDFDF;
    border: none;
    font-size: 14px !important

    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE 5.5+*/
    -moz-opacity: 0.5; /* <= Mozilla 1.6 */
    -khtml-opacity: 0.5; /* Konqueror 3.1, Safari 1.1 */
    opacity: 0.5; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */

}

.common-form TEXTAREA {
    font-family: Arial, Tahoma, Helvetica, sans-serif !important;
}

.common-form SELECT {
    padding: 0;
}

.member-filter TABLE {
    width: 450px !important;
    margin: 0 auto !important;
}

.common-form .button,
.common-form .button-note{
    background: #1f1200;
    color: White;
    padding: 5px 15px;
    font-size: 10px !important;
    margin-top: 10px;
    line-height: 10px;

    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* IE 5.5+*/
    -moz-opacity: 1; /* <= Mozilla 1.6 */
    -khtml-opacity: 1; /* Konqueror 3.1, Safari 1.1 */
    opacity: 1; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */

}

.common-form .button-note {
    background: #635439;
    border: 1px solid #8d826e;
    cursor: pointer;
    outline: none;
    -moz-outline: none;
}

.common-form .checkbox,.common-form .radio {
    background: transparent !important;
}

.isIE .common-form .button {
    padding: 5px 15px;
    line-height: 20px;
}

HR.separator {
    width: 95%;
    margin-top: 20px;
    margin-bottom: 37px;
}

.isIE HR.separator {
    margin-top: 10px;
    margin-bottom: 8px;
}

/* Event calendar */
.events_calendar {
    table-layout: fixed;
}

.events_calendar TH,.events_calendar TD {
    width: 14.3%;
    overflow: hidden;
}

.events_calendar TH {
    padding: 3px;
    border: 1px solid #271700 !important;
}

.events_calendar TH.current_month {
    background-color: #271700 !important;
    padding: 10px;
}

.events_calendar TH.current_month SPAN {
    margin: 0 72px;
    font-size: 15px;
}

.events_calendar TD {
    height: 50px !important;
    vertical-align: top !important;
    border: 1px solid #271700;
}

.events_calendar .selected {
    font-weight: bold;
    color: #271700;
}

.events_calendar .event {
    border: 1px solid transparent;
    border-width: 1px 1px 1px 5px;
    padding: 3px;
    margin: 3px;
}

.events_calendar .event A {
    font-weight: normal !important;
    font-size: 80% !important;
}

.candidate-list {
    width: 620px;
    position: relative;
    overflow: hidden;
    margin-bottom: 5px;
}

.candidate-list .photo {
    width: 200px;
    height: 200px;
    text-align: center;
    vertical-align: top;
    float: left;
}

.candidate-list .name {
    width: 410px;
    float: right;
}

.candidate-list .name H2 {
    margin: 0 0 10px 0;
}

.candidate-list .bio {
    width: 410px;
    float: right;
    text-align: justify;
}

.candidate-list .vote {
    text-align: right;
    clear: both;
}

.candidate-list .vote FORM,.candidate-list .vote P {
    margin: 0px;
    padding: 0px;
}

.voting-result {
    text-align: right;
    width: 12%;
    float: right;
    font-size: 120%;
    font-weight: bold;
}

.voting-bar {
    height: 10px;
    margin-top: 5px;
}

.voting-answer {
    width: 620px;
    position: relative;
    overflow: hidden;
    clear: both;
    overflow: hidden;
    margin-bottom: 10px;
}


#overlay {
    padding: 10px;
    padding-top: 20px;
    width: 300px;
    display: none;
    height:0px;
    background: url('/img/index_login_form.gif') 0 0 no-repeat;
}

/* default close button positioned on upper right corner */
#overlay div.close {
    background:url('/img/overlay/close.png') top left no-repeat;
    position: absolute;
    right: -11px;
    top: -11px;
    cursor: pointer;
    height: 22px;
    width: 22px;
}

* html #overlay div.close {
    background-image:url("/img/overlay/close.gif");
}

#player {
    display:block;
    height:24px;
}

.common-form .screener-list {
    width: 99%;
    position: relative;
}

.common-form .screener-list * table {
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

.common-form .screener-list .student-id {
    width: 90px !important;
}

.common-form .screener-list .screener {
    width: 100px !important;
    text-align: center;
}

.common-form .screener-list .total {
    width: 100px !important;
    text-align: center;
    white-space: nowrap;
}

.note-container {
    position: relative;
}

.note {
    position: absolute;
    z-index: 10000;
    background: #ADA18E;
    border: 1px solid #4E4636;
    color: #000;
    padding: 20px;
    top: 0px;
    left: 95px;

    width: 320px;

    display: none;

    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* IE 5.5+*/
    -moz-opacity: 1; /* <= Mozilla 1.6 */
    -khtml-opacity: 1; /* Konqueror 3.1, Safari 1.1 */
    opacity: 1; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
}


.mp3-container {
    position: relative;
    overflow: hidden;
    height: 110px;
    width: 100%;
    margin-left: -5px;
}
.mp3-container .mp3 {
    float: left;
    position: relative;
    z-index: 0;
    width: 50px;
    height: 50px;
    margin: 0 10px 5px 0;
    text-align: center;
}

.mp3-container .mp3 a {
    display: block;
    margin-bottom: 5px;
}

.screener-list .first-column {
    width: 90px;
    float: left;
}

.isIE .screener-list .first-column{
    width: 100px;
}

.screener-list .second-column {
    width: 360px;
    float: left;
    position: relative;
}

.isIE is.screener-list .second-column {
    width: 370px;
}

.screener-list .third-column {
    width: 170px;
    float: left;
}

.isIE .screener-list .third-column {
    width: 160px;
    float: left;
}

.hr {
    border: none;
    border-top: 1px solid #95928E;
    font-size; 1px;
    margin: 10px 0;
}

.conf-reg h2 {
    color: #993300;
}

.conf-reg h2 span {
    color: #231500;
    font-size: 80%;
    font-weight: normal;
    font-style: italic;
}

.conf-reg p {
    margin: 10px 0;
}

.conf-reg p input {
    border: none;
    background: #EAE7E3;
}

.conf-reg table {
    width: 580px !important;
    table-layout: fixed !important;
}

.conf-reg table .clmn1 {
    width: 150px;
}

.conf-reg table .clmn2 {
    width: 30px;
}

.conf-reg table .clmn3 {
    width: 50px;
    text-align: center !important;
}

.conf-reg table .clmn4 {
    width: 30px;
    text-align: center !important;
}

.conf-reg td {
    color: #231500;
    font-weight: bold;
    padding-bottom: 10px !important;
    vertical-align: top;

    /*border: 1px solid Red;*/
}

.conf-reg td  em{
    color: #231500;
    font-weight: normal;
}

.conf-reg td.price {
    text-align: right;
    padding-right: 5px;
}

.conf-reg table input {
    width: 55px;
    text-align: center;
    border: none;
    background: #EAE7E3;
    margin: 0 auto;
}
