/*general*/
html, body{
        height:100%;
        width:100%;
}
body{
        margin:0;
        color:#000;
        min-width:917px;
        font:16px/18px Verdana, Arial, Helvetica, sans-serif;
}
/*general form-settings*/
form, fieldset {
        margin: 0;
        padding: 0;
        border-style: none;
}
input{
        vertical-align: middle;
        font: 12px verdana, arial, helvetica, sans-serif;
}
p {margin:0;}
img{border-style:none;}
a{color:#306;}
a:hover{text-decoration:none;}

.radio {
  vertical-align: middle;
}

#videobanner {
        cursor:pointer;
        position: absolute;
        left: 413px;
        top: 401px;
        width: 134px;
        height: 134px;
        background-image: url(../images/home/video.png); background-repeat: no-repeat;
        z-index: 6;
}

/*wrapper*/
.wrapper{
        width:100%;
        min-height:100%;
        background:#fff url(../images/background/bg-bottom.gif) no-repeat 50% 100%;
}
* html .wrapper{height:100%;}
*+html .wrapper{overflow:hidden;}

/*centered page*/
.main-container{
        width: 100%;
        overflow:hidden;
        position:relative;
}
.mc-holder-1 {
        left: 50%;
        float: left;
        width: 1280px;
        position: relative;
}
.mc-holder-2 {
        left: -50%;
        float: left;
        width: 1280px;
        position: relative;
}
/*page*/
#page{
        width:1280px;
        min-height:844px;
        background:url(../images/background/bg-top.png) no-repeat;
}
* html #page{height:844px;}
.main{
        width:877px;
        padding:0 20px;
        margin:0 auto;
        position:relative;
        z-index:1;
}
/*header*/
#header{
        height:171px;
        width:100%;
        position:relative;
        z-index:2;
}
#header .header-wrapper{
        width:100%;
        height:171px;
        background:url(../images/background/bg-header.png) repeat-x;
}
.inner #header{
        height:133px;
        background:url(../images/background/bg-header2.png) repeat-x;
}
#header h1{margin:0;}
/*logo*/
a.logo{
        position:absolute;
        top:3px;
        left:0;
        width:419px;
        height:193px;
        text-indent:-9999px;
        outline:none;
        background:url(../images/logos/logo.png) no-repeat;
}
/*logo inner-page*/
.inner a.logo{
        top:0;
        left:20px;
        width:353px;
        height:123px;
        background:url(../images/logos/logo2.png) no-repeat;
}
/*slogan*/
#header p{
        position:absolute;
        top:37px;
        right:20px;
        margin:0;
        color:#306;
        text-align:right;
        font-size:14px;
        line-height:20px;
        font-weight:bold;
}
/*navigation*/
#nav{
        width:875px;
        margin:8px 0 0;
        padding:0;
        list-style:none;
        border:1px solid #000;
        background-color:#fc3;
}
#nav li{
        float:left;
        width:118px;
        margin:0;
        margin-left:25px;   /* 13px for admin */
        margin-right:25px;
        display:inline;
        text-align:center;
        padding:0 0 4px;
        position:relative;
        z-index:10;
}
#nav li a{
        color:#306;
        font-size:17px;
        line-height:23px;
        padding:0 14px 15px 0;
        text-decoration:none;
        background:url(../images/common/arrow01.gif) no-repeat 100% 10px;
}
/*drop-down*/
#nav ul{
        display:none;
        position:absolute;
        top:27px;
        left:5px;
        width:125px;
        padding:5px;
        overflow:hidden;
        border:1px solid #000;
        margin:0;
        list-style:none;
        background:#fc3 url(../images/background/bg-drop.gif) no-repeat 0 100%;
        background-position: bottom right;
}
#nav li.hover a,
#nav li:hover a {
        text-decoration:underline;
}
#nav li.hover ul,
#nav li:hover ul {
        display: block;
}
#nav li.hover li,
#nav li:hover li{
        width:100%;
        padding: 5px 0 6px 0;
        margin: 0;
        background:url(../images/common/border01.gif) no-repeat;
        background-position: top center;
}
#nav li:hover li:first-child,
#nav li.hover li:first-child{
        background:none;
}
#nav li.hover li a,
#nav li:hover li a{
        color:#000;
        background:none;
        font-size:12px;
        line-height:16px;
        margin:0;
        padding:0;
        text-decoration:none;
}
#nav li.hover li a:hover,
#nav li:hover li a:hover{text-decoration:underline;}
/*content-holder*/
.content-holder{
        width:100%;
        overflow:hidden;
}
/*sidebar*/
#sidebar{
        float:left;
        width:132px;
        height: 495px;
        padding:5px 9px 8px;
        margin:12px 0 0;
        border:1px solid #000;
        background-color:#fc0;
        position:relative;
        z-index:1;
}
/*forms: search,login*/
.form-search,
.form-login{
        width:100%;
        overflow:hidden;
}
.form-search .row,
.form-login .row{
        width:100%;
        overflow:hidden;
        margin:0 0 4px;
}
.form-login2 .row{
        width:131px;
        overflow:hidden;
        margin:0 0 4px;
}
/*label*/
.form-login2 label,
.form-search label,
.form-login label{
        font-size:11px;
        font-weight:bold;
        line-height:13px;
        display:block;
        margin:0 0 5px;
}
/*input*/
.form-search .text,
.form-login .text{
        width:125px;
        padding:2px 2px 4px;
        line-height:14px;
        border:1px solid #332900;
        background-color:#fff5cc;
}
/*button*/
.form-search2 .btn-search,
.form-search .btn-search,
.form-login2 .btn-login,
.form-login .btn-login{
        float:right;
        font-weight:bold;
        border:none;
        width:55px;
        margin:2px 0 0;
        height:23px;
        padding:1px 0 5px;
        font-size:11px;
        line-height:16px;
        color:#fff;
        cursor:pointer;
        background:url(../images/btns/bg-btn.gif) no-repeat;
}
.form-search .btn-search{margin:6px 0 0;}
* html .form-search2 .btn-search,
* html .form-search .btn-search,
* html .form-login .btn-login{line-height:14px;}

