/* =============================================================================
*    title: Nadace Zdeňka Bakaly                                               *
*     site: www.nadacezb.cz                                                    *
*    media: all                                                                *
*  project: Jiří Toman, Toman Graphic Design [info@toman-design.com]           *
*   design: Martin Poláček, Toman Graphic Design [martin@toman-design.com]     *
*     code: Miroslav Jahoda, Polygrafix [mirek@polygrafix.cz]                  *
*     date: 12/2009, 11/2010                                                   *
============================================================================= */

/* Reset and basics
----------------------------------------------------------------------------- */
html, body, div, p, address, hr, h1, h2, h3, h4, h5, h6, 
img, a, span, em, strong, abbr, ol, ul, li, dl, dt, dd, 
form, fieldset, legend, label, 
blockquote {margin: 0; padding: 0; border: 0; font-weight: normal; font-style: normal; 
  font-size: 100%; vertical-align: baseline;}
html, body {min-width: 100%; min-height: 100%;}

body, input, textarea {font: 12px/29px arial, helvetica, sans-serif; color: rgb(102,102,102);}
#nzb {background: url('../images/wallpaper.jpg') 50% 100% repeat-x rgb(229,229,229);}
#wrapper {position: relative; width: 758px; margin: 0 auto; padding: 15px 43px 15px 43px;}

strong {font-weight: bold;}
em {font-style: italic;}
ul, ol {list-style: none;}
hr {display: none;}
hr.clear {display: block; visibility: hidden; clear: both; height: 1px; font-size: 0; 
  line-height: 1px;}
/*.cufon-canvas {overflow: hidden;}*/

/* Swatches
----------------------------------------------------------------------------- */
.error, .ok, .notice {margin: 10px 0; padding: 10px; font-weight: bold; line-height: 17px;
    text-align: center; border: 1px solid;}
.error {color: rgb(189,18,32) !important; border-color: rgb(189,18,32);}
.ok {color: rgb(0,160,225) !important; border-color: rgb(0,160,225);}
.notice {color: rgb(102,102,102) !important; border-color: rgb(102,102,102);}

#response {padding: 9px 19px 13px; background: rgb(245,245,245);}
  #response h4 {font-size: 12px;}
    #response strong {color: rgb(228,34,24);}
  #response p {margin: 0 !important; padding: 0 !important;}

.grey60 {color: rgb(102,102,102);}
.grey40 {color: rgb(150,150,150);}
.orange {color: rgb(245,161,18);}
.red {color: rgb(228,34,24);}
.lake {color: rgb(173,9,23);}
.red2 {color: rgb(219,2,27);}

/* Links
----------------------------------------------------------------------------- */
a:link {text-decoration: underline; color: rgb(245,161,18);}
a:visited {text-decoration: underline; color: rgb(102,102,102);}
a:hover {text-decoration: none; color: rgb(228,34,24);}
/*a.external {color: rgb(226,0,122); padding-right: 22px;
  background: url('../images/../images/external.gif') top right no-repeat;}*/

/* Layout 
----------------------------------------------------------------------------- */
body#nzb.intro {position: relative; background: rgb(255,255,255);}
.intro #floater {position: relative; float: left; width: 100px; height: 50%;
  margin: 0 auto -320px;}
.intro #wrapper {position: relative; clear: left; width: 550px; padding: 90px 147px 40px; height: 400px; 
  min-height: 400px; overflow: hidden; margin: 0 auto; background: none;}
  #intro {width: 550px; height: 400px; text-align: center;}
  .intro #langs {top: 0; width: 300px;}

