/************/
/* DROPPING */
/************/

* {padding: 0px; margin: 0px;}
body {background: #E5E5E5 url(../images/body-bg.gif) repeat-x left top;}
body, td {font-family: arial, trebuchet MS, tahoma, verdana; font-size: 11px; color: #000;}
img {border: 0px;}
li {list-style: none;}
table {border-collapse: collapse; border-spacing: 0px; border: 0px;}

form fieldset {border: 0px solid;}
form legend {display: none;}

.input {padding: 2px 0px 2px 0px; border: 1px solid #939598; border-bottom: 0px; border-right: 0px; text-indent: 3px; font-family: arial, tahoma, verdana; font-weight: normal; font-size: 11px; color: #000;}
.button {padding: 0px 5px 2px 5px; background: #005695; color: #FFFFFF; font-weight: bold; font-size: 11px; border: 1px solid #005695; text-transform: lowercase;}
* html .button {padding-bottom: 0px;}

.sselect{
	padding: 2px 0px 2px 0px; border: 1px solid #939598; border-bottom: 0px; border-right: 0px; text-indent: 3px; font-family: arial, tahoma, verdana; font-weight: normal; font-size: 11px; color: #000; width:145px; margin-bottom:8px;
}

img.chimg{
	vertical-align:middle;
	cursor:pointer;
}

.sbutton {vertical-align:top;}


hr {display: none; visibility: hidden;}

.clear {clear: both; height: 1px; display: block; float: none !important;}

/******************/
/*  BASIC LAYOUT  */
/******************/

/* main wrapper */
.wrapper {padding-top: 26px; min-width: 804px; background: #E5E5E5 url(../images/body-bg.gif) repeat-x left top;}
* html .wrapper {width: expression(document.body.clientWidth>804?"100%":"804px"); text-align: center;}

table.datechooser td{color:#fff;}
table.datechooser input.input{ font-size:9px; margin:0px}

.main {margin: 0px auto 100px auto; position: relative; width: 804px; background: #FFF url(../images/main-bg.gif) repeat-y left top; text-align: left;}
.main .main-top {position: relative; height: 14px; background: url(../images/main-top-bg.gif) repeat-x left top;}
.main .main-top span {display: block; height: 14px; background: url(../images/main-crn-tl.gif) no-repeat left top;}
.main .main-top span span {background: url(../images/main-crn-tr.gif) no-repeat right top;}
.main .main-btm {position: relative; z-index: 9; height: 22px; background: url(../images/main-btm-bg.gif) repeat-x left bottom;}
.main .main-btm span {display: block; height: 22px; background: url(../images/main-crn-bl.gif) no-repeat left top;}
.main .main-btm span span {background: url(../images/main-crn-br.gif) no-repeat right top;}
.main .main-wrap {background: url(../images/main-wrap-bg.gif) no-repeat left top;}
.main .main-cont {margin: -14px 0px -22px 0px; position: relative; z-index: 99; min-height: 650px;}
* html .main .main-cont {height: 650px;}

.main.index .main-btm {background-image: url(../images/main-index-btm-bg.gif);}
.main.index .main-btm span {background-image: url(../images/main-index-crn-bl.gif);}
.main.index .main-btm span span {background-image: url(../images/main-index-crn-br.gif);}
.main.index .main-cont {min-height: 520px;}
* html .main.index .main-cont {height: 520px;}


.body {clear: both; margin-bottom: 30px; position: relative; width: 100%; min-height: 570px; overflow: hidden;}
.body .body-l-col {margin: 0px 2px 0px 28px; margin-bottom: -2000em !important; padding-bottom: 2000em !important; float: left; width: 180px; position: relative; background: #005695;}
.body .body-l-cont {padding: 22px 11px 50px 11px; background: url(../images/body-l-col-crn01.gif) no-repeat center top;}
.body .body-r-col {margin-bottom: -2000em !important; padding-bottom: 2000em !important; float: left; width: 564px; background-color: #f1f0e8; position: relative; background: #E9EAEB;}
.body .body-r-cont {padding: 10px 12px;}
* html .body {}
* html .body .body-l-col {height: 570px; margin-left: 14px; position: static;}
* html .body .body-r-col {height: 570px; position: static;}
 
@media all and (min-width: 0px) {	
	html>body .body .body-l-col,
	html>body .body .body-r-col {margin-bottom: 0 !important; padding-bottom: 0 !important;}
	.body .body-l-col:after, .body .body-r-col:after {background: inherit; content: ' '; display: block; margin-bottom: -2000em; padding-bottom: 2000em;}
}


/******************/
/*    CSS RULES   */
/******************/

h1 {float: left;} 
h1 a {margin: 21px 0px 0px 18px; position: absolute; z-index: 999; display: block; width: 246px; height: 58px; text-indent: -9999px; background: url(../images/logo.gif) no-repeat; text-decoration: none;}

.body h2 {margin-bottom: 25px; color: #FFF; font-size: 17px; font-weight: bold;}
.body h2 span {font-weight: normal;}

.body-l-col {color: #FFF;}
.body-l-col a {color: #FFF;}

a {color: #000000; text-decoration: underline;}
a:hover {text-decoration: none;}

.hdr {height: 88px;}

.auth {margin: 34px 30px 0px 0px; float: right; width: 370px;}
* html .auth {margin-right: 15px;}
.auth h2 {margin-bottom: 4px; display: block; float: left; color: #999; font-weight: bold; font-size: 11px; text-transform: lowercase;}
.auth a.reg-link {margin: 0px 0px 4px 0px; display: block; float: right; font-size: 11px; font-weight: bold; color: #999;}
* html .auth a.reg-link {margin-right: 0px;}
.auth table {width: 100%;}
.auth table .i {padding-right: 3px; width: 50%;}
.auth input {float: left;}
.auth .input {width: 99%; background-color: #F7F8F8;}

.splash {margin: 0px 0px 0px 28px; color: #FFFFFF;}
.splash h2 {margin-bottom: 5px; font-weight: normal; color: #FFF; font-size: 16px;}
.splash h2 span {font-weight: bold;}
.splash h2 a {color: #FFF; text-decoration: none;}
.splash h2 a:hover {text-decoration: underline;}
.splash .item {margin: 0px 2px 2px 0px; width: 145px; min-height: 322px; display: block; float: left;}
* html .splash .item {height: 322px;}
.splash .item .cont {padding: 35px 0px 5px 10px; background: url(../images/splash-top-bg.gif) repeat-x 0px 22px;}
.splash .item.photo {width: 145px; background: #005695 url(../images/splash-crn01.gif) no-repeat right top;}
.splash .item.archive {width: 147px; background: #FF8D00 url(../images/splash-crn02.gif) no-repeat right top;}
.splash .item.press {width: 147px; background: #C1023E url(../images/splash-crn03.gif) no-repeat right top;}
.splash .item.jurhelp {width: 153px; background: #833332 url(../images/splash-crn04.gif) no-repeat right top;}
.splash .item.school {margin-right: 0px; width: 146px; background: #4FC2D6 url(../images/splash-crn05.gif) no-repeat right top;}
.splash .clear.btm {width: 746px; height: 78px; background: #E9EAEB;}
.splash .item .text {min-height: 240px;}
* html .splash .item .text {height: 240px;}
.splash .item .text p {padding-right: 20px;}
.splash .search p {margin-bottom: 4px; text-transform: uppercase; font-size: 10px;}
.splash .search input {float: left;}
.splash .search .input {margin-right: 6px; width: 100px;}

.mmenu {margin: 0px 0px 0px 28px;}
.mmenu li {margin: 0px 2px 2px 0px; display: block; float: left; width: 139px; color: #FFF; background: #005695 no-repeat right top;}
.mmenu li.active {width: 180px;}
.mmenu li.li {width: 141px;} /* last item should be wider */
.mmenu li.photo {background-color: #005695; background-image: url(../images/splash-crn01.gif);}
.mmenu li.archive {background-color: #FF8D00; background-image: url(../images/splash-crn02.gif);}
.mmenu li.press {background-color: #C1023E; background-image: url(../images/splash-crn03.gif);}
.mmenu li.jurhelp {background-color: #833332; background-image: url(../images/splash-crn04.gif);}
.mmenu li.school {background-color: #4FC2D6; background-image: url(../images/splash-crn05.gif);}
.mmenu a {padding-left: 8px; line-height: 22px; display: block; font-size: 11px; color: #FFF; font-weight: bold; text-decoration: none;}
.mmenu a:hover {text-decoration: underline;}

.body .search {margin-bottom: 15px;}
.body .search p {margin-bottom: 4px; color: #FFF; text-transform: uppercase; font-size: 10px;}
.body .search input {float: left;}
.body .search .input {margin-right: 6px; width: 138px;}

.menu {margin-bottom: 10px; clear: both;}
* html .menu {height: 1%;}
.menu ul {display: none; padding-left: 20px;}
.menu ul ul {display: none; padding-left: 9px;}
.menu li {display: inline;}
.menu li a {display: block;text-decoration: none;padding-left: 9px;background: url(../images/menu-plus.gif) no-repeat 0px 4px;}
.menu li a:hover {text-decoration: underline;}
.menu a.active {font-weight: bold; color: #00ADEF;}
.menu li li a {padding-left: 0px; background-image: none;}
.menu li li a.active {padding-left: 9px; background-image: url(../images/menu-str-active.gif);}

.extra-info {padding-top: 10px; clear: both; font-weight: bold; font-size: 12px;}
.extra-info p {margin-bottom: 10px;}
.extra-info strong {font-size: 45px; line-height: 45px; font-weight: normal; display: block; clear: both;}
.extra-info ul {text-transform: lowercase;}

.nav-info {margin-bottom: 6px;}
.nav-info .breadcrumbs {margin: 0px 130px 3px 0px; padding-left: 6px; display: block; color: #005695; font-size: 18px;}
.nav-info .breadcrumbs a {color: #005695; text-decoration: none;}
.nav-info .breadcrumbs a.active {font-weight: bold;}
.nav-info .breadcrumbs a:hover {text-decoration: underline;}
.nav-info .num {padding-top: 4px; padding-right: 6px; display: block; float: right; color: #58585A; width: 125px; text-align: right;}
.nav-info .hr {margin-bottom: 8px; background: #D8DADB; height: 1px;}
.nav-info a.nav {color: #005695; display: block; font-weight: bold; text-decoration: none;}
.nav-info a.nav.prev {padding-left: 6px; float: left; clear: left;}
.nav-info a.nav.next {padding-right: 6px; float: right;}
.nav-info a.nav:hover {text-decoration: underline;}

.photoline {margin-bottom: 2px;}
.photoline .item {margin: 0px 8px 8px 0px; width: 172px; float: left; background: #FFF;}
.photoline .item.li {margin-right: 0px;} /* last item */
.photoline .item .cont {padding: 7px;}

.photoline .item .img {margin-bottom: 3px; display: table; overflow: hidden; position: relative; width: 160px; height: 160px; background: #231F20;}
.photoline .item .img img {margin: 0px auto; display: block;}
* html .photoline .item .img {display: block;}
*:first-child+html .photoline .item .img {display: block;}
.photoline .item .img a {display: table-cell; vertical-align: middle; position: static; top: 50%;}
* html .photoline .item .img a {display: block; position: absolute; width: 100%;}
*:first-child+html .photoline .item .img a {display: block; position: absolute; width: 100%;}
.photoline .item .img a span {display: block; position: relative; top: -49%; text-align: center;}

.photoline .item .num {margin-bottom: 3px; padding-bottom: 4px; font-size: 14px; font-weight: bold; color: #2D678B; border-bottom: 1px solid #E9EAEA;}
.photoline .item .descr {height: 85px; color: #58585A; font-size: 10px; font-family: tahoma;}
* html .photoline .item .descr {height: 85px;}
.photoline .item .date {color: #58585A; font-size: 10px; font-family: tahoma;}
.photoline .item .date span {font-size: 10px;}
.photoline .item .rem {height: 25px; color: #58585A; font-size: 10px; font-family: tahoma;}

.photo-detailed {margin-bottom: 2px; color: #58585A;}
* html .photo-detailed .cont {height: 1%;}
*:first-child+html .photo-detailed .cont {height: 1%;}
.photo-detailed .cont {padding: 7px 7px 0px 7px; background: #FFF;}

.photo-detailed .img {display: table; overflow: hidden; position: relative; width: 522px; height: 522px; background: #231F20;}
.photo-detailed .img img {margin: 0px auto; display: block;}
* html .photo-detailed .img {display: block;}
*:first-child+html .photo-detailed .img {display: block;}
.photo-detailed .img a {display: table-cell; vertical-align: middle; position: static; top: 50%;}
* html .photo-detailed .img a {display: block; position: absolute; width: 100%;}
*:first-child+html .photo-detailed .img a {display: block; position: absolute; width: 100%;}
.photo-detailed .img a span {display: block; position: relative; top: -49%; text-align: center;}

.photo-detailed .num {margin-top: 20px; margin-bottom: 3px; padding-bottom: 4px; font-size: 14px; font-weight: bold; color: #2D678B; border-bottom: 1px solid #E9EAEA;}
.photo-detailed .descr {margin-bottom: 10px; padding-bottom: 25px; border-bottom: 1px solid #E9EAEA;}
.photo-detailed .extra {margin-bottom: 5px; color: #58585A;}
.photo-detailed .file {margin-top: -17px; float: right; line-height: 12px; font-weight: bold;}
.photo-detailed .info {display: block; padding: 2px 0px 3px 0px; margin: 4px -7px 0px -7px; position: relative; background: #C1023E; color: #FFF; text-align: center;}