*+html .form-search2 .btn-search,
*+html .form-search .btn-search,
*+html .form-login .btn-login{line-height:14px;}

/*link password*/
a.password{
        font:10px/13px Arial, Helvetica, sans-serif;
        text-decoration:none;
        vertical-align:top;
}
a.password:hover{text-decoration:underline;}
.form-search a.button{
        margin:12px 0 0;
}
* html .form-search a.button{margin:5px 0 0;}
*+html .form-search a.button{margin:4px 0 0;}
/*search inner-page*/
.form-search2{
        position:absolute;
        top:98px;
        left:139px;
        width:193px;
}
/*input inner-page*/
.form-search2 .text{
        width:125px;
        float:left;
        height:14px;
        padding:2px 2px 4px;
        line-height:14px;
        border:1px solid #333;
        background:url(../images/background/bg-text.png) repeat-x;
}
/*button inner-page*/
.form-search2 .btn-search{margin:0 0 0 7px;}
/*login inner-page*/
.form-login2{
        position:absolute;
        top:5px;
        right:20px;
        width:131px;
}
* html .form-login2{top:2px;}
*+html .form-login2{top:2px;}
/*logged in*/
#loggedin{
        position:absolute;
        top:5px;
        right:20px;
        width:141px;
}
#loggedinHome{
        height: 171px;
        line-height: 150%;
}

.loggedinlinks{
        margin-left: 13px;
        text-indent: -13px;
}
.loggedinlinks a{
        text-decoration:none;
}
.loggedinlinks a:hover{
        text-decoration:underline;
}

