#main .foreground, #message, #showcase, .leading, #page {position: relative;}
#message, #showcase {z-index:0;}
#main-content {border-bottom: 1px solid #ddd;}
.dp20,.dp25,.dp33,.dp50,.dp100 {float: left;margin-top: 15px;}
.dp20 {width: 20%;}
.dp25 {width: 25%;}
.dp33 {width: 33.33%;}
.dp50 {width: 50%;}
.dp100 {width: 100%;margin-top: 0;}
.clr {clear: both;font-size: 0;}
#colmask {clear:both;overflow:hidden;position:relative;width:100%;}
#maincol, #wrapper {position: relative;}
.s-c-s #colmid, .s-c-x #colright {float:left;position:relative;width:200%;}
.s-c-s #colright {float:left;left:50%;position:relative;width:100%;}
.s-c-s #col1wrap {float:right;position:relative;right:100%;width:50%;}
.s-c-s #col1pad, .x-c-s #col1, .x-c-s #colmid {overflow:hidden;}
.s-c-s #col1 {overflow:hidden;width:100%;}
.s-c-s #col2 {float:left;position:relative;overflow:hidden;margin-left:-50%;}
.s-c-s #col3 {float:left;position:relative;overflow:hidden;left:0;}
.s-c-x #col1wrap {float:right;position:relative;width:50%;}
.s-c-x #col1 {overflow:hidden;position:relative;right:100%;}
.s-c-x #col2 {float:left;position:relative;}
.x-c-s #colright {float:left;position:relative;right:100%;width:200%;}
.x-c-s #col1wrap {float:left;left:50%;position:relative;width:50%;}
.x-c-s #col3 {float:right;position:relative;}
.s-c-s .ctr-color1, .s-c-s .ckl-color1, .s-c-x .ckl-color1, .x-c-s .cdr-color1 {background: #eee;}
.s-c-s .ctr-color2, .s-c-s .ckl-color2, .s-c-x .ckl-color2, .x-c-s .cdr-color2 {background: #d1e0e7;}
.s-c-s #col1pad, .s-c-x #colright, .x-c-s #colright, #wrapper, body {background: #fff;}
.cols1 {display: block;float: none;margin: 0;width: 100%;}
.cols2 {width: 49%;overflow: hidden;}
.cols3 {width: 30%;}
.column1, .column2 {position: relative;float: left;margin: 0;}
.colpad {padding: 0 10px;position: relative;}
.column2 {float: right;width: 49%;}
.article_row {overflow: hidden;margin: 0 -10px 15px -10px;}

/* Header */
#logo {width: 288px;height: 58px;background: url(../images/sprite.png) 0 -272px no-repeat;display: block;margin: 20px 15px;}
#header {overflow: hidden;}
#header li {list-style: none;float: left;padding-left: 15px;font-weight: bold;}

/* Navigation */
#nav {height: 34px;background: #888;z-index: 1;position: relative;}
#nav ul {margin: 0 0 0 15px;}
#nav li {list-style: none;float: left;padding-left: 3px;height: 34px;position: relative;}
#nav li a {display: block;padding: 0 10px;line-height: 30px;color: #fff;font-weight: bold;}
#nav li.active a {background: #fff;color: #007EBA;}
#nav li a:hover, #nav li:hover a, #nav li.sfHover a {background: #007EBA;color: #fff;text-decoration: none;}
#nav li ul {position:absolute;width:170px;left:-999em;margin-left:-1px;border: 1px solid #006B9F;border-top: 0;}
#nav li ul ul {margin: -31px 0 0 170px;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfHover ul ul, #nav li.sfHover ul ul ul, #nav li.sfHover ul ul ul ul {left: -999em;}
#nav li li {padding:0;height:auto;background:#fff;width:170px;}
#nav li li a, #nav li li.active a, #nav li li a:hover {margin:0;height:30px;line-height:30px;background:#fff;border-top:1px solid #006B9F;color: #007EBA;}
#nav li li a, #nav li.active li a {font-weight: normal;}
#nav li:hover ul, #nav li.sfHover ul {left: 4px;}
#nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li li.sfHover ul, #nav li li li.sfHover ul, #nav li li li li.sfHover ul {left: 0;}

/* Showcase */
#showcase {margin: 3px 0 8px 0;position: relative;color: #000;}
#showcase .background {position: absolute;width: 100%;height: 130px;background: url(../images/sprite.png) 0 -514px repeat-x;}
#showcase .foreground {border: 1px solid #dfeaee;overflow: hidden;padding-bottom: 25px;}
#showcase h1 {font-weight: normal;font-size: 3.0em;line-height: 105%;margin: 25px 55px 10px 25px;}
#showcase h3 {font-weight: normal;font-size: 1.4em;font-weight: normal;margin: 0 55px 20px 25px;}
#showcase b {font-weight: normal;color: #d03100;}
#showcase .pad {padding: 0 50px 25px 25px;}
#showcase .num {float: left;background: #d03100;text-align: center;line-height: 90%;color: #fff;font-size: 2em;padding: 3px 8px;}
#showcase .pad h2 {font-size: 1.4em;font-weight: bold;margin: 0 0 5px 40px;}
#showcase .pad p {margin-left: 40px;}

/* Content styles */
.buttonheading {position: absolute;top: 2px;right: 10px;}
.buttonheading .icon {display:block;width:16px;height:16px;float:left;margin-left:5px;}
.buttonheading .pdf {background: url(../images/sprite.png) -57px -366px;}
.buttonheading .print {background: url(../images/sprite.png) -21px -366px;}
.buttonheading .email {background: url(../images/sprite.png) -39px -366px;}
.iteminfo {font-size: 90%;overflow:hidden;border-bottom:1px solid #dedede;margin-bottom:20px;display:block;margin-top:-10px;width: 100%;}
.modifydate, .createdby, .createdate {display: block;}
.createdby {font-weight:bold;}
a.readon, a.readon2 {display:block;margin-top:15px;font-style:italic;}
a.readon2 {background: url(../images/sprite.png) 100% -344px;display: block;float: right;color: #fff;font-weight: bold;line-height: 20px;}
a.readon2 span {background: url(../images/sprite.png) 0 -344px;display: block;margin-right: 10px;height: 21px;float: left;padding: 0 5px 0 15px;}
.breadcrumbs-pad {padding: 0 1px;}
div.breadcrumbs{background: url(../images/sprite.png) 0 -68px repeat-x;border-bottom: 1px solid #e6e6e6;font-size:110%;font-weight:bold;margin:0;padding:7px 15px 5px;color:#777;border-top: 1px solid #d9d9d9;}
div.breadcrumbs .sep {padding:0 5px;}
.component-pad {padding: 15px;}
.banneritem_text {margin-bottom: 10px;}
#modlgn_username, #modlgn_passwd {border: 1px solid #ccc;padding: 3px;}
.pagination span, .pagination a {margin-right: 5px;}
#colmask ul li {list-style: circle;}
.colpad h2.contentheading {padding-right: 65px;}
.sectiontableheader {font-weight: bold;line-height: 25px;text-align: left;}
tr.sectiontableentry0 td, tr.sectiontableentry1 td, tr.sectiontableentry2 td, td.sectiontableentry0, td.sectiontableentry1, td.sectiontableentry2 {text-align: left;padding: 0 4px;vertical-align: middle;border-top: 1px solid #ddd;line-height: 30px;}
span.attention {display: block;margin: 15px 0;padding: 8px 10px 8px 10px;background: #FFF3A3;border: 1px solid #E7BD72;color: #B79000;}

/* Modules */
.module {padding:1px;}
.module-title {font-size:110%;font-weight:bold;margin:0;padding:7px 15px 5px;}
.module-body {padding:10px 15px 25px;}
.color1 .module-title {background: url(../images/sprite.png) 0 -204px repeat-x;border-bottom:1px solid #ddd;color:#777;}
.color1 .module-body {border-top:1px solid #fff;}
.color2 .module-title {background: url(../images/sprite.png) 0 -136px repeat-x;border-bottom:1px solid #c3d9e1;color: #50646d;}
.color2 .module-body {border-top:1px solid #dfeaef;}
#colmask ._menu {background:#cf2700;color: #fff;}
#colmask ._menu .module-title {background: url(../images/sprite.png) 0 -0px repeat-x;border-bottom:1px solid #c21a00;color: #fff;}
#colmask ._menu .module-body {border-top:1px solid #d64110;}
#colmask ._menu a {color: #fff;}
#colmask ._menu ul {margin: 0 1em;}
#mainmods, #mainmods2, #mainmods3 {overflow: hidden;padding-top: 15px;}
#mainmods3 {background: #eee;border-top: 1px solid #fff;border-bottom: 1px solid #ddd;}
.spacer .module {float: left;}
.spacer.w99 .module {width: 100%;}
.spacer.w49 .module {width: 49.2%;}
.spacer.w33 .module {width: 32.8%;}
#header .module {float: right;}

/* Footer */
#footer {background: #f7f7f7;border-top: 1px solid #fff;}
.footer-pad {padding: 10px 15px;overflow: hidden;}
#logo2 {width: 165px;height: 40px;background: #fff url(../images/sprite.png) 5px -636px no-repeat;display: block;float: right;margin-left: 15px;margin-top: 5px;}
#footer ul {margin: 0;}
#footer li {list-style: none;float: left;padding-right: 20px;font-weight: bold;}

/* Main Layout */
html {height:100%;margin-bottom:1px;}
body {
color:#666666;
font-family: Helvetica, Arial, sans-serif;
font-size: 62.5%;
line-height: 1.2;
}
h1,h2,h3,h4,.componentheading {
font-weight:bold;
margin:5px;
}
h1,.componentheading {font-size:180%;}
h2 {font-size:150%;}
h3 {font-size:130%;}
h4 {font-size:110%;}
a {color:#a22a2c;text-decoration:none;font-weight:bold;}
a:hover {text-decoration:underline;}
ul {margin:1em;}
p {margin-top:10px;margin-bottom:10px;}
#main {font-size:1.3em;line-height:140%;}
.background {
position:absolute;
width:100%;
height:480px;
background-image: url(../images/bg_body.gif);
background-repeat: repeat-x;
}
#main .foreground, #message, #showcase, .leading, #page {position:relative;}
#message, #showcase {z-index:0;}
#main-content {border-bottom:1px solid #ddd;}
.dp20,.dp25,.dp33,.dp50,.dp100 {float:left;margin-top:15px;}
.dp20 {width:20%;}
.dp25 {width:25%;}
.dp33 {width:33.33%;}
.dp50 {width:50%;}
.dp100 {width:100%;margin-top:0;}
.clr {clear:both;font-size:0;}
#colmask {clear:both;overflow:hidden;position:relative;width:100%;}
#maincol, #wrapper {position:relative;}
.s-c-s #colmid, .s-c-x #colright {float:left;position:relative;width:200%;}
.s-c-s #colright {float:left;left:50%;position:relative;width:100%;}
.s-c-s #col1wrap {float:right;position:relative;right:100%;width:50%;}
.s-c-s #col1pad, .x-c-s #col1, .x-c-s #colmid {overflow:hidden;}
.s-c-s #col1 {overflow:hidden;width:100%;margin-top:0px;}
.s-c-s #col2 {
float:left;
position:relative;
overflow:hidden;
margin-left:-50%;
}
.s-c-s #col3 {float:left;position:relative;overflow:hidden;left:0;}
.s-c-x #col1wrap {float:right;position:relative;width:50%;}
.s-c-x #col1 {overflow:hidden;position:relative;right:100%;}
.s-c-x #col2 {float:left;position:relative;}
.x-c-s #colright {float:left;position:relative;right:100%;width:200%;}
.x-c-s #col1wrap {float:left;left:50%;position:relative;width:50%;}
.x-c-s #col3 {float:right;position:relative;}
.s-c-s .ctr-color1, .s-c-s .ckl-color1, .s-c-x .ckl-color1, .x-c-s .cdr-color1 {background:#eee;}
.s-c-s .ctr-color2, .s-c-s .ckl-color2, .s-c-x .ckl-color2, .x-c-s .cdr-color2 {background:#d9e2f1;}
.s-c-s #col1pad, .s-c-x #colright, .x-c-s #colright, #wrapper, body {background:#fff;}
.cols1 {display:block;float:none;margin:0;width:100%;}
.cols2 {width:49%;overflow:hidden;}
.cols3 {width:30%;}
.column1, .column2 {position:relative;float:left;margin:0;}
.colpad {padding:0 10px;position:relative;}
.column2 {float:right;width:49%;}
.article_row {overflow:hidden;margin:0 -10px 15px -10px;}

/* Header */

#logo {
width:122px;
height:122px;
display:block;
background-image: url(../images/logo.gif);
background-repeat: no-repeat;
background-position: 0 top;
margin-top: 2px;
margin-right: 0px;
margin-bottom: 2px;
margin-left: 15px;
padding: 0px;
float:left;
}
#header {
background-image: url(../images/bg-header.jpg);
background-repeat: no-repeat;
display:block;
height:130px;
}
#header1 {
position: absolute;
margin-top: 50px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 150px;
}
#header li {list-style:none;float:left;padding-left:15px;font-weight:bold;}
#nav {height:34px;background:#4a6a91;z-index:1;position:relative;}
#nav ul {margin:0 0 0 15px;}
#nav li {list-style:none;float:left;padding-left:3px;height:34px;position:relative;}
#nav li a {display:block;padding:0 10px;line-height:30px;color:#fff;font-weight:bold;}
#nav li.active a {background:#fff;color:#a22a2c;}
#nav li a:hover, #nav li:hover a, #nav li.sfHover a {background:#a22a2c;color:#fff;text-decoration:none;}
#nav li ul {position:absolute;width:170px;left:-999em;margin-left:-1px;border:1px solid #B10000;border-top:0;}
#nav li ul ul {margin:-31px 0 0 170px;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfHover ul ul, #nav li.sfHover ul ul ul, #nav li.sfHover ul ul ul ul {left:-999em;}
#nav li li {padding:0;height:auto;background:#fff;width:170px;}
#nav li li a, #nav li li.active a, #nav li li a:hover {margin:0;height:30px;line-height:30px;background:#fff;border-top:1px solid #B10000;color:#a22a2c;}
#nav li li a, #nav li.active li a {font-weight:normal;}
#nav li:hover ul, #nav li.sfHover ul {left:4px;}
#nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li li.sfHover ul, #nav li li li.sfHover ul, #nav li li li li.sfHover ul {left:0;}

/* Showcase */
#showcase {
margin:0px;
position:relative;
color:#000;
height: 310px;
}
#showcase .background {position:absolute;width:100%;height:130px;background:url(../images/light3.png) 0 -514px repeat-x;}
#showcase .foreground {border:1px solid #dfeaee;overflow:hidden;padding-bottom:1px;}
#showcase h1 {font-weight:normal;font-size:3.0em;line-height:105%;margin:0px 0px 0px 0px;}
#showcase h3 {font-weight:normal;font-size:1.4em;font-weight:normal;margin:0 55px 20px 25px;}
#showcase b {font-weight:normal;color:#333333;}
#showcase .pad {padding:0 50px 25px 25px;}
#showcase .num {float:left;background:#026AB6;text-align:center;line-height:90%;color:#fff;font-size:2em;padding:3px 8px;}
#showcase .pad h2 {font-size:1.4em;font-weight:bold;margin:0 0 5px 40px;}
#showcase .pad p {margin-left:40px;}

/* Content styles */
p.buttonheading {position:absolute;top:2px;right:10px;margin:0;}
.buttonheading .icon {display:block;width:16px;height:16px;float:left;margin-left:5px;}
.buttonheading .pdf {background:url(../images/light3.png) -57px -366px;}
.buttonheading .print {background:url(../images/light3.png) -21px -366px;}
.buttonheading .email {background:url(../images/light3.png) -39px -366px;}
.iteminfo {font-size:90%;overflow:hidden;border-bottom:1px solid #dedede;margin-bottom:20px;display:block;margin-top:-10px;width:100%;}
.modifydate, .createdby, .createdate {display:block;}
.createdby {font-weight:bold;}
a.readon, a.readon2 {display:block;margin-top:15px;font-style:italic;}
a.readon2 {background:url(../images/light3.png) 100% -344px;display:block;float:right;color:#fff;font-weight:bold;line-height:20px;}
a.readon2 span {background:url(../images/light3.png) 0 -344px;display:block;margin-right:10px;height:21px;float:left;padding:0 5px 0 15px;}
.breadcrumbs-pad {padding:0 1px;}
div.breadcrumbs {background:url(../images/light3.png) 0 -68px repeat-x;border-bottom:1px solid #e6e6e6;font-size:110%;font-weight:bold;margin:0;padding:7px 15px 5px;color:#777;border-top:1px solid #d9d9d9;}
div.breadcrumbs .sep {padding:0 5px;}
.component-pad {padding:15px 15px 15px;}
.banneritem_text {margin-bottom:10px;}
#modlgn_username, #modlgn_passwd {border:1px solid #ccc;padding:3px;}
.pagination span, .pagination a {margin-right:5px;}
#colmask ul li {list-style:circle;}
#colmask ul ul {margin-top:0;}
#colmask ul ul li {list-style:square;}
.colpad h2.contentheading {padding-right:65px;}
.sectiontableheader {font-weight:bold;line-height:25px;text-align:left;}
tr.sectiontableentry0 td, tr.sectiontableentry1 td, tr.sectiontableentry2 td, td.sectiontableentry0, td.sectiontableentry1, td.sectiontableentry2 {text-align:left;padding:0 4px;vertical-align:middle;border-top:1px solid #ddd;line-height:30px;}
span.attention {display:block;margin:15px 0;padding:8px 10px 8px 10px;background:#FFF3A3;border:1px solid #E7BD72;color:#B79000;}

/* Modules */
.module {padding:1px;}
.module-title {font-size:110%;font-weight:bold;margin:0;padding:7px 15px 5px;}
.module-body {
padding-top: 0px;
padding-right: 15px;
padding-bottom: 0px;
padding-left: 15px;
}
.color1 .module-title {background:url(../images/light3.png) 0 -204px repeat-x;border-bottom:1px solid #ddd;color:#777;}
.color1 .module-body {border-top:1px solid #fff;}
.color2 .module-title {background:url(../images/light3.png) 0 -136px repeat-x;border-bottom:1px solid #c3d9e1;color:#50646d;}
.color2 .module-body {border-top:1px solid #d9e2f1;}
#colmask .m_menu {background:#026AB6;color:#fff;}
#colmask .m_menu .module-title {background:url(../images/light3.png) 0 -0px repeat-x;border-bottom:1px solid #005A9B;color:#fff;}
#colmask .m_menu .module-body {border-top:1px solid #247EBF;}
#colmask .m_menu a {color:#fff;}
#colmask .m_menu ul {margin:0 1em;}
#mainmods, #mainmods2, #mainmods3 {overflow:hidden;padding-top:15px;}
#mainmods3 {background:#eee;border-top:1px solid #fff;border-bottom:1px solid #ddd;}
.spacer .module {float:left;}
.spacer.w99 .module {width:100%;}
.spacer.w49 .module {width:49.2%;}
.spacer.w33 .module {width:32.8%;}
#header .module {
margin-left:325px;
height: 124px;
display:block;
float:right;
}
#main-content li .active a {font-weight: normal;}

.color2 .module-title .module m-hot
{
background-color: #FF0000;
}

.color2 .module-title .module m-hot h3 {
background-color: #00FF00;
}
.module m-hot {
color: #FF0000;
background-color: #FF0000;
}

/* Footer */
#footer {background:#f7f7f7;border-top:1px solid #fff;}
.footer-pad {padding:10px 15px;overflow:hidden;}
#logo2 {width:165px;height:20px;background:url(../images/light3.png) 5px -646px no-repeat;display:block;float:right;margin-left:15px;margin-top:15px;}
#footer ul {margin:0;}
#footer li {list-style:none;float:left;padding-right:20px;font-weight:bold;}
@font-face {
font-family: Book Antiqua;
font-style:  oblique;
font-weight: normal;
src: url(BOOKANT0.eot);
}
@font-face {
font-family: Comic Sans MS;
font-style:  normal;
font-weight: 700;
src: url('/COMICSA0.eot');
}
.notice {
font-family: "Book Antiqua";
font-size: 18px;
color: #003366;
font-style: oblique;
font-weight: bold;
}
.title1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #A32B2D;
font-style: italic;
}
.title2 {
font-weight: bold;
color: #333333;
}
.crveno {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #900;
}
.img2 {
border: 1px solid #FFFFFF;
}
.img3 {
margin: 5px;
filter: Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0);
}

.title21 {font-size:10.5pt;
font-family:"Comic Sans MS";
color:#003366;
}