#langs {position: absolute; top: 15px; right: 0; width: 36px;}
#main {position: relative; width: 718px; padding: 16px 20px 54px;
  background: rgb(255,255,255); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
  -moz-box-shadow: rgba(0,0,0,0.03) 6px 6px 9px; -webkit-box-shadow: rgba(0,0,0,0.03) 6px 6px 9px; 
  box-shadow: rgba(0,0,0,0.03) 6px 6px 9px;}
  #header {height: 128px; margin-bottom: 11px;}
  #content {float: right; width: 527px; margin: 0 0 11px 7px;}
  #nav {float: left; width: 169px; margin-bottom: 11px; padding-right: 7px;}
  #footer {position: absolute; bottom: 14px; left: 20px; width: 718px; height: 30px; 
    background: rgb(248,248,248); border-top: 10px solid rgb(255,255,255);}
  .intro #footer {position: absolute; bottom: 0; left: 0; width: 100%; height: 34px; line-height: 17px;
    background: none; border: 0;}
  .intro #footer div {width: 570px; margin: 0 auto; padding-left: 20px; font-size: 11px;}

  .outer {width: 527px; border: 1px dotted rgb(102,102,102); border-width: 0 1px;}
  .inner {position: relative; min-height: 425px; padding: 0 11px;}
  
  .index #content {width: 529px; padding-top: 229px;}

/* Header and titles
----------------------------------------------------------------------------- */
#header h2 {float: left; width: 169px; height: 123px; padding-top: 5px; border-bottom: 1px solid rgb(150,150,150);}
  #header h2 img {margin-left: -1px;}
#image {float: right; width: 529px; height: 129px; padding-left: 7px;}
  #animation {width: 529px; height: 129px;}

#footer h4 {float: left; width: 169px; margin-top: -10px; padding: 9px 0 0 0; 
  font-size: 13px; text-align: center; border-top: 1px solid rgb(150,150,150);}
#footer_nav {float: right; width: 529px; margin-top: -10px; padding: 17px 0 0 0; 
  font-size: 11px; line-height: 12px; border-top: 1px solid rgb(150,150,150);}
  #footer a:link,
  #footer a:visited {text-decoration: none; color: rgb(102,102,102);}
  #footer a:hover,
  #footer a:focus {text-decoration: none; color: rgb(228,34,24);}
  #footer span a:link,
  #footer span a:visited {text-decoration: underline;}
  #footer span a:hover,
  #footer span a:focus {text-decoration: none;}

h1 {width: 511px; height: 29px; margin: 0 0 11px -3px; font-weight: bold; font-size: 14px;
  line-height: 29px; color: rgb(102,102,102); background: url('../images/bg_h1.gif') top left no-repeat rgb(244,244,244);
  -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
body.program h1 {background-image: url('../images/bg_h1_program.gif');}
  h1 span {display: block; float: left; width: 160px; margin-right: 12px; 
    padding-left: 8px; font-weight: bold; color: rgb(255,255,255);}

blockquote {margin-bottom: 18px; padding: 15px 14px; background: rgb(245,245,245); 
  -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
  #content blockquote p {margin: 0; padding: 0; font-size: 15px; line-height: 24px;}
  #content blockquote h2 {margin-left: -2px; font-weight: bold; font-size: 19px; 
    line-height: 32px; color: rgb(219,2,27);}

#slideshow {position: absolute; top: 20px; right: 20px; width: 529px; height: 353px; overflow: hidden;}
  #slideshow li {width: 529px; height: 353px; overflow: hidden;}
    #slideshow li .header {display: block; width: 193px; height: 61px; margin: 17px 0 0 306px; padding: 3px 15px 7px; 
      font-size: 17px; line-height: 20px; text-align: right; color: rgb(255,255,255); background: rgb(255,156,0);}
  #slideshow .controls {position: absolute; bottom: 20px; right: 20px; z-index: 9999; font-size: 11px; 
    text-align: right; color: rgb(255,255,255);}
    #slideshow .count {margin-bottom: 10px; font-size: 31px;}
    #slideshow .arrows {overflow: hidden; line-height: 11px; text-shadow: 0 0 1px rgb(77,77,77); cursor: pointer;}
      #slideshow .prev,
      #slideshow .next {display: inline-block; width: 7px; height: 14px; text-indent: 9999px;
        background: url('../images/arrows.gif') top left no-repeat;}
      #slideshow .next {background-position: top right;}
      #slideshow .pause {padding: 0 10px;}

