html {
 height: 100%; 
} 

body {
 margin: 0px;
 padding: 0px;
 background-image: url(images/spacer.gif); 
 background-attachment: fixed;
 font-family: Arial;
 font-size: 12px;
 line-height: 16px;
 color: #494949;
 background-color: #FFFFFF;
 text-align: center;
 height: 100%; 
 width: 100%;
 position: relative;
}

*+html body {
 height: auto !important;
 min-height: 100%;
 height: 100%; 
/* background-image: url(images/bg.gif); 
 background-attachment: scroll;
 background-repeat: repeat-x;*/
}

table {
 width: 100%;
 border: none; 
 border-collapse: collapse;
 clear: both; 
}

td, th {
 font-family: Arial;
 font-size: 13px;
 line-height: 15px;
 padding: 0px;
 text-align: center;
}

td { 
 font-size: 11px;
 line-height: 13px; 
 text-align: left; 
}

h1, h2, h3, h4, h5, h6, img, form, fieldset, legend {
 padding: 0px;
 margin: 0px;
 border: none;
}

h1 {
 margin-top: 20px;
 background-repeat: repeat-x;
 background-image: url(images/inner/hbg.gif);
 background-repeat: repeat-x;
 font-size: 16px;
 line-height: 18px;
 padding: 17px 0px 10px;
 color: #494949;
}

h1.clean {
 margin: 0px 0px 15px 0px;
 padding: 0px 0px 15px 0px;
 background-position: left bottom;
}

h2 {
 font-size: 14px;
 line-height: 16px;
 color: #457AA6;
 font-weight: bold;
 text-transform: uppercase;
 padding-bottom: 5px;
}

h2 a {
 color: #457AA6;
}

h3 {
 display: block;
 background-image: url(images/side/hbg.gif);
 background-repeat: repeat-x;
 background-position: left bottom;
 font-size: 12px;
 line-height: 16px;
 text-transform: uppercase;
 color: #F9F9F9;
 background-color: #C74E01; 
 position: relative; 
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 -khtml-border-radius: 10px;
 border-radius: 10px;
 behavior: url(pie.php);
}

* html h3 {
 margin: -1px 2px 2px -2px;
}

h3 span {
 display: block;
 padding: 7px 15px;   
}

* html h3 span {
 padding: 9px 15px 5px;
}

h3 ins {
 display: block;
 text-decoration: none;
 width: 31px;
 height: 9px;
 position: absolute;
 background-image: url(images/side/harr.png);
 background-repeat: no-repeat;
 margin-left: 13px; 
}

a {
 text-decoration: none;
 color: #757575;
}

a:hover {
 text-decoration: underline; 
}

.formfields {
 color: #171717; 
 background-color: #FFFFFF;
 border: solid 1px #D0D0D0;
 margin: 0px;
 width: 205px;
 font-family: Tahoma;
 font-size: 12px;
 line-height: 16px;
 height: 17px;
 position: relative;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 -khtml-border-radius: 4px;
 border-radius: 4px; 
}

textarea.formfields {
 width: 350px;
 height: auto;
}

select.formfields {
 width: auto;
 height: 22px;
}

* html .formfields {
 height: 22px;
 width: 209px;
}

* html textarea.formfields {
 width: 352px; 
}

#root {
 background-image: url(images/bg.gif);
 background-repeat: repeat-x;
 height: 100%; 
 width: 100%;
 display: table;
}

*+html #root {
 width: auto;
 display: block;
}

#parent {
 height: 100%; 
 width: 100%;
 display: table;
}

*+html #parent {
 width: auto;
 display: block;
}

#main {
 width: 939px;
 text-align: left; 
 margin: 0px auto; 
 height: 100%; 
}

#top {
 position: absolute;
 z-index: 3;
 top: 0px;
 width: 939px;
}

#top span {
 display: block;
 position: absolute;
 right: 0px;
 margin-top: 15px;
}

#top .menu {
 padding-top: 86px; 
}

#top .menu ul {
 margin: 0px;
 padding: 0px;
 list-style: none; 
}

