body {                         
        position: relative;
        margin: 0px auto 0px auto;
        padding: 0px;
        background: url(../../static/img/bg4.png) no-repeat;
        font: normal 11px Arial, Helvetica, sans-serif;
        /*line-height: 17px;*/
        color: #333;
        text-align: center;
}
#root {
        overflow: hidden;
        position: relative;
        width: 923px;
        min-height: 600px;
        padding: 0px 0px 0px 0px;
        margin: 8px auto 0px auto;
        text-align: left;
        border: 0px solid #ddd;
        border-top: 0px;
        display: block;
        clear: both;
        text-align: left;
        /*border: 1px solid RED;*/ 
        }
#head {
        overflow: hidden;
        position: relative;
        background: url(../../static/img/header.png) no-repeat top left;
        width: 923px;
        height: 168px;
        padding: 0px;
        margin: 0px;
        text-align: left;
        clear: both;
        display: block;
        vertical-align: top;
        /*border: 1px solid BLUE;*/
        }
#separator {
        overflow: hidden;
        position: relative;
        background: url(../../static/img/separator_bg.png) no-repeat top left;
        width: 923px;
        height: 36px;
        padding-top: 0px;
        margin: 0px;
        text-align: left;
        display: block;
        vertical-align: top;
        /*border: 1px solid BLUE;*/
        }
#middle_h {
        overflow: hidden;
        position: relative;
        background: url(../../static/img/vasak_serv_bg.png) repeat-y top left;
        width: 923px;
        height: 342px;
        padding-left: 6px;
        margin: 0px;
        text-align: left;
        clear: both;
        display: block;
        vertical-align: top;
        /*border: 1px solid BLUE;*/
        }

#footer {
        overflow: hidden;
        position: relative;
        background: url(../../static/img/footer_bg.png) no-repeat top left;
        width: 923px;
        height: 48px;
        padding: 10px 0px 0px 30px;
        margin: 0px;
        text-align: left;
        clear: both;
        display: block;
        vertical-align: top;
        }
#logo {
        overflow: hidden;
        position: relative;
        background: url(../../static/img/logo.png) no-repeat;
        width: 197px;
        height: 87px;
        padding: 0px;
        margin: 56px 85px;
        float: left;
        display: block;
        /*border: 1px solid BLUE;*/
      }
#news {
        overflow: hidden;
        position: relative;
        width: 400px;
        height: 100px;
        padding: 0px;
        margin: 50px 30px auto auto;
        float: right;
        display: block;
        /*border: 1px solid BLUE;*/
      }
#item {
        overflow: hidden;
        position: relative;
        width: 180px;
        height: 342px;
        padding: 0px;
        margin-left: 1px;
        text-align: left;
        float: left;
        display: block;
        vertical-align: top;
        }
        #item ul {
                margin: 0px 0px 0px 0px;
                padding: 0px;
                width: 170px;
                height: auto ! important;
                list-style: none;
                float: left;
                /*border: 1px solid WHITE;*/
                }
        #item li {
                float:left;
                position: relative;
                background: url(../../static/img/sys/arrow2.png) no-repeat; 
                width: 130px;
                height: auto ! important;
                top: 0px;
                padding: 0px 0px 0px 40px;
                margin: 0px 0px 0px 0px;
                clear: both;
                /*text-align: center  ! important;*/
                font-family: Arial, Verdana, Helvetica, sans-serif;
                font-size: 13px;
				font-weight:500;
                list-style: none;
                list-style-image: none;
                /*border: 1px solid RED;*/
                }
        #item li:hover {
               background: url(../../static/img/sys/arrow.png) no-repeat; 
                }
         #item li a:link{
                          color: #FFF ! important;
                        }
         #item li a:visited{
                          color: #FFF ! important;
                        }
         #item li a:hover{
                          text-decoration: underline ! important;
                          color: #FFF ! important;
                        }


#item_img {
        overflow: hidden;
        position: relative;
        width: 170px;
        height: 180px;
        padding: 5px 0px 10px 5px;
        margin: 0px;
        float: left;
        display: block;
        vertical-align: top;
        }
#right_edge {
        overflow: hidden;
        position: relative;
        background: url(../../static/img/parem_serv_bg.png) repeat-y top right;
        width: 12px;
        height: 342px;
        padding: 0px;
        margin-right: 6px;
        float: right;
        display: block;
        vertical-align: top;
        }
/**
 * SA Paide Tervisekeskus mainmenu
 */

#sa_mainmenu {
        position: absolute;
        top: 2px;
        right: 0px;
        left: 10px;
        height: 30px;

        padding: 0px 0px 0px 0px;
        margin: 0px 0px;
        color: #000;
        text-decoration:none;
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 15px;
        line-height: 15px;
        text-align: left;
        font-weight: 600;

        display: block;
        z-index: 299;
        display: inline;
        /*border: 1px solid RED;*/
        }

        #sa_mainmenu ul {
                padding: 0px 20px 0px 0px;
                margin: 0px 0px 0px 0px;
                list-style: none;
                float: left;
                /*border: 1px solid BLUE;*/
                }

        #sa_mainmenu li {
                float:left;
                position: relative;
                height: 30px;
                top: 0px;
                padding: 0px 0px 0px 0px;
                margin: 0px 0px;
                list-style: none;
                list-style-image: none;
                font-family: Arial, Verdana, Helvetica, sans-serif;
                font-size: 14px;
                font-weight: 600;
                /*border: 1px solid RED;*/
                }

        #sa_mainmenu li a {
                padding: 9px 12px 8px 12px;
                margin: 0px 0px;
                position: relative;
                top: 0px;
                display: block;

                vertical-align: bottom;
                text-decoration: none;
                color: #333 ! important;
                font-weight: normal;
                font-family: Arial, Verdana, Helvetica, sans-serif;
                font-size: 14px;
                font-weight: 600;
                line-height: 11px;
                /*background: url("img/menu.gif") repeat-x top left;*/
                }
        #sa_mainmenu span {
                /*height: 42px;*/
                vertical-align: text-bottom;
                }
        html>body #sa_mainmenu li a {
                width: auto;
                }

        #sa_mainmenu li a:hover {
                background-color: white;
                text-decoration: none ! important;

                color: #000;
                }

        #sa_mainmenu .selected {
                /*text-decoration: underline ! important;*/
                color: #999 ! important;
          }
        #sa_mainmenu .selected a {
                background-color:#ddd;
                color:#000  ! important;

          }
        #sa_mainmenu .selected li {
                background-color:#DD0000;
                color:#000;
          }