/* Navigation
----------------------------------------------------------------------------- */
#nav ul {padding-bottom: 6px; font-size: 11px; border-top: 1px dotted rgb(102,102,102);}
  #nav li {line-height: 22px; border-bottom: 1px dotted rgb(102,102,102); }
    #nav a {display: block; width: 159px; padding: 4px 0 4px 10px; text-transform: uppercase;
      outline: none;}
    #nav a:link,
    #nav a:visited {text-decoration: none; color: rgb(102,102,102);
      background: url('../images/bg_menu-li.gif') top left no-repeat rgb(255,255,255);}
    #nav a:hover,
    #nav a:focus {/*margin: -1px 0;*/ text-decoration: none; color: rgb(102,102,102);
      background-color: rgb(243,243,243); /*border: 1px solid rgb(150,150,150); border-width: 1px 0;*/}
    #nav .active a:link,
    #nav .active a:visited,
    #nav .active a:hover,
    #nav .active a:focus {font-weight: bold; text-decoration: none; color: rgb(255,255,255);
      background-position: 0 -40px; border: 0;}

    #nav .active ul {margin: -4px 0 4px; padding: 1px 0; font-size: 12px; border: none;}
      #nav .active li {padding: 1px 0 0; line-height: 15px; border: none;}
        #nav .active li a {padding: 4px 0 4px 10px; text-transform: none;
            -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
          #nav .active li a:link,
          #nav .active li a:visited,
          #nav .active li a:hover,
          #nav .active li a:focus {margin: 0; font-weight: normal; color: rgb(102,102,102); 
            background: url('../images/menu-arrow.gif') 100% 50% no-repeat rgb(229,229,229);
            border: 0;}
          #nav .active li a:hover,
          #nav .active li a:focus,
          #nav .active li.active a:link,
          #nav .active li.active a:visited {background: url('../images/menu-arrow-white.gif') 100% 50% no-repeat rgb(250,186,48);}

#nav .program {padding: 0; border: none;}
  #nav .program li {line-height: 30px; border: 0;}
    #nav .program a {height: 31px; margin: 0; padding: 8px 0 12px 12px; font-size: 25px; text-transform: none;}
      #nav .program a:link,
      #nav .program a:visited {font-weight: normal; color: rgb(255,255,255); 
        background: url('../images/bg_program-li.gif') top left no-repeat;}
      #nav .program a:hover,
      #nav .program a:focus {background-position: bottom left;}
        #nav .program .active ul {margin-top: 1px;}
        #nav .program .active li {margin-bottom: 0; padding-top: 2px; line-height: 16px;}
        #nav .program .active li a {width: 129px; height: auto; margin: 0; padding-right: 30px; font-size: 12px;
          border: 0;}
          #nav .program .active li a:hover,
          #nav .program .active li a:focus,
          #nav .program .active li.active a:link,
          #nav .program .active li.active a:visited {margin: 0; color: rgb(255,255,255);
            background: url('../images/menu-arrow-white.gif') 100% 50% no-repeat rgb(228,34,24);
            border: 0;}

#langs ul {margin-top: 21px;}
  #langs li {width: 36px; margin-top: -4px;}
    #langs a {display: block; width: 36px; height: 37px; line-height: 25px; 
      background: url('../images/bg_lang.gif') 0 0 no-repeat;}
      #langs a span {display: block; width: 28px; padding-right: 8px; text-align: center; cursor: pointer;}
      #langs a:link,
      #langs a:visited {text-decoration: none; color: rgb(102,102,102);}
      #langs a:hover,
      #langs a:focus {text-decoration: none; color: rgb(255,255,255);
        background-position: 0 -37px;}
    #langs .active a {background-position: 0 -37px;}
      #langs .active a:link,
      #langs .active a:visited {color: rgb(255,255,255);}
      #langs .active a:hover,
      #langs .active a:focus {color: rgb(255,255,255);}

