/* CSS Document */
html,body,h1,h2,h3,h4,h5,h6,p,img,ul,ol,li,form,fieldset,input,textarea,table
{
    margin:0;
    padding:0;
    border:0 none;
}
.clearfix:after
{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
body
{
    background:#fff url(../images/art/bg.jpg) 0 0 repeat-x;
    text-align:center;
}
body table tr td{vertical-align:top;}
#wrap
{
    width:984px;
    margin:0 auto;
    text-align:left;
}
#header
{
    width:984px;
    height:76px;
    position:relative;
}
#header h1
{
    width:283px;
    height:145px;
    background:url(../images/art/logo.jpg) 0 0 no-repeat;
    position:absolute;
    top:0;
}
#header h1 a
{
    width:283px;
    height:145px;
    display:block;
}
#header h1 span{display:none;}
/*ADxMenu.js - v4 (4.10)
www.aplus.co.yu/adxmenu/
(c)Copyright 2003, Aleksandar Vacic, www.aplus.co.yu
This work is licensed under the Creative Commons Attribution License.
To view a copy of this license, visit http://creativecommons.org/licenses/by/2.0/ or
send a letter to Creative Commons, 559 Nathan Abbott Way, Stanford, California 94305, USA
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
/*this is beginning of functionality for the AdxMenu - do not modify this*/
#nav, #nav ul
{
    margin:0;
    padding:0;
    border:0;
    list-style-type:none;
    display:block;
}
#nav li
{
    margin:0;
    padding:0;
    border:0;
    display:inline;
    float:left;
    position:relative;
    z-index:5;
}
#nav li:hover
{
    z-index:10000;
    white-space:normal;
}
#nav li li
{
    float:none;
    display:block;
}
#nav ul
{
    visibility:hidden;
    position:absolute;
    z-index:10;
    left:0;
    top:32px;
}
#nav li:hover>ul
{
    visibility:visible;
    top:100%;
}
#nav li li:hover>ul
{
    top:0;
    left:100%;
}
#nav:after, #nav ul:after
{
    content:".";
    height:0;
    display:block;
    visibility:hidden;
    clear:both;
}
#nav, #nav ul
{
    display:inline-block;
    min-height:0;
}
#nav a
{
    text-decoration:none;
    display:block;
    position:relative;
}
#nav ul{padding:0; margin:0;}
#nav ul ul{padding:0; margin:0;}
/* Fix for IE5/Mac \*//*/
#nav a
{
float:left;
}
/* End Fix */
/*this is end of functionality for the AdxMenu*/
/*this is beginning of design for the AdxMenu - modify values here*/
#nav
{
    width:683px;/*give width*/
    height:32px;/*give height*/
    list-style:none;
    float:right;
    display:inline;
    margin:22px 0 0 0;
}
#nav li
{
    font:14px Arial, Helvetica, sans-serif;
    color:#fff;
    text-align:center;
    float:left;
    display:inline;
    margin:0 14px;
}
/*set custom width, a's will follow cause they are display - block*/
#nav li a
{
    display:block;
    color:#fff;
    text-decoration:none;
    float:left;
    display:inline;
}
#nav li a:hover{text-decoration:underline;}
#nav a.selected{font-weight:bold;}
#nav a.selected:hover{text-decoration:none;}
/*overwrite rules above for second level menu*/
#nav ul
{
    height:auto;
    margin:0;
    background:url(../images/art/top.jpg) center 0 no-repeat;
    padding:5px 0 0 0;
}
#nav li li
{
    height:23px;
    background:url(../images/art/nav-bg.jpg) 0 0 repeat-x;
    margin:0;
    float:left;
    display:inline;
}
#nav li li a
{
    height:21px;
    font:12px Arial, Helvetica, sans-serif;
    color:#000;
    line-height:18px;
    padding:2px 10px 0 10px;
    text-align:left;
    background:none;
}
#nav li li a span
{
    height:17px;
    padding:3px 15px 0 0;
    cursor:pointer;
}
#nav li li.first{background:url(../images/art/left-top.jpg) 0 0 no-repeat;}
#nav li li.last{background:url(../images/art/right-top.jpg) right 0 no-repeat;}
#nav #pan1 ul{width:227px; left:-95px;}
#nav #pan2 ul{width:167px; left:-50px;}
#nav #pan3 ul{width:154px; left:-50px;}
#nav #pan4 ul{width:178px; left:-40px;}
#content
{
    width:984px;
    clear:both;
    margin:0 0 21px 0;
}




#left
{
    width:305px;
    padding:90px 0 0 0;
    position:relative;
}
#left h1
{
    font:bold 24px "Arial Narrow", Arial, Helvetica, sans-serif;
    color:#333333;
    line-height:26px;
    margin:0 20px 20px 17px;
}
#left p
{
    font:11px Arial, Helvetica, sans-serif;
    color:#666666;
    line-height:18px;
    margin:0 20px 20px 17px;
}
#left p a
{
    color:#ff6600;
    text-decoration:none;
}
#left ul
{
    width:265px;
    list-style:none;
    clear:both;
    margin:0 20px 0 17px;
}
#left ul li
{
    font:bold 14px Arial, Helvetica, sans-serif;
    color:#ff6600;
    line-height:16px;
    margin:0 0 8px 0;
    background:url(../images/bullet.jpg) 0 2px no-repeat;
    padding:0 0 0 20px;
}
#left ul li a
{
    color:#ff6600;
    text-decoration:none;
}
#left ul li a:hover{text-decoration:underline;}
#left div.line
{
    width:282px;
    height:1px;
    line-height:1px;
    float:left;
    display:inline;
    background:url(../images/dot.jpg) 0 0 repeat-x;
    padding:0;
    margin:0 0 20px 0;
}
#left div.box
{
    width:282px;
    height:331px;
    background:url(../images/box-bg.jpg) 0 0 no-repeat;
    position:absolute;
    top:-38px;
    left:0;
}
#left div.box h1
{
    width:182px;
    height:48px;
    background:url(../images/h1-mosaiko.jpg) 0 0 no-repeat;
    display:block;
    float:left;
    display:inline;
    margin:200px 0 13px 44px;
}
#left div.box h1 span{display:none;}
#left div.box p
{
    font:11px Arial, Helvetica, sans-serif;
    color:#666666;
    line-height:14px;
    margin:0 20px;
    clear:both;
}
#left div.box p a
{
    color:#ff6600;
    text-decoration:none;
}
#left div.box p a:hover{text-decoration:underline;}
#left div.outer{position:relative;}








#right
{
    width:679px;
    font:12px Arial, Helvetica, sans-serif;
    color:#666666;
    line-height:18px;
}
#right p
{
    font:12px Arial, Helvetica, sans-serif;
    color:#666666;
    line-height:18px;
    margin:0 20px 20px 1px;
}
#right p a
{
    color:#ff6600;
    text-decoration:none;
}
#right p a:hover{text-decoration:underline;}
#right p.breadcrumb
{
    font:11px Arial, Helvetica, sans-serif;
    color:#999999;
    line-height:20px;
    margin:32px 0 30px -5px;
}
#right p.breadcrumb a
{
    color:#999;
    text-decoration:none;
    margin:0 5px;
}

#right p.breadcrumb a:hover{text-decoration:underline;}
#right p.breadcrumb span
{
    color:#ff6600;
    margin:0 5px;
}
#right h1
{
    font:bold 24px "Arial Narrow", Arial, Helvetica, sans-serif;
    color:#333333;
    line-height:26px;
    margin:0 20px 20px 1px;
}

#sections
{
    list-style:none;
    float:left;
    display:inline;
    margin:0 0 20px 0;
}
#sections h1
{
    width:217px;
    height:300px;
    padding:13px 0 0 5px;
    font:bold 24px "Arial Narrow", Arial, Helvetica, sans-serif;
    color:#333333;
    line-height:26px;
    margin:0 0 13px 0;
}
#sections h1.orange{background:#ffcc00 url(../images/orange-bg.jpg) 0 0 repeat-x;}
#sections h1.red
{
    background:#ff0000 url(../images/red-bg.jpg) 0 0 repeat-x;
    color:#fff;
}
#sections h1.grey{background:#e5e5cc url(../images/grey-bg.jpg) 0 0 repeat-x;}
#sections h1 img{margin:10px 0 0 0;}
#sections p
{
    font:11px Arial, Helvetica, sans-serif;
    color:#666;
    line-height:14px;
    margin:0 12px 15px 12px;
}
#sections p a
{
    font:bold 11px Arial, Helvetica, sans-serif;
    color:#990000;
    line-height:14px;
    text-decoration:none;
}
#sections p a:hover{text-decoration:underline;}
#sections text
{
    font:12px Arial, Helvetica, sans-serif;
    color:#666;
    line-height:14px;
    margin:0 12px 15px 1px;
}
#sections li
{
    width:222px;
    float:left;
    display:inline;
}
#sections li.ctr{margin:0 6px;}
#sections li div
{
    background:#ebebeb url(../images/dot.jpg) 0 top repeat-x;
    padding:20px 0 0 0;
    float:left;
    display:inline;
}
#sections li div.line
{
    width:222px;
    height:1px;
    line-height:1px;
    background:url(../images/dot.jpg) 0 0 repeat-x;
    padding:0;
}
#sections li2
{
    width:422px;
    padding:2px 0 0 10px;
    float:left;
    display:inline;
}
#sections li2.ctr{margin:0 6px;}
#bottom-wrap
{
    width:100%;
    height:405px;
    clear:both;
    background:#99cc34 url(../images/bottom-bg.jpg) 0 0 repeat-x;
    padding:15px 0 0 0;
}
#bottom-wrap.main{height:583px;}
#bottom
{
    width:984px;
    margin:0 auto;
    text-align:left;
}
#bottom h1
{
    font:bold 22px "Arial Narrow", Arial, Helvetica, sans-serif;
    color:#990000;
    line-height:25px;
    margin:0 0 10px 5px;
}
#bottom h2
{
    font:bold 21px "Arial Narrow", Arial, Helvetica, sans-serif;
    color:#990000;
    line-height:18px;
    margin:0 0 10px 5px;
    clear:right;
}
#bottom h2 a
{
    color:#990000;
    text-decoration:none;
}
#bottom a.special
{
    float:left;
    display:inline;
    margin:0 0 5px 0;
}
#bottom form
{
    width:257px;
    /*height:358px;*/
    /*height: 460px;*/
    height: 490px;
    border:1px solid #cccccc;
    float:left;
    display:inline;
    background:#fff url(../images/form-bg.jpg) right bottom no-repeat;
    padding:12px 13px 0 13px;
}
#bottom form fieldset input
{
    width:184px;
    height:19px;
    border:1px solid #cccccc;
    padding:3px 0 0 5px;
    font:12px Arial, Helvetica, sans-serif;
    color:#333333;
    margin:0 0 5px 5px;
}
#bottom form fieldset input.button
{
    width:85px;
    height:24px;
    background:url(../images/btn-blue.jpg) 0 0 no-repeat;
    border:none;
    padding:0;
    color:#fff;
    float:right;
    display:inline;
    margin:0 15px 10px 0;
    cursor:pointer;
}
#bottom form fieldset textarea
{
    width:229px;
    height:53px;
    padding:5px;
    border:1px solid #ccc;
    font:12px Arial, Helvetica, sans-serif;
    color:#333;
    margin:0 0 5px 5px;
}
#bottom div.line
{
    width:100%;
    height:1px;
    line-height:1px;
    float:left;
    display:inline;
    background:url(../images/dot.jpg) 0 0 repeat-x;
    padding:0;
    margin:0 0 17px 0;
}
#bottom div.middle
{
    width:476px;
    float:left;
    display:inline;
    margin:0 0 0 18px;
}
#bottom div.middle h1
{
    margin:12px 0 15px 0;
    color:#5c614c;
}
#bottom div.middle p
{
    font:11px Arial, Helvetica, sans-serif;
    color:#333333;
    line-height:14px;
    margin:0 5px 10px 5px;
}
#bottom div.middle p.text
{
    width:160px;
    float:right;
    display:inline;
    margin:0;
}
#bottom div.middle p a
{
    color:#990000;
    text-decoration:none;
}
#bottom div.middle p a:hover{text-decoration:underline;}
#bottom div.middle img.iml
{
    float:left;
    display:inline;
}
#bottom div.middle ul
{
    width:476px;
    list-style:none;
}
#bottom div.middle ul li
{
    width:224px;
    float:left;
    display:inline;
    margin:0 0 10px 0;
}
#bottom div.middle ul li.lft{margin:0 20px 10px 0;}
#bottom div.middle ul li.line
{
    background:url(../images/dot2.gif) 0 bottom repeat-x;
    padding:0 0 10px 0;
}
#downloads
{
    width:175px;
    height:380px;
    background:#fff url(../images/downloads-bg.jpg) 0 0 no-repeat;
    float:right;
    display:inline;
    padding:14px 0 0 13px;
    margin:0 0 10px 0;
}
#downloads.main
{
    width:173px;
    height:538px;
    background:#fff url(../images/download2.jpg) 0 0 no-repeat;
}
#downloads h1
{
    margin:0 16px 10px 0;
    color:#5c614c;
}
#downloads h2
{
    font:bold 18px Arial, Helvetica, sans-serif;
    color:#5c614c;
    line-height:18px;
    margin:0 16px 10px 0;
}
#downloads p
{
    font:11px Arial, Helvetica, sans-serif;
    color:#666666;
    line-height:14px;
    margin:0 16px 10px 0;
}
#downloads p.red{color:#cc0000;}
#downloads p a
{
    color:#cc0000;
    text-decoration:none;
}
#downloads p a:hover{text-decoration:underline;}
#left-wrap
{
    width:285px;
    float:left;
    display:inline;
}
#middle-wrap
{
    width:476px;
    float:left;
    display:inline;
}
#footer-wrap
{
    width:100%;
    height:74px;
    background:#ccc url(../images/art/footer-wrap.jpg) 0 0 repeat-x;
}
#footer
{
    width:984px;
    height:74px;
    margin:0 auto;
    background:url(../images/art/footer-bg.jpg) 0 0 no-repeat;
    vertical-align:top;
}
#footer p
{
    font:11px Arial, Helvetica, sans-serif;
    color:#666666;
    line-height:14px;
    text-align:left;
    margin:25px 0 0 123px;
}
#footer p a{color:#666;}
#footer p span{margin:0 20px 0 16px;}