/*input inner-page*/
.form-login2 .text{
        width:125px;
        height:14px;
        padding:2px 2px 4px;
        line-height:14px;
        border:1px solid #333;
        background:url(../images/background/bg-text.png) repeat-x;
}
.button-holder{
        width:100%;
        overflow:hidden;
        margin:5px 0 0;
}
* html .button-holder{
        margin:0;
}
/*green button*/
a.button{
        width:130px;
        height:48px;
        display:block;
        color:#fff;
        text-align:center;
        font-size:18px;
        line-height:40px;
        text-decoration:none;
        background:url(../images/btns/button.gif) no-repeat;
}
a.button:hover{text-decoration:underline;}
/*green button2*/
.button-holder2{
        width:95px;
        position:absolute;
        top:4px;
        right:164px;
}
a.button2{
        float:left;
        width:95px;
        height:96px;
        color:#fff;
        margin:10px 13px 0 0;
        text-align:center;
        font-size:18px;
        line-height:90px;
        text-decoration:none;
        background:url(../images/btns/button2.gif) no-repeat;
}
/*heading*/
.title{
        width:140px;
        margin:12px -3px 7px;
        overflow:hidden;
}
.title strong{
        color:#306;
        font-size:25px;
        line-height:27px;
        font-weight:normal;
        text-transform:uppercase;
}
/*sub-navigation*/
.sub-nav{
        margin:0 0 12px;
        padding:0;
        list-style:none;
        text-align:center;
        border-top:1px solid #ff9;
}
.sub-nav li{
        width:100%;
        vertical-align:top;
        overflow:hidden;
        border-bottom:1px solid #ff9;
}
.sub-nav li a{
        color:#000;
        font-size:16px;
        line-height:38px;
        float:left;
        width:100%;
        text-decoration:none;
}
.sub-nav li a:hover{text-decoration:underline;}
/*content*/
#content{
        float:right;
        width:705px;
        margin:8px 0 0;
}
.inner #content{
        width:100%;
        float:none;
        margin:11px 0 0;
}
/*navigation*/
.navigation{
        width:100%;
        height:310px;
        overflow:hidden;
        margin:0;
        padding:0;
        list-style:none;
        position:relative;
}
.navigation li{
        width:163px;
        overflow:hidden;
}
.navigation li a{
        text-decoration:none;
        text-align:center;
        width:163px;
        font-size:16px;
        line-height:18px;
        font-weight:bold;
        position:absolute;
        top:0;
        left:0;
        padding:168px 0 0;
}
.navigation li a:hover{text-decoration:underline;}
.navigation li a.about{
        background:url(../images/home/nav-about.png) no-repeat;
}
.navigation li a.multimedia{
        top:120px;
        left:136px;
        background:url(../images/home/nav-multimedia.png) no-repeat;
}
.navigation li a.programs{
        top:0;
        left:272px;
        background:url(../images/home/nav-programs.png) no-repeat;
}
.navigation li a.projects{
        top:120px;
        left:409px;
        background:url(../images/home/nav-projects.png) no-repeat;
}
.navigation li a.partners{
        top:0;
        left:543px;
        background:url(../images/home/nav-partners.png) no-repeat;
}
/*news block*/
.news{
        width:726px;
        margin:0 0 0 -21px;
        overflow:hidden;
}
.news p{
        margin:5px 0 0;
        font-size:16px;
        line-height:20px;
        text-indent:37px;
        font-weight:normal;
        word-spacing:2px;
}
/*news box*/
.news .box{
        width:340px;
        float:left;
        display:inline;
        margin:0 0 0 21px;
        border:1px solid #333;
}
.news .top{
        width:100%;
        height:202px;
        overflow:hidden;
        background:url(../images/background/bg-box.png) no-repeat;
}
.news .middle{
        width:100%;
        z-index:10;
        background:url(../images/background/bg-box-y.png) repeat-y;
}
.news .content-inner{
        float:left;
        width:308px;
        padding:5px 15px;
        margin:-196px 0 0;
        position:relative;
}