.intro #langs li {width: 300px; text-align: right;}
  .intro #langs strong {float: left; width: 250px; margin-right: 14px; font-weight: normal; text-align: right;}
  .intro #langs a {float: left; color: rgb(255,255,255); background: url('../images/bg_lang_intro.gif') 0 -37px no-repeat;}
  .intro #langs a:link,
  .intro #langs a:visited {color: rgb(255,255,255);}

/*#button {float: right; width: 166px; height: 237px;}
  #button a {display: block; width: 156px; height: 237px; margin-right: 0; padding-left: 10px;
    font-weight: bold; font-size: 14px; line-height: 29px; text-decoration: none; 
    color: rgb(255,255,255); 
    background: url('../images/bg_university.jpg') top left no-repeat rgb(209,31,22);}
  #button a:hover,
  #button a:focus {text-decoration: none; color: rgb(255,255,255); background-position: top right;}*/
  
.pagination {margin: 0 10px 10px; font-size: 12px; text-align: right;}
  .pagination ul {display: inline;}
    .pagination li {display: inline; margin: 0 1px;}
.pagination a {padding: 1px 3px;}
  .pagination a:link,
  .pagination a:visited {text-decoration: none; color: rgb(102,102,102);}
  .pagination a:hover,
  .pagination a:focus,
  .pagination .active a:link,
  .pagination .active a:visited {text-decoration: none; color: rgb(252,154,0);}

.pagination .active {color: rgb(252,154,0);}
  .pagination .active strong {margin: 0 1px; padding: 1px 0;
    background: url('../images/bg_pagination_li2.gif') bottom right no-repeat}
    .pagination .active a {background: url('../images/bg_pagination_li1.gif') bottom left no-repeat}