#top .menu li {
 float: right;
}

#top .menu li.active {
 background-color: #002779;
}

#top .menu li a {
 font-size: 12px;
 line-height: 15px;
 font-weight: bold;
 text-transform: uppercase;
 color: #EFEFEF; 
 display: block;
 padding: 14px 16px 13px 17px;
 position: relative;
 z-index: 4;
}

#logo {
 position: absolute;
 display: block;
 padding-top: 8px;
}

#collage_wrap { 
 text-align: left;
 position: absolute;
 z-index: 2;
 top: 128px;
 left: 0px;
 width: 100%;
 min-width: 939px;
 overflow: hidden; 
}

* html #collage_wrap {
 width: expression(document.getElementById("parent").offsetWidth < "940" ? "939px" : "100%");
}

#collage {  
 position: relative; 
 left: 50%;
 width: 1370px; 
 margin-left: -685px;
 background-image: url(images/collage.jpg);
 background-repeat: no-repeat; 
}

#collage img {
 margin: 250px 0px 0px 476px;
}

#collage span {
 display: block;
 position: absolute;
 background-image: url(images/inner/collage.png);
 background-repeat: no-repeat;
 width: 397px;
 height: 159px;
 left: 50%;
 margin: 55px 0px 0px 72px;
}
        
#inner {
 margin-top: 394px; 
}

#bottom { 
 font-size: 11px;
 
 position: absolute;
 width: 100%; 
 left: 0px; 
}

*+html #bottom { 
 bottom: expression(document.documentElement.clientHeight > document.getElementById('root').offsetHeight ? "0px" : "");
}

#inbottom {
 margin: 0px auto;
 width: 939px;
 text-align: left;
 background-image: url(images/bbg.gif);
 background-repeat: repeat-x;
 padding: 10px 0px 40px 0px;
 color: #757575;
 line-height: 19px;
}

#inbottom span {
 display: block;
 float: left;
 text-align: left;
 white-space: nowrap;
}

#content {
 float: left;
 width: 700px; 
 padding-bottom: 20px;
}

.index #content {
 padding-bottom: 0px;
}

#content p a, #content big a {
 color: #D44C00;
}

#side {
 float: right; 
 width: 220px;
 font-size: 11px;
 line-height: 14px;
}

.side_block { 
 margin-bottom: 17px;
}

#side .menu {
 background-color: #484848;
}

#side .menu.orange {  
 background-image: url(images/side/orbg.gif);
 background-repeat: repeat-y;
 background-position: right top;  
}

#side .menu ul {
 padding: 11px 15px 5px;
 margin: 0px;
 list-style: none;
 display: block; 
}

#side .menu.orange ul {   
 border-left: 1px solid #DC5800;
 background-image: url(images/side/orange.jpg);
 background-repeat: no-repeat;
 background-position: right bottom; 
}

#side li {
 background-image: url(images/side/hdashgrey.gif);
 background-repeat: repeat-x;
 background-position: 1px bottom;
 padding: 5px 0px 6px;
}

#side .orange li {
 background-image: url(images/side/hdash.gif);
}

#side li:last-child {
 background-image: none;
}

* html #side li {
 background-image: expression(this.nextSibling == null ? "none" : "images/side/hdashgrey.gif");
}

* html #side .orange li {
 background-image: expression(this.nextSibling == null ? "none" : "images/side/hdash.gif");
}

*+html #side li {
 background-image: expression(this.nextSibling == null ? "none" : "images/side/hdashgrey.gif");
}

*+html #side .orange li {
 background-image: expression(this.nextSibling == null ? "none" : "images/side/hdash.gif");
}

#side li a, #side li span {
 background-image: url(images/side/grdot.gif);
 background-repeat: no-repeat;
 background-position: 0px 5px;
 color: #FFFFFF;
 padding-left: 8px; 
 text-transform: uppercase; 
}

#side .orange li a {
 font-weight: bold;
}

#side .orange li a {
 background-image: url(images/side/ordot.gif);
}