/*heading*/
.news h2{
        margin:0;
        font-size:21px;
        line-height:23px;
        font-weight:normal;
        text-align:center;
}
.news h2 a{
        color:#010101;
}
/*news list*/
.news-list{
        width:100%;
        overflow:hidden;
        margin:0;
        padding:0;
        list-style:none;
        line-height: 16px;
}
.news-list li{
        width:100%;
        margin:4px 0 0;
        vertical-align:top;
        overflow:hidden;
}
.news-list li a{
        font-size:17px;
}
.news-list li span{
        display:block;
        font-size:12px;
        line-height:16px;
        padding:0 0 0 20px;
}
.news-list li span a{
        color:#693;
        font-size:12px;
}

/* NOTIFICATION BOXES */

#errors {
  width: 869px;
  /*position: absolute;
  top: 50px;
  left: 50%;
  margin-left: -400px; */
  margin-top: 1px;
  background: #FCC;
  text-align: center;
  padding: 3px;
  border: 1px solid #A00;
}

#notify {
  width: 869px;
  background: #CCF;
  text-align: center;
  margin-top: 1px;
  padding: 3px;
  border: 1px solid #00A;
}
#notify form {
  display: inline;
}

/*info block*/
.info{
        width:875px;
        border:1px solid #333;
        overflow:hidden;
}
.info .top{
        background:url(../images/background/bg-content.png) no-repeat;
        height:513px;
        overflow:hidden;
        width:100%;
}
.info .middle{
        width:100%;
        background:url(../images/background/bg-content-y.png) repeat-y;
}
.info .content-inner{
        float:left;
        margin:-516px 0 0;
        padding: 10px;
        position:relative;
        width:855px;
}

.modified {
  font-size: 10px;
}

/*data-table*/
.data{
        width:100%;
        overflow:hidden;
        border:0;
        border-collapse:collapse;
        font:13px/18px 'Trebuchet MS', Arial, sans-serif;
}
.data td,th{
        margin:0;
        padding:0;
}
/*heading*/
.data th{
        text-align:left;
        line-height:20px;
        background-color:#f0d882;
}
.data th a{
        color:#000;
        text-decoration:none;
        padding:0 10px 0 0;
        background:url(../images/common/arrow02.gif) no-repeat 100% 7px;
}
.data th a:hover{text-decoration:underline;}

/*color rows*/
.inner #footer{
        margin:11px 0;
}
/*footer*/
#footer{
        height:1%;
        padding:0 0 0 190px;
        border:1px solid #000;
        margin:21px 0;
        overflow:hidden;
        background-color:#fc0;
}
/*bottom menu*/
.menu{
        margin:0;
        padding:0;
        list-style:none;
}
.menu li{
        display:inline;
        padding:0 0 0 6px;
        font-size:10px;
        line-height:30px;
        color:#306;
        background:url(../images/common/sep01.gif) no-repeat 0 50%;
}
.menu li:first-child{background:none;}
#nav:after,
.info .middle:after,
.news .middle:after,
.main:after {
        height: 0;
        clear: both;
        content:'';
        display: block;
}

/* Data Display */
.table80 {
        width: 700px;
        margin-left: 77px;
}
.dataTable{
        width:100%;
}
.dataTable250{
        width:250px;
}
.dataTable300{
        width:300px;
}
.dataTable585{
        width:585px;
}

.dataTable585 td,
.dataTable300 td,
.dataTable250 td,
.dataTable td{
        padding: 2px;
        text-align: left;
}
.dataTable585 .head,
.dataTable300 .head,
.dataTable250 .head,
.dataTable .head,
div .head {
        background-color:#f0d882;
        font-weight: bold;
}
.dataTable585 .subhead,
.dataTable300 .subhead,
.dataTable250 .subhead,
.dataTable .subhead {
        background-color:#f0d882;
        text-align: center;
}
.dataTable585 .row1,
.dataTable300 .row1,
.dataTable250 .row1,
.dataTable .row1{
        background-color:#ded4e9;
}
.dataTable585 .row2,
.dataTable300 .row2,
.dataTable250 .row2,
.dataTable .row2{
        background-color:#d8e2cd;
}