.pagination .prev,
.pagination .next {}
  .pagination .prev a,
  .pagination .prev span {margin-right: 5px; padding: 3px 7px 3px 17px; 
    background: url('../images/bg_prev.gif') 0 9px no-repeat rgb(244,244,244);
    -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
  .pagination .next a,
  .pagination .next span {margin-left: 5px; padding: 3px 17px 3px 7px;
    background: url('../images/bg_next.gif') 100% 9px no-repeat rgb(244,244,244);
    -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
  .pagination .prev a:hover,
  .pagination .prev a:focus,
  .pagination .next a:hover,
  .pagination .next a:focus {font-weight: bold; color: rgb(255,255,255); background-color: rgb(252,154,0);}
  .pagination .prev a:hover,
  .pagination .prev a:focus {background-position: 0 -11px;}
  .pagination .next a:hover,
  .pagination .next a:focus {background-position: 100% -11px;}

/* Content
----------------------------------------------------------------------------- */
#content h3 {display: inline; margin-left: -3px; padding: 3px 9px; font-weight: bold; font-size: 12px; background: rgb(244,244,244);
  -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
#content p {margin-bottom: 19px; line-height: 19px;}
  #content .inner p a:link,
  #content .inner p a:visited {color: rgb(102,102,102);}
  #content .inner p a:hover,
  #content .inner p a:focus {color: rgb(245,161,18);}
#content em {font-style: normal; color: rgb(0,0,0);}

ul.links li {height: 21px; margin-bottom: 12px; font-size: 12px; line-height: 21px;}
  ul.links a {display: inline; padding: 6px 33px 6px 0; background: url('../images/bg_links.gif') 100% 50% no-repeat;}
  ul.links a span {margin: -6px 0; padding: 6px 9px; background: rgb(245,245,245);
    -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
    ul.links a:link,
    ul.links a:visited {text-decoration: none; color: rgb(102,102,102);}
    ul.links a:hover span,
    ul.links a:focus span {text-decoration: none; color: rgb(255,255,255);
      background: rgb(245,161,18); cursor: pointer;}

ul.faq li {position: relative; padding: 0 10px 6px; line-height: 19px;}
  ul.faq h4 {padding-bottom: 4px;}
  ul.faq h4 a {display: block; padding: 3px 8px; font-weight: bold; 
    background: url('../images/bg_faq_right.gif') bottom right no-repeat rgb(245,245,245);
    -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
    outline: none; border: none;}
  ul.faq h4 a:link,
  ul.faq h4 a:visited {text-decoration: none; color: rgb(102,102,102);}
  ul.faq h4 a:hover,
  ul.faq h4 a:focus {text-decoration: none; color: rgb(102,102,102); 
    background-color: rgb(229,229,229);}
  ul.faq h4 span {position: relative; display: block; float: left; width: 25px; height: 25px; 
    margin: -8px 5px 0 -11px; font-size: 12px; font-weight: bold; line-height: 25px; 
    text-align: center; color: rgb(255,255,255); background: rgb(250,186,48);
    -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px;}
  ul.faq div {display: none;}
  #content ul.faq p {margin: 0 0 10px;}
  
  ul.faq .highlight h4 a {font-size: 12px; background: url('../images/bg_faq_down.gif') bottom right no-repeat rgb(229,229,229);}
  ul.faq h4 a:hover span,
  ul.faq .highlight h4 span {background: rgb(248,151,0);}

div.news {margin: 0 10px 8px; padding: 6px 9px 1px; background: rgb(245,245,245);
  -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
  .news h4 {margin: -6px -9px 6px; padding: 3px 9px 2px; font-weight: bold;
    font-size: 12px; border-bottom: 2px solid rgb(255,255,255);}
  .news h4 span {display: inline-block; width: 71px; margin: -3px 10px -2px -9px;
    padding: 3px 9px 2px; font-weight: bold; text-align: center;
    color: rgb(255,255,255); background: rgb(250,186,48);
    -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
  .inner h1 + .news h4 span {background: rgb(252,154,0);}
  #content .news p {margin: 0 0 10px; padding: 0;}

ul.files {margin: 0 10px;}
  ul.files li {height: 21px; margin-bottom: 12px; font-size: 12px; line-height: 16px;
    background: url('../images/bg_files_li.gif') 0 14px repeat-x;}

  ul.files .title {padding-right: 3px; background: rgb(255,255,255);}
    ul.files .title span {display: inline-block; padding: 2px 9px 3px 9px; 
      font-weight: bold; background: rgb(245,245,245);
      -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
  
  ul.files .actions {display: inline-block; float: right; margin-left: 3px;
    padding: 2px 14px 0 0; background: url('../images/bg_files_download.gif') bottom right no-repeat rgb(255,255,255);
    border-left: 3px solid rgb(255,255,255);}
    ul.files .actions a {display: inline-block; padding: 0 0 3px 19px;
      background: url('../images/bg_files_view.gif') bottom left no-repeat;}
    ul.files .actions a:link,
    ul.files .actions a:visited {text-decoration: none; color: rgb(102,102,102);}
    ul.files .actions a:hover,
    ul.files .actions a:focus {text-decoration: none; color: rgb(245,161,18);}

.student {float: left; width: 165px; height: 179px; margin: 0 5px 14px 0;}
.inner .last-on-line {margin-right: 0;}
  .student a {position: relative; display: block; width: 165px; height: 179px; text-decoration: none; cursor: pointer;}
  .student .image {display: block; width: 165px; height: 153px; margin-right: 10px; overflow: hidden;}
    .student .image img {width: 165px;}
  .student strong {display: block; height: 12px; overflow: none; padding: 7px 10px; font-weight: bold; font-size: 11px; line-height: 12px; color: rgb(102,102,102); background: rgb(237,237,237);}
  .student .more {position: absolute; top: 9px; right: 6px; z-index: 101; display: inline-block; padding: 2px 6px 2px 14px; font-size: 9px; line-height: 10px; text-transform: lowercase; color: rgb(102,102,102); background: url('../images/bg_next.gif') 6px 5px no-repeat rgb(255,255,255); -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
  .student .overlay {position: absolute; top: 0; left: 0; z-index: 100; display: none; width: 165px; height: 153px; background: rgba(0,0,0,0.2);}

  .student a:hover strong,
  .student a:focus strong,
  .student a:hover .more,
  .student a:focus .more {color: rgb(255,255,255); background-position: 6px -15px; background-color: rgb(251,153,0);}
  .student a:hover .overlay,
  .student a:focus .overlay {display: block;}
  
  /*.student ul {margin-left: 121px; padding: 9px 10px 0 0;}
    .student li {line-height: 14px; padding-bottom: 9px;}
      .student li a {display: block; width: 96px; padding: 3px 3px 3px 18px; text-decoration: none; 
        color: rgb(102,102,102); background: url('../images/li_students.gif') 0% 50% no-repeat rgb(255,255,255);
        outline: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
      .student li a:hover,
      .student li a:focus {text-decoration: none; color: rgb(255,255,255); 
        background: url('../images/menu-arrow-white.gif') 8px 50% no-repeat rgb(245,161,18);}*/

.council {clear: left; margin-bottom: 24px;}
  .council .image {float: left; width: 111px; height: 147px; margin: 0; overflow: hidden;}
  .council h2 {position: relative; height: 29px; margin-left: 111px; padding-left: 10px; font-weight: bold; 
    background: rgb(237,237,237); border-bottom: 1px solid rgb(255,255,255);}
    .council h2 span {margin-left: 12px; font-weight: normal;}
    .council h2 a.curriculum {position: absolute; top: 7px; right: 10px; display: inline-block; height: auto;
      padding: 2px 8px 2px 16px; font-size: 9px; line-height: 11px; text-decoration: none; color: rgb(255,255,255);
      background: url('../images/menu-arrow-white.gif') 6px 50% no-repeat rgb(248,151,0);
      -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
    .council h2 a.curriculum:hover,
    .council h2 a.curriculum:focus {outline: none;}
    .opened h2 a.curriculum {padding-bottom: 11px; color: rgb(248,151,0); 
        background: url('../images/arrow-orange.gif') 4px 7px no-repeat rgb(255,255,255);
        -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-radius-bottomleft: 0;
        -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-radius-bottomright: 0;}
    #content .council div.curriculum,
    #content .council .text {margin-left: 111px; padding: 6px 10px 1px; font-size: 11px; background: rgb(244,244,244);}
      #content .council div.curriculum p,
      #content .council .text p {margin-bottom: 9px;}
    #content .council div.curriculum {height: auto; background: rgb(255,255,255);}

.businessInfo p {padding: 0 6px; font-size: 11px;}

#news {float: left; width: 325px; height: 283px; margin-right: 10px; padding: 4px 6px; line-height: 15px; background: rgb(235,235,235);
  -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
  #news h2 {height: 29px; margin: -4px -6px 0; padding-left: 10px; font-weight: bold; font-size: 14px;
    line-height: 29px; color: rgb(255,255,255); background: url('../images/bg_breadcrumbs_tl.gif') top left repeat-x rgb(244,244,244);
    -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-radius-topright: 3px;}
  #news .container {position: relative; width: 325px; height: 227px; overflow: auto; margin: 4px 0 6px;}
  #news ul {position: absolute; top: 0;}
  #news li {overflow: hidden; width: 313px; margin-bottom: 3px; padding: 6px; background: rgb(255,255,255);}
    #news .date {float: left; font-size: 10px;}
    #news h3 {display: block; margin: 0; padding-left: 57px; background: none;}
    #news p {margin-bottom: 0; padding-left: 57px; line-height: 15px;}
    #news a:link,
    #news a:hover {color: rgb(102,102,102);}
    #news a.newsArchive {display: inline-block; float: left; padding: 2px 4px; font-size: 10px; text-decoration: none; 
      background: rgb(255,255,255);
      -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
    #news a.newsPrev {display: inline-block; float: right; position: relative; top: -2px; right: 2px; 
      padding: 4px 25px 4px 4px; font-size: 10px; text-decoration: none; 
      background: url('../images/bg_arrow_newer.gif') 100% 50% no-repeat; outline: none;}
    #news a.newsNext {display: inline-block; float: right; position: relative; top: -2px; right: 2px; 
      margin-left: 6px; padding: 4px 25px 4px 4px; font-size: 10px; text-decoration: none; 
      background: url('../images/bg_arrow_older.gif') 100% 50% no-repeat; outline: none;}

/* Forms
----------------------------------------------------------------------------- */

#application,
#load_application {font-size: 91.7%; line-height: 1.273; color: rgb(150,149,156);}

#application fieldset,
#load_application fieldset {position: relative; margin-bottom: 15px; padding: 0 6px; border: 4px solid rgb(235,235,235); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
#application .applicant {}
#application .actions {border: none; padding-left: 10px; text-align: left;}

#application h2 {margin: 0 0 5px -6px;}
    #application h2 span {display: inline-block; padding: 5px 15px 8px 5px; font-weight: bold; font-size: 109.1%; color: rgb(102,102,102); background: rgb(235,235,235);}

#application dt {}
#application dd {margin-bottom: 6px;}

#application label {display: block; margin-bottom: 3px;}
#application input,
#load_application input,
#application textarea {width: 465px; padding: 7px 9px; font-size: 100%; line-height: 1.273; color: rgb(102,102,102); border: 1px solid rgb(150,149,156); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
#application textarea {height: 69px; margin-bottom: 6px;}
#application .file {margin-bottom: 6px;}

#application .applicant div {margin-bottom: 10px; overflow: hidden;}
    #application .applicant p {clear: both; margin: 0;}
    #application .applicant label {display: inline; margin: 0; line-height: 18px;}
    #application .applicant input,
    #application .applicant textarea {float: right; padding: 1px 9px;}
    *:first-child+html #application .applicant input,
    *:first-child+html #application .applicant textarea {margin-top: -18px;} /* IE7 */
    #application #i_name {width: 365px;}
    #application #i_birth {float: none; width: 63px; margin: 0 12px 0 9px;}
    #application #i_nationality {width: 238px;}
    #application #i_home_address {width: 328px;}
    #application #i_mailing_address {width: 339px;}
    #application #i_phone {float: none; width: 63px; margin: 0 12px 0 9px;}
    #application #i_email {width: 205px;}

#application #i_send,
#application #i_save {width: auto; padding: 5px 20px 4px; font-weight: bold; text-transform: uppercase; color: rgb(255,255,255); background: rgb(248,151,0); border: 1px solid rgb(197,123,0); border-width: 0 1px 1px 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; cursor: pointer;}
#application #i_save {background: rgb(166,162,162); border-color: rgb(150,147,147);}
#application #i_send:hover,
#application #i_send:focus,
#application #i_send:active,
#application #i_save:hover,
#application #i_save:focus,
#application #i_save:active {color: rgb(255,255,255); background: rgb(228,34,24);}

*:first-child+html #application #i_send,
*:first-child+html #application #i_send {padding: 5px 5px 4px;} /* IE7 */

#load_application fieldset {overflow: hidden; background: rgb(235,235,235);}
#load_application label {float: left; margin-right: 8px; font-weight: bold; font-size: 109.1%; color: rgb(102,102,102);}
#load_application input {display: block; float: left; height: 14px; padding: 1px 7px;}
#load_application #i_load {width: 76px; text-transform: uppercase; -moz-border-radius-bottomright: 0; -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 0;}
#load_application #i_load_application {position: relative; left: -3px; width: auto; height: 18px; float: left; padding: 0 7px 4px; font-weight: bold; font-size: 109.1%; color: rgb(255,255,255); background: rgb(166,162,162); cursor: pointer; -moz-border-radius-bottomleft: 0; -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0; border-top-left-radius: 0; border-bottom-left-radius: 0;}

/* Tables
----------------------------------------------------------------------------- */

/* Cufón
----------------------------------------------------------------------------- */
.cufon-active h1 {font-size: 16px; letter-spacing: -0.025em;}
  .cufon-active h1 cufon {position: relative; top: -2px;}
.cufon-active #footer h4 {letter-spacing: -0.05em;}
  .cufon-active #footer h4 cufon {position: relative; top: -3px;}
.cufon-active #content blockquote p {font-size: 16px;}
.cufon-active #content blockquote h2 {font-size: 18px; line-height: 25px;}
.cufon-active #scholarship a,
.cufon-active #news h2,
.cufon-active #button a {font-size: 17px; line-height: 27px; letter-spacing: -0.05em;}

/* IE6
----------------------------------------------------------------------------- */
* html .inner {height: 425px;}
* html .index .inner {height: auto;}
* html ul.faq h4 a {width: 475px; outline: 0 !important; border: 0 !important;}
* html ul.faq h4 span {margin-left: -6px; cursor: pointer;}
* html .pagination strong a {margin-bottom: -1px;}
* html .student li a {width: 90px;}
 
/* IE7+
----------------------------------------------------------------------------- */
*:first-child+html ul.faq h4 a {width: 475px; outline: 0 !important; border: 0 !important;}
*:first-child+html ul.faq h4 span {left: -11px; margin-left: 0; cursor: pointer;}
*:first-child+html .pagination strong a {margin-bottom: -1px;}

/* Clearfix
----------------------------------------------------------------------------- */
.clearfix:after {display: block; clear: both; height: 0; line-height: 0;
  content: "."; visibility: hidden;}

.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;} 
* html .clearfix {height: 1%;}

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {background: rgb(0,0,0);}
#colorbox{}
    #cboxContent {padding: 10px; overflow: visible;}
        #cboxError {padding: 50px; border: 1px solid #ccc;}
        #cboxLoadedContent {background: rgb(255,255,255);}
        #cboxLoadingGraphic{background: url('../images/loading.gif') no-repeat center center;}
        #cboxLoadingOverlay {background: rgb(0,0,0);}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url('../images/controls.png') no-repeat 0 0;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious.hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext.hover{background-position:-25px -25px;}
        #cboxClose {top: 3px; right: 3px; width: 32px; height: 32px; text-indent: -9999px; background: url('../images/close.png') 0 0 no-repeat;}
        #cboxClose.hover {}

  .lightbox_holder {display: none;}
  .lightbox_content {position: relative; overflow: hidden; height: 520px; padding: 50px 15px 10px; font-size: 11px; line-height: 19px;}
    .lightbox_content h2 {position: absolute; top: 20px; left: 10px; width: 550px; padding: 4px 0 5px 10px; font-weight: bold; font-size: 12px; background: rgb(237,237,237); -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px;}
    .lightbox_content .lightbox_nav {position: absolute; top: 27px; right: 30px; height: 21px; line-height: 10px;}
        .lightbox_content .lightbox_nav li {display: block; float: left; margin-right: 5px;}
        .lightbox_content .lightbox_nav a {display: inline-block; padding: 2px 6px 2px 14px; font-size: 9px; line-height: 10px; text-decoration: none; text-transform: lowercase; color: rgb(255,255,255); background: url('../images/bg_next.gif') 6px -15px no-repeat rgb(251,153,0); -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
        .lightbox_content .lightbox_nav .selected a,
        .lightbox_content .lightbox_nav a:hover,
        .lightbox_content .lightbox_nav a:focus {text-decoration: none; color: rgb(251,153,0); background: url('../images/arrow-orange.gif') 5px 6px no-repeat rgb(255,255,255); outline: none;}
        .lightbox_content .lightbox_nav .selected a {padding-bottom: 9px;  -moz-border-radius-bottomleft: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
    .lightbox_content .lightbox_text {height: 520px; overflow: auto; margin-right: -5px; padding-right: 5px;}

  * html .lightbox_content {height: 450px;}
  * html .lightbox_content .lightbox_text {height: 450px;}
  *:first-child+html .lightbox_content {height: 450px;}
  *:first-child+html .lightbox_content .lightbox_text {height: 450px;}

  .curriculum {height: 220px;}
  .curriculum .lightbox_text {height: 220px;}
  * html .curriculum {height: 150px;}
  * html .curriculum .lightbox_text {height: 150px;}
  *:first-child+html .curriculum {height: 150px;}
  *:first-child+html .curriculum .lightbox_text {height: 150px;}