/* general rules */
body {
 padding: 0;
 margin: 0;
 font-family: tahoma, Arial, Helvetica, Verdana, Sans-Serif;
 font-size: 11px;
 color: #929292;
 background-color: white;
}
table {
  border: 0px;
  text-align: left;
}
div {
 text-align: left;
}
.maxHeight {
 border: none;
 vertical-align: top;
 height: 100%;
}
form {
 padding: 0;
 margin: 0;
}
img {
 border: none;
}
a {
 text-decoration: none; 
}
.nl {
  clear: both;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.mini {
  height: 1px;
}
#main {
 vertical-align: top;
 width: 100%;
 height: auto;
 table-layout: fixed;
 font: 11px tahoma, Arial, Sans-serif;
}
.mainLeft {
 width: 50%;
}
.mainRight {
 width: 50%;
}
.mainCenter {
 width: 752px;
}
#page .mainLeft, #page .mainRight {
 background-image: url(images/home_bg.gif);
 background-repeat: repeat-x;
 background-position: top left;
 height: 100%;
}

#flash {
 height: 247px;
}

/* horizontal menu */
#horizMenu {
 width: 732px;
 height: 45px;
 background-image: url(images/menu_bg.gif);
 background-repeat: repeat-x;
 background-position: top left;
 padding-left: 20px;
}
#horizMenu .pos {
 padding-left: 5px;
 padding-right: 5px;
}


/* footer */
#footer {
 width: 100%;
}
#footer table {
 width: 100%;
}
#footer td {
 vertical-align: middle;
 height: 45px;
}
#footer .td1 {
 padding-left: 10px;
 padding-right: 10px;
 width: 90px;
}
#footer .td2 {
 width: 60px;
 padding-right: 10px;
}
#footer .td3 {
 width: 100%;
}
#footer .td3 a {
 color: #838383;
}
#footer .td4 {
 padding-right: 10px;
 font-size: 10px;
 color: #aaaaaa;
}
#footer .td4 a {
 color: #aaaaaa;
}
#footer .copy {
 width: 98%;
 padding-left: 1%;
 text-align: left;
 color:#aaaaaa;
}
#footer .copy a {
 color:#aaaaaa;
}


/* bottom */
div.bottom {
 width: 100%;
 margin-top: 3px;
 background-image: url(images/bottom_bg.gif);
 background-repeat: repeat-x;
 background-position: left top;
 background-color: #eceff4;
}
table.bottom {
 width: 100%;
 background-image: url(images/bottom_bg.gif);
 background-repeat: repeat-x;
 background-position: top left;
 background-color: #eceff4;
}
.bottom td {
 height: 100%;
}
.bottom .middle {
 padding-top: 20px;
 width: 21px;
}
.bottom .middle div {
 width: 1px;
 background-image: url(images/bottom_dots.gif);
 background-repeat: repeat-y;
 background-position: top left;
 height: 60px;
 margin-left:10px;
 margin-right:10px;
}
.bottom .left1 {
 padding-left: 23px;
 padding-top: 20px;
}
.bottom .right1 {
 padding-left: 23px;
 padding-top: 20px;
}
.bottom .left2, .bottom .right2 {
 vertical-align: top;
 padding-top: 20px;
 padding-left: 12px;
 width: 270px;
}
.bottom .left2 div, .bottom .right2 div {
 padding-top: 8px;
 padding-right: 20px;
}
.bottom .left2 div a, .bottom .right2 div a {
 color: #919191;
}
.bottom .left2 div a:hover, .bottom .right2 div a:hover {
 color: #4e689e;
}


/* home page */
div.hp {
 margin-top: 3px;
}
table.hp .intro {
 width: 443px;
 height: 100%;
 background-color: #f7f7f3;
 vertical-align: top;
 padding-left: 40px;
 padding-top: 18px;
 padding-bottom: 12px;
}
table.hp .sep1 {
 width: 3px;
}
table.hp .news {
 width: 306px;
 height: 100%;
 background-color: #eeefe6;
 vertical-align: top;
 padding-left: 25px;
 padding-top: 18px;
 padding-right: 20px;
 padding-bottom: 12px;
}
table.hp .news .archive {
 padding-top: 4px;
}
table.hp .news .archive a {
 color: #4e689e;
 font-size: 10px;
}
table.hp .news .archive a:hover {
 text-decoration: underline;
}
table.hp .introMore {
 background-color: #f7f7f3;
 vertical-align: top;
 height: 33px;
 padding-left: 40px;
}
table.hp .newsMore {
 background-color: #eeefe6;
 vertical-align: top;
 height: 33px;
 padding-left: 25px;
}

.news .date {
 padding-top: 8px;
 color: #4e689e;
 font: 10px tahoma, arial, sans-serif;
}
.news .smallTitle {
 padding-top: 4px;
}
.news .smallTitle a, .news .smallTitle2 {
 color: #4e689e;
 font: 11px tahoma, arial, sans-serif;
 font-weight: bold;
}
.news .smallTitle a:hover {
}
.news .smallTitle2 {
 padding-top: 6px;
 padding-bottom: 12px;
}
.news .abstract {
 padding-top: 4px;
 line-height: 130%;
}
.news .abstract a {
 color: #919191;
}
.news .abstract a:hover {
 text-decoration: underline;
}
.news .more {
 padding-top: 5px;
 padding-bottom: 20px;
}
.news .back {
 padding-top: 5px;
 padding-bottom: 15px;
}
.news div.contents {
 line-height: 140%;
 color: #686868;
 padding-bottom: 20px;
}