/* ===================
        AJAX
=================== */

.ajax-loading {
        padding: 50px;
        background: url(../images/moodalbox/loading.gif) no-repeat center;
}

.arrow_down,
.arrow_right {
  margin-left: 4px;
  display: inline-block;
  width: 9px;
  height: 9px;
  background: url(../images/common/arrowsprite.gif);
  cursor:pointer;
  /* IE ridiculousness */
  zoom: 1; *display: inline; _height: 9px; *margin-bottom: 4px;
}

.arrow_down {
  background-position: 0 0;
}
.arrow_right {
  background-position: 0 9px;
}

/* Accordion */
h3.toggler,
h3.subtoggler {
        cursor: pointer;
        border: 1px solid #000;
        background-color:#f0d882;
        margin: 2px;
        font:16px Verdana, Arial, Helvetica, sans-serif;
        font-weight: bold;
}

h3.toggler a {
        text-decoration: none;
}
h3.toggler a:hover {
        text-decoration: underline;
}

colgroup {
        border-left: 1px solid #000;
        border-right: 1px solid #000;
}

span.nou a{
        font-weight: bold;
        text-decoration: none;
}
span.nou a:hover{
        text-decoration: underline;
}

/* Sortables */

ul#sortablesList1 li,
ul#sortablesList2 li,
ul#sortablesList3 li,
ul#sortablesList4 li,
ul.sortablesLists li {
        cursor: pointer;
}

ul#sortablesList1,
ul#sortablesList2,
ul#sortablesList3,
ul.sortablesLists {
        width: 120px;
        float: left;
        border: 1px solid black;
        background-color: #f9f9f9;
        min-height: 20px;
        margin: 5px;
        padding-left: 20px;
}
ul#sortablesList4 {
        width: 140px;
        float: left;
        border: 1px solid black;
        background-color: #f9f9f9;
        min-height: 20px;
        margin: 5px;
        padding-left: 20px;
}

ul#sortablesList1 li,
ul#sortablesList2 li,
ul#sortablesList3 li,
ul.sortablesLists {
        margin-left: 5px;
        list-style-type: disc;
}
ul#sortablesList4 li {
        margin-left: 15px;
        list-style-type: decimal;
}
ul#sortablesList1 li:hover,
ul#sortablesList2 li:hover,
ul#sortablesList3 li:hover,
ul#sortablesList4 li:hover,
ul.sortablesLists li:hover{
        background-color: #fff;
}
/* Tip Bubbles */
.tip-top {
        color: #fff;
        width: 160px;
}
.tip-title {
        font-size: 11px;
        margin: 0;
        color: #9FD4FF;
        padding: 0px;
        background: url(../images/background/bg-bubble.png) repeat;
        z-index: 50;
}
.tip-text {
        position: absolute;
        font-size: 11px;
        padding: 5px;
        background: url(../images/background/bg-bubble.png) repeat;
        color:#fff;
        z-index: 50;
}
.tip-loading {
        background-color: #ccc;
        width: 10px;
        height: 10px;
        margin: 0 auto;
        z-index: 50;
}