#side .cap {
 background-image: url(images/side/hbg.gif);
 background-repeat: repeat-x;
 background-position: left bottom;
 width: 220px;
 height: 7px;
 margin-top: -7px;
 overflow: hidden;
 position: absolute;
 z-index: 2;
}

#side .fc {
 position: absolute;
 width: 220px;
 height: 6px;
 margin-top: -6px;
 background-image: url(images/side/fc.png);
}
             
#side small {
 font-size: 10px;
 line-height: 11px;
 color: #484848;
}

.items {
 padding: 1px;
 background-color: #D0D0D0;
 background-image: url(images/inner/bg.gif);
 background-repeat: repeat-x;  
 float: left; 
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 -khtml-border-radius: 10px;
 border-radius: 10px;
 behavior: url(pie.php); 
}

.initems {
 background-color: #FFFFFF;  
 position: relative;
 z-index: 1;
 float: left; 
 width: 652px;
 padding: 20px 21px 20px 25px;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 -khtml-border-radius: 10px;
 border-radius: 10px;
 behavior: url(pie.php);
}

* html .initems {
 width: 698px;
}

.index .initems {
 padding: 50px 21px 35px 25px;
}

.item_list {
 padding: 0px;
 margin: 0px;
 list-style: none;
 background-image: url(images/inner/hdash.gif);
 background-repeat: repeat-x;
 background-position: left bottom;
 float: left;
 width: 648px;
 position: relative;
}

.item_list li {
 background-image: url(images/inner/vdash.gif);
 background-position: right top;
 background-repeat: repeat-y; 
 float: left;
 width: 216px;
 height: 275px;
}

.item_list:last-child {
 background-image: none;
}

.item_list li:last-child {
 background-image: none;
}

* html .item_list {
 background-image: expression(this.nextSibling == null ? "none" : "images/inner/hdash.gif");
}

*+html .item_list {
 background-image: expression(this.nextSibling == null ? "none" : "images/inner/hdash.gif");
}

* html .items ul li {
 background-image: expression(this.nextSibling == null ? "none" : "images/inner/vdash.gif");
}

*+html .item_list li {
 background-image: expression(this.nextSibling == null ? "none" : "images/inner/vdash.gif");
}

.item_list li a.itemimage {
 display: table-cell;
 vertical-align: middle;
 text-align: center;
 height: 180px;
 width: 216px; 
 position: relative;
}

* html .item_list li a.itemimage {
 display: block; 
}

*+html .item_list li a.itemimage {
 display: block;
}

* html .item_list li a.itemimage img {
 position: absolute;
 top: 50%;
 margin-top: expression("-"+Math.round(this.offsetHeight/2)+"px");
 margin-left: expression("-"+Math.round(this.offsetWidth/2)+"px");
}

*+html .item_list li a.itemimage img {
 position: absolute;
 top: 50%;
 margin-top: expression("-"+Math.round(this.offsetHeight/2)+"px");
 margin-left: expression("-"+Math.round(this.offsetWidth/2)+"px");
}

.item_list li a span {
 font-size: 11px;
 line-height: 12px;
 color: #696767;
}

.item_list li div {
 display: block;
 padding: 0px 30px; 
}

.item_list li:first-child div {
 padding-left: 0px;
}

.item_list li:last-child div {
 padding-right: 0px;
}

* html .item_list li div {
 padding-left: expression(this.parentNode.previousSibling == null ? "0px" : "30px");
 padding-right: expression(this.parentNode.nextSibling == null ? "0px" : "30px");
}

*+html .item_list li div {
 padding-left: expression(this.parentNode.previousSibling == null ? "0px" : "30px");
 padding-right: expression(this.parentNode.nextSibling == null ? "0px" : "30px");
}

.items p {
 margin: 0px;
 padding: 5px 0px;
}

.banners {
 width: 100%;
 padding-top: 18px;
 overflow: hidden;
}

.banners.small {
 padding-top: 1px;
}

.inbanners {
 width: 110%;
}

.banners a {
 display: block;
 float: left;
 margin: 0px 18px 18px 0px;
}

