* { margin: 0; padding: 0; border: 0 }

BODY { height: 100%; background: url(/images/bg.jpg) repeat-x; font-family: Trebuchet MS; }
A{color: #990000;}
A:hover{ text-decoration: none;}
INPUT, TEXTAREA,select{ border: 1px solid #939292; background:#fff url(/images/textbox-bg.jpg) repeat-x; height: 17px; }
INPUT[TYPE=IMAGE]{ border: 0; height:30px;}
TEXTAREA{ height: 80px;}
.no-list{ list-style: none}
TABLE{ padding:10px;border-collapse:collapse; }
#outer { width: 811px; border-top: 3px solid #771414; margin: 0 auto; height: auto !important; min-height: 100%; height: 100%; clear: both }

#top-white { width: 100%; height: 2px; background: #fff}
#top-red { width: 100%; height: 2px; background: #943438}

#header { width: 100%; height: 127px; clear: both;}
#header .left{float: left;}
#header .right{ float: right; margin-top: 18px;}

#menu{ height: 35px; width: 811px; background:url(/images/menu-gray-bg.jpg) repeat-x;}
#menu UL{ width: 100%;}
#menu UL LI,#menu UL LI A{  font-size: 12px; font-weight: bolder; color: #b21d1d;  }
#menu UL LI{float: left; height: 17px;border-right: 1px solid #fff; padding: 9px 12px;}
#menu UL LI.left,#menu UL LI.right{ background: url(/images/menu-left.jpg) no-repeat; width: 5px; padding: 0;height: 35px; border: 0}
#menu UL LI.right{ background: url(/images/menu-right.jpg) no-repeat; float: right}
#menu UL LI.search{ border: 0; width:220px; float: right }
#menu UL LI.search .container{ float: right;  height: 30px; width: 220px;}
#menu UL LI.search .container .text{ margin-bottom: 3px; float: left}
#menu UL LI.search .container a{ margin: -19px 0 0 5px; }
#menu UL LI.active{ background:url(/images/menu-red-bg.jpg) repeat-x; color: #fff;}
#menu UL LI.active A{ color: #fff;}

#main{    width: 811px;}
#main #main-ul{ width: 100%; height: 100%}
      #main-ul LI.left{ width: 213px; float: left;}
               LI.left .module{  width: 192px;  margin-top: 10px;}
               LI.left #top{ text-align: center; font-weight: bolder; font-size: 23px; color: #b7b6b6;}               
               LI.left .header{ background: url(/images/left-header-bg.jpg) repeat-x; height: 26px; }
                       .header .left{ float: left; background: url(/images/left-menu-header-left.jpg) repeat-x; height: 26px; width: 5px;}
                       .header .header-text{ font-weight: bold; float: left; width: 180px;text-align: center; font-size: 14px; color:#a11d1d; padding-top: 3px;}
                       .header .right{ float: left; background: url(/images/left-menu-header-right.jpg) repeat-x; height: 26px; width: 7px;}
               LI.left .content{ background: #eee url(/images/left-border-top-bg.jpg) repeat-x; margin-top: 1px; border-left: 1px solid #d0d0d0; border-right: 1px solid #d0d0d0}
               LI.left .bottom{ background: url(/images/left-bottom-bg.jpg) no-repeat; width: 192px; height: 4px;}
      #main-ul .content .contacts{ width: 100%; padding: 25px 0 5px 0; }
      #main-ul .content .contacts A{ display: block; margin: 0 0 15px 52px;}
                             
      #main-ul LI.right{ width: 586px; padding-left: 5px; float: left;} 
               LI.right .big-header{ font-weight: bolder; font-size: 24px; color: #6e091f; text-transform: uppercase; margin-top: 15px;}
               LI.right .module{ width: 100%;font-family: Tahoma; text-align: left}
               LI.right .module .header,LI.right .module .header A{font-size: 18px; color: #990000; margin-bottom: 15px}
               LI.right .module .content{ font-size: 12px; line-height: 18px; color:#403f3f;margin-bottom: 15px}
.module .content h2 { padding: 16px 0 5px 0 }
               LI.right .module .content OL{ padding-left: 20px; line-height: 20px}
               
      #main-ul LI.right .module .content .tabs-top{ height: 57px; font-family: Trebuchet MS; font-size: 14px; margin-bottom: -2px; position: relative}
       #main-ul LI.right .module .content .tabs-top strong{ font-family: Arial; font-size: 17px}
               .tabs-top .tabulator{ float: left; margin: 0 2px; cursor: pointer}
                         .tabulator .tab-button{ background: url(/images/tab-inactive.jpg) no-repeat; width: 91px; height: 51px; color: #fff; padding: 8px 0 0 0; text-align: center}
                         .tabulator .topsima{ padding: 15px 0 0 0 !important; font-weight: bolder; font-size: 16px;height: 43px}
                         .tabulator .tab-button-down{background: none}
       #main-ul LI.right .module .content .tabs-top .active{ margin: 0 -7px 0 0; }
               .tabs-top .active .tab-button{ background: url(/images/tab-active.jpg) no-repeat; width: 97px; height: 42px; color: #fff; padding: 8px 0 0 0; text-align: center; color: #7b0817}
               .tabs-top .active .first-button{background: url(/images/tab-active-first.jpg) no-repeat; margin-left: -2px;}
               .active .topsima{ height: 35px !important;}
               .tabs-top .active .tab-button-down{background: url(/images/tab-active-bottom.jpg) no-repeat; width: 111px; height:9px; margin-left: -7px;color: #7b0817; margin-right: -2px}
               .tabs-top .active .first{background: url(/images/tab-active-bottom-first.jpg) no-repeat;}
                                                   
      #main-ul LI.right .module .content .tabs-bottom{ width: 581px; }      
      #main-ul LI.right .module .content .tabs-bottom .tabs-content{ background: #eee; border: 1px solid #d0d0d0; border-top: 0px solid; margin-top: -3px; text-align: left; display: none }
      #main-ul LI.right .module .content .tabs-bottom .active{ display: block !important;}
      #main-ul LI.right .module .content .tabs-bottom .final-content{ margin-top: 3px; height: 87px}
                                         .tabs-bottom .tabs-content IMG{border: 1px solid #d9aeae; float: left; margin: 8px 14px 0}
                                         .tabs-bottom .tabs-content .text{ font-family: Tahoma; font-weight: bolder; font-size: 16px; color: #002666; float: left; margin: 20px 0 0 15px}
                                         .tabs-bottom .tabs-content .text A{ font-size: 14px; color: #a72222; margin: 4px 0 0 0; display: block }
                                         .tabs-bottom .tabs-content .p6{ float: left;font-family: Tahoma; font-weight: bolder; font-size: 16px; color: #002666; float: left; margin: 19px -8px 0 7px}
      #main-ul LI.right .module .content .tabs-bottom-top { background: url(/images/tabs-bottom-top.jpg) no-repeat; width: 581px; height: 4px; margin: 0 0 0 0px;}
      
      .module .bottom-module{ width: 186px; float: left; margin-right: 8px; font-family: Trebuchet MS} 
              .bottom-module .bottom-module-header{ width: 186px; height: 26px; background: url(/images/bottom-module-header.jpg) no-repeat; text-transform: uppercase; text-align: center; color: #fff; font-size: 14px; padding-top: 4px}
              .bottom-module .bottom-module-center{ padding: 4px 0 0 0; font-family: Tahoma; font-size: 12px; width: 184px; text-align: center; background: #eee; border-left: 1px solid #d0d0d0; border-right: 1px solid #d0d0d0}
              .bottom-module .bottom-module-center LI { padding: 0 0 4px 0 }
              .bottom-module .bottom-module-footer{ width: 186px; height: 4px; background: url(/images/bottom-module-footer.jpg) no-repeat;}
              
      #podcasts-module UL LI{ float: left; width: 100%; clear: both; margin-bottom: 30px;}
      #podcasts-module UL LI .attachment{ font-family: Tahoma; font-size: 12px; text-align: justify; height: 20px;}
      #podcasts-module UL LI .attachment span{ color: #c00001; margin-left: 80px; float: left}
      #podcasts-module UL LI .attachment strong{ float: right; margin-right: 132px;}
      #podcasts-module UL LI .attachment strong a { text-decoration: none; color: #000; padding: 0 0 0 20px; background: url(/images/attachment.jpg) no-repeat 0 0 }
      #podcasts-module UL LI .attachment img{ float: right; margin-right: 5px;}
      #podcasts-module UL LI .podcast .player .player-item{ float: left; margin-left: -8px}
      #podcasts-module UL LI .podcast .player .tutor{ float: left; margin: -20px -60px 0 10px; position: relative; border: 1px solid #d9aeae}
      #podcasts-module UL LI .podcast .btn{ float: left; margin-left: 10px;}


.footer-top{width: 811px; height: 28px; margin: 0 auto;}
#footer-guarantor { height: 69px; clear: both }
#footer { margin: 0 auto; margin-top: -69px; width: 100%; height: 69px; clear: both; min-width: 811px; clear: both; background: url(/images/common-footer-bg.jpg) repeat-x; }
#inner-footer{ margin: 0 auto; height: 41px;  width: 811px; background: url(/images/footer-bg.jpg) repeat-x;}
#inner-footer #left{ height: 41px; width: 5px; background: url(/images/footer-left-bg.jpg) no-repeat; float: left}
#inner-footer #center{ height: 41px; width: 800px; float: left;}
              #center .left{ padding: 10px 0 0 15px;}
              #center .left,#center .left A{ font-family: Tahoma; font-size: 14px; color: #990000 }
              #center .right{float: right; margin: -16px 0 0 0}
              #center .right,#center .right A{ font-family: Tahoma; font-size: 14px; color: #990000 }
#inner-footer #right{ height: 41px; width: 6px; background: url(/images/footer-right-bg.jpg) no-repeat; float: left}
.disclaimer-guarantor{ width: 180px; height: 90px;}
.disclaimer{ float: left; text-align:justify;  height: 90px; margin: -75px 0 0 11px; font-size: 9px; width: 180px; font-family: Tahoma; position: relative}


.form{ width: 580px; margin: 15px 0}
.form .top{ width: 580px; height: 4px; background: url(/images/form-top.jpg) no-repeat; margin-bottom: -1px;}
.form .middle{ width: 558px; border-left: 1px solid #d0d0d0; border-right:1px solid #d0d0d0; background: #eee; padding: 10px;}
.form .bottom{ width: 580px; height: 4px; background: url(/images/form-bottom.jpg) no-repeat; margin-top: -1px;}
.form .header{ margin: 5px 0 30px 0 !important; font-family: Tahoma; font-size: 16px !important; font-weight: bolder; color: #002666 !important;}
.form #login{ background: url(/images/login-arrow.jpg) no-repeat 3px; padding-left: 35px;  padding-top: 0; }
.form .field{ margin: 20px 35px; clear: both}
.form .field STRONG{ padding-top: 3px; display: block; float: left; width: 140px; font-family: Tahoma; font-weight: bolder; font-size: 14px; color: #a72222}
.form .field .textbox{ height: 21px;}
.form .field SELECT{ height: 27px;}
.form .field .textbox, .form .field TEXTAREA, .form .field SELECT{ width: 265px; font-size: 17px; font-weight: normal; font-family: Arial; padding: 3px 0 3px 3px;}
.form .field TEXTAREA{ padding-top: 3px;}
.form .area STRONG{ padding-top: 28px;}
.form .buttons{ text-align: right; padding-right: 47px; margin: 15px 0 }
.login-big-header{ height: 73px}
.form .radio div{ float: left; clear:right; width: 100%; margin: 20px 0;}
.form .radio div span{display: block; float: left;font-family: Tahoma; font-weight: bolder; font-size: 14px; color: #a72222}
.form .radio div span input{ border: 1px solid red;}
.form .radio strong{ width: 100%}


.form .left-part{ float: left; height: 110px; width: 80px;}
.form .left-part img{ border: 1px solid #d9aeae}
.form .tutor-name{ color: #8b050a !important; font-family: Tahoma; font-size: 24px !important; font-weight: bolder;}
.form .big-buttons{ height: 60px;}
.form .big-buttons A{ display: block; float: left; margin-bottom: 20px;}
.form .big-buttons A.quest{ margin: 15px 0 0 20px; font-size: 14px; color: #a72222}
.form .field del{text-decoration: none}
.form .field .span{ font-family: Tahoma; font-size: 14px; font-weight: bolder; color: #982428; display: block; margin-bottom: 3px;}
.marg{ margin-left: 80px !important;}
.form .ask TEXTAREA{ width: 430px;}
.form .buttons em{ float: left; color: #9f9e9e; font-family: Tahoma; font-size: 12px; margin: 10px 0 0 80px; font-style: normal}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
    font: 12px Arial, Helvetica, sans-serif;
    color: #333333;
}

#TB_secondLine {
    font: 10px Arial, Helvetica, sans-serif;
    color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
    background-color:#000;
    filter:alpha(opacity=75);
    -moz-opacity: 0.75;
    opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
    position: fixed;
    background: transparent;
    z-index: 102;
    color:#000000;
    display:none;
    
    text-align:left;
    top:50%;
    left:50%;
}

* html #TB_window { /* ie6 hack */
    position: absolute;
    margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
    display:block;
    margin: 15px 0 0 15px;
    background: transparent;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #666;
    border-left: 1px solid #666;
}

#TB_caption{
    height:25px;
    padding:7px 30px 10px 25px;
    float:left;
}

#TB_closeWindow{
    height:25px;
    padding:11px 25px 10px 0;
    float:right;
}

#TB_closeAjaxWindow{
    padding:7px 10px 5px 0;
    margin-bottom:1px;
    text-align:right;
    float:right;
}

#TB_ajaxWindowTitle{
    float:left;
    padding:7px 0 5px 10px;
    margin-bottom:1px;
}

#TB_title{
    background-color:#e8e8e8;
    height:27px;
}

#TB_ajaxContent{
    clear:both;
    background-color:#fff;
    border: 4px solid #525252;
    margin:0 !important;
    padding:2px 15px 15px 15px;
    padding-right: 0 !important;
    overflow:auto;
    text-align:left;
    line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
    padding:3px 5px;
}

#TB_ajaxContent.TB_modal p{
    padding:5px;
}

* html #TB_ajaxContent.TB_modal {
    margin-left: 10px !important;
    
}

#TB_ajaxContent p{
    padding:5px 0px 5px 0px;
}

#TB_load{
    position: fixed;
    display:none;
    height:13px;
    width:208px;
    z-index:103;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
    z-index:99;
    position:fixed;
    top: 0;
    left: 0;
    background-color:#fff;
    border:none;
    filter:alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    height:100%;
    width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
    clear:both;
    border:none;
    margin-bottom:-1px;
    margin-top:1px;
    _margin-bottom:1px;
}
.contactForm {font-family: tahoma,arial,helvetica,sans-serif; font-size: 12px; color: #3C3C3C; }
.contactForm .input {width: 300px; margin-top: 4px;}
.contactForm textarea.input {width: 300px; height: 120px;}
.contactForm .star {color: #F00}
.contactForm td {vertical-align: top;}
* html .contactForm .input {
    width: 290px;
}
* html .contactForm textarea.input {
    width: 290px;
}
.contactForm .imgButton {
    background: url('/images/contactButton.png') top left no-repeat; 
    height: 21px;
    width: 75px;
    border: 0; 
    margin: 0; 
    padding: 0px 0px; 
    text-align: center; 
    font-size: 11px;
}

.hdrLeft {
    background: url('/images/bgHedLiB1.png') top left no-repeat; 
    float: left;
    width: 5px; 
    height: 25px;
}

.hdrBg {
    background: url('/images/bgHedLiB.png') top right no-repeat; 
    float: left;
    text-align: left;
    padding-top: 4px;
    padding-left: 20px;
    font-weight: bold;
    font-size: 11px; 
    font-family: tahoma,arial,verdana,sans-serif; 
    color: #1B69C1; 
    width: 605px; 
    height: 25px;
}

.videohdrBg {
    width: 476px !important;
}

#video p {
    margin: 0 !important;
    padding: 0 !important;
    
}

.hdrTitle {
    float: left;    
}

.hdrClose {
    background: url('/images/close.gif') bottom left no-repeat;
    height: 15px;
    width: 15px;
    padding-top: 1px;
    margin-right: 6px;
    float: right;
    cursor: pointer;    
}

.clear {clear: both;}

.contactForm .dpField {
    width: 100%;
    display: block;
}               
.contactForm .dpField .dpFieldItem {
    float: left;    
    width: 49%;
    padding-top: 10px;
    padding-bottom: 5px;
}


#contactForm input:focus { border: 2px dotted black; }
#contactForm select:focus { border: 2px dotted black; }
#contactForm textarea:focus { border: 2px dotted black; }

#contactForm input.error { border: 2px dotted red; }
#contactForm select.error { border: 2px dotted red; }
#contactForm textarea.error { border: 2px dotted red; }
#contactFormTable td { padding:3px; }
* html #contactFormTable { margin-left:3px !important; }