/* moodalbox */
div#mb_overlay {
        position: absolute;
        left: 0;
        width: 100%;
        background-color: #000;
        cursor: pointer;
        z-index:20;
}
div#mb_center, div#mb_bottom {
        position: absolute;
        left: 50%;
        overflow: hidden;
        background-color: #DDD;
        z-index:21;
}
div#mb_center {
        background-color: #FFF;
        z-index:22;
}
div#mb_contents {
        width: 400px;
        height: 400px;
        border: 10px solid #DDD;
        overflow: auto;
        background-color: #FFF;
        visibility: hidden;
        z-index:23;
}
.mb_loading {
        background: #DDD url(../images/moodalbox/loading.gif) no-repeat center center;
}
#mb_error {
        font-size: 1.2em;
        color: #CD0000;
        font-weight: bold;
        text-align: center;
        padding: 0.5em;
        font-family: Verdana, Helvetica, sans-serif;
}
#mb_error em {
        font-size: 0.8em;
}
div#mb_bottom {
        font-family: Verdana, Helvetica, sans-serif;
        font-size: 10px;
        color: #666;
        line-height: 1.4em;
        text-align: left;
        border: 10px solid #DDD;
        border: 10px solid #DDD;
        border-top-style: none;
        z-index:24;
}
a#mb_close_link {
        display: block;
        float: right;
        width: 66px;
        height: 22px;
        background: transparent url(../images/moodalbox/closelabel.gif) no-repeat center;
        margin: 5px 0;
}
div#mb_caption {
        margin-right: 71px;
        z-index:25;
}

/*  CALENDAR  */
.hidden {
    opacity: 0;
    position: absolute;
}
.visible {
        opacity: 1;
}
input.calendar,
select.calendar {
        width: 99px;
}
button.calendar {
        background: url(../images/calendar/calendar-icon.gif);
        border: 0;
        cursor: pointer;
        vertical-align: middle;
        height: 20px;
        margin-right: 6px;
        width: 20px;
}
button.calendar:hover,
button.calendar.active {
        background-position: 0 20px;
}
div.calendar {
        background: url(../images/calendar/calendar.png);
        height: 195px;
        padding: 0 6px;
        text-align: center;
        width: 147px;
}
div.calendar * {
        margin: 0;
        padding: 0;
}
div.calendar div {
        background: none !important;
        cursor: move;
        height: 185px;
        overflow: hidden;
        padding-top: 10px;
        position: relative;
        width: 147px;
}
div.calendar caption {
        color: #333;
        font: normal 12px/16px Arial, Helvetica, sans-serif;
        padding-top: 6px;
        text-align: center;
        width: 100%;
}
div.calendar caption a {
        cursor: pointer;
        display: block;
        height: 12px;
        overflow: hidden;
        position: absolute;
        text-indent: -100px;
        top: 17px;
        width: 11px;
}
div.calendar caption a.prev {
        background-image: url(../images/calendar/calendar-prev.gif);
        vertical-align: middle;
        left: 0;
}
div.calendar caption a.next {
        background-image: url(../images/calendar/calendar-next.gif);
        vertical-align: middle;
        right: 0;
}
div.calendar caption a:hover {
        background-position: 0 12px;
}
div.calendar caption span {
        height: 25px;
        position: relative;
        text-align: center;
}
div.calendar caption span.month {
        padding-right: 8px;
}
div.calendar caption span.month:after {
        content: ',';
}
div.calendar table {
        background: #FFF;
        border: 0;
        border-collapse: collapse;
        border-spacing: 0;
        cursor: default;
        margin: 0 auto;
        overflow: hidden;
        width: 147px;
}
div.calendar td,
div.calendar th {
        border: 0;
        color: #0597DB;
        font: normal 12px Arial, Helvetica, sans-serif;
        height: 21px;
        text-align: center;
        width: 21px;
}
div.calendar td {
        background: url(../images/calendar/calendar-td.gif);
        color: #FFF;
        font-size: 11px;
}
div.calendar td.invalid {
    color: #999;
}
div.calendar td.valid {
        background: url(../images/calendar/calendar-valid.gif);
        color: #0597DB;
        cursor: pointer;
}
div.calendar td.hilite {
        background: url(../images/calendar/calendar-hilite.gif);
}
div.calendar td.inactive {
        background: url(../images/calendar/calendar-td.gif) 0 100%;
        color: #FFF;
}
div.calendar td.active,
div.calendar td.hover {
        background: url(../images/calendar/calendar-valid.gif) 0 100%;
        color: #FFF;
        cursor: pointer;
}