.banners.small a {
 margin: 0px 10px 0px 0px;
}


/**********From previous version***************/

dl.form, dl.form dt, dl.form dd {
 float: left;
 margin: 0px;
 padding: 0px;  
}

dl.form .formfields {
 display: block;
 float: left;
 width: 225px; 
}

dl.form select.formfields {
 width: 227px; 
}

* html dl.form select.formfields {
 width: 229px;
}

* html dl.form textarea.formfields {
 width: 227px;
}

dl.form { 
 width: 509px;
}

dl.form dt {
 padding-top: 3px; 
 color: #000000;
 width: 250px;
 padding-right: 10px;
}

* html dl.form dt {
 width: 260px;
}

dl.form dd {
 padding-bottom: 8px; 
}


.modalDialog_transparentDivs{ 
   background-color: #000000;  
   z-index: 80;
   position: absolute; 
   filter:alpha(opacity=30);  /* Transparency */
   opacity: 0.3; /* Transparency */
}


.modalDialog_contentDiv{
  border:none;  
  z-index:100;
  height:202px;
  width:433px;
  position:absolute;
  margin:0;
}

.mD_back_t{
  background: url("images/post_comment_bkrd_t.png");
  height:8px;
  line-height: 0px;
  width:433px;
  filter: expression(fixpng(this, "image"));
}
.mD_back_b{
  background: url("images/post_comment_bkrd_b.png");
  height:9px;
  line-height: 0px;
  width:432px;
  filter: expression(fixpng(this, "image"));
}

.mD_back_l{
  background: url("images/post_comment_bkrd_l.png");
  height:181px;
  width:8px;
  filter: expression(fixpng(this, "image"));
}

.mD_back_r{
  background: url("images/post_comment_bkrd_r.png");
  height:181px;
  width:9px;
  filter: expression(fixpng(this, "image"));
}
.mD_back_c{
  background: url("images/post_comment_bkrd_c1.gif") 0 0;
  background-repeat: no-repeat;
  height: 181px;
  width: 414px;
  /*background-color: #FFFFFF;*/
}

#layer1_handle_static_message 
{
  z-index:200;
   padding:13px 20px 0 18px;
   text-align:left;
   font-weight:bold;
   vertical-align:middle;
}
#layer1_content_static_message 
{
  z-index:200;
   padding:0 0 0 15px;
   text-align:center;
   font-weight:bold;
   vertical-align:middle;
}

.mes_title{
 color: #FFFFFF;
 font-family: Arial;
 font-size: 14px;
 font-weight: bold;
 padding-left: 10px;
}

.mes_text {
 vertical-align: top;
 padding-top: 10px;
 color: #000000;
 font-size: 12px;
 padding-left: 10px;
}

.modalDialog_a {
 float: right;
 display: block;
 padding-right: 5px;
}

#DHTMLSuite_modalBox_contentDiv table {
 width: 433px;
}

#DHTMLSuite_modalBox_contentDiv table table {
 width: auto;
}

.submit {
 display: block;
 border: 1px solid #7D0001;
 background-color: #D75400;
 color: #FFFFFF;
 font-size: 14px;
 text-transform: uppercase;
 padding: 5px 10px;
}

* html .submit {
 padding: 3px 0px;
}


/**********************************************/

.fr {float: right;}
.fl {float: left;}
.fn {float: none;}
.db {display: block;}
.di {display: inline;}
.dn {display: none;}
.cb {clear: both;}
.cn {clear: none;}
.tc {text-align: center;}
.tl {text-align: left;}
.tr {text-align: right;}
.pa {position: absolute;}
.pr {position: relative;}

.fixer, .fixer img {
 padding: 0px;
 margin: 0px;
 clear: both;
 overflow: hidden;
 display: block;
 height: 0px;
 width: 0px;
 overflow: hidden;
}

* html .png {filter: expression(fixpng(this, "image"));}
* html .png.scale {filter: expression(fixpng(this, "scale"));}
* html .png.crop {filter: expression(fixpng(this, "crop"));}