/* subpage */
#subpage {
}
#subpage .mainLeft, #subpage .mainRight {
 background-image: url(images/sub_bg.gif);
 background-repeat: repeat-x;
 background-position: top left;
 height: 100%;
}

#subflash {
 height: 131px;
}

div.subpage {
 margin-top: 3px;
 width: 100%;
}
table.subpage {
 width: 100%;
}
table.subpage td.left {
 width: 170px;
 background-color:#E5E6DD;
 height: 100%;
}
table.subpage td.sep1 {
 width: 3px;
}
table.subpage td.contents {
 width: 579px;
 background-color:#f7f7f3;
 height: 100%;
 padding: 30px 40px 20px 30px;
}
table.subpage td.contents .header {
 padding-bottom: 10px;
}
table.subpage td.contents .subheader {
 padding-bottom: 1px;
 padding-top: 10px;
}
table.subpage td.contents .subtext {
}


/* left menu */
#leftMenu {
 vertical-align: top;
 width: 173px;
 height: 100%;
 background-image: url(images/left_menu_bg.gif);
 background-repeat: repeat-y;
 background-position: top left;
}
#leftMenu a {
 color: #544a40;
}
#leftMenu a:hover {
 color: #4f68a0;
}
#leftMenu .leftMenuPos {
 width: 171px;
 height: 40px;
 vertical-align: middle;
 padding-left: 28px;
 padding-right: 10px;
}
#leftMenu .leftMenuSep {
 background-color: white;
 width: 2px;
}
#leftMenu .selectedPos {
 background-color: #f7f8f3;
 background-image: url(images/arrow.gif);
 background-repeat: no-repeat;
 background-position: 15px 18px;
}
#leftMenu .selectedPos a {
 color: #4f68a0;
}
#leftMenu .selectedSep {
 background-color: #f7f8f3;
}
#leftMenu .sep2 {
 width: 173px;
 height: 2px;
 background-color: white;
}



#pager {
 text-align: center;
 width: 100%;
 padding-top: 10px;
}
#pager .prev {
 text-align: right;
 padding-right: 10px;
 width: 50%;
}
#pager .next {
 text-align: left;
 padding-left: 10px;
 width: 50%;
}


#portfolio {
 width: 100%;
 height: auto;
}
#portfolio .item {
 padding-left: 15px;
 padding-right: 15px;
}
#portfolio .title {
 color: #4e679f;
 font-weight: bold;
 width: 100%;
 padding-top: 15px;
 padding-bottom: 10px;
}
#portfolio .pic {
 height: 45px;
 padding-bottom: 4px;
 padding-right: 4px;
}
#portfolio .pic img {
 border: 1px solid white;
}
#portfolio .sep3 {
 background-image: url(images/portfolio_dots.gif);
 background-repeat: repeat-x;
 background-position: top left;
 height: 1px;
 width: 100%;
 margin-top: 5px;
 margin-bottom: 5px;
}
#portfolio .zoom {
 font-size: 9px;
 color: #6a6a6a;
 padding-top: 2px;
 padding-bottom: 8px;
}


#form {
}
#form .caption {
 padding-top: 5px;
 padding-bottom: 4px;
 color: #6a6a6a;
}
#form .field {
 padding-bottom: 10px;
}
#form input.text{
 width: 170px;
 height: 16px;
 border-left: 1px solid #666664; 
 border-top: 1px solid #666664; 
 border-right: 1px solid white; 
 border-bottom: 1px solid white; 
 color: #6a6a6a;
 font: 11px tahoma, arial, sans-serif;
}
#form textarea {
 color: #6a6a6a;
 font: 11px tahoma, arial, sans-serif;
 width: 300px;
 height: 150px;
 border-left: 1px solid #666664; 
 border-top: 1px solid #666664; 
 border-right: 1px solid white; 
 border-bottom: 1px solid white; 
}
#form .submit {
 background-image: url(images/wyslij.gif);
 background-repeat: no-repeat;
 background-position: middle center;
 border: 0;
 height: 16px;
 width: 75px;
}
#form .clear {
 background-image: url(images/wyczysc.gif);
 background-repeat: no-repeat;
 background-position: middle center;
 border: 0;
 height: 16px;
 width: 75px;
}
#form .buttons {
 width: 302px;
 text-align: right;
 padding-bottom: 20px;
}


.blue {
 color: #4e679f;
}
.lightGrey {
 color: #929290;
}
.darkGrey {
 color: #6a6a6a;
}
.arrowDiv {
 background-image: url(images/arrow.gif);
 background-repeat: no-repeat;
 background-position: 10px 6px;
 padding-left: 22px;
 color: #4e679f;
}
.sep4 {
 background-image: url(images/portfolio_dots.gif);
 background-repeat: repeat-x;
 background-position: top left;
 height: 1px;
 width: 100%;
 margin-top: 15px;
 margin-bottom: 15px;
}