/* 
    Document   : style
    Created on : 21-Jul-2010, 13:42:01
    Author     : witoldgraca
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body {
    margin: 0px auto;background: url(../../resources/images/ui-bg.png)
}

#ui-page {
    background: #f7f7f7;width: 960px;margin: 0px auto;background: white;
}

#ui-sidebar {
    background: url(../../resources/images/ui-left-menu-bg.png) repeat-y top right #f7f7f7; width: 305px;float: left;
}

#ui-menu {
    float: left;background: url(../../resources/images/ui-left-menu.png) no-repeat top right;
}

#ui-menu p {
    font-size: 12px;
    color: #656565;
    font-style: italic;
    padding-right: 60px;
    padding-left: 20px;
    text-align: justify;
}

#ui-menu ul {
    list-style: none;
}
#ui-menu ul a {
    text-decoration: none;
    font-size: 15px;
    line-height: 30px;
    color: #454545;
    width: 100%;
    display: block;
    width: 100%;
}

#ui-menu ul a:hover, #ui-menu ul a.active {
    background: url(../../resources/images/ui-menu-underline.png) no-repeat 0px 17px;
}


#ui-menu h2 {
    background: url(../../resources/images/ui-menu-left-header.png) no-repeat;line-height:70px;padding-left: 40px;font-size:20px;color: #434343; font-weight: lighter; font-style: italic;
}

#ui-content {
    width: 645px;float: left; background: white;
}

#ui-content h2 {
    font-weight: lighter;font-style: italic;
}

.ui-news-item h2 {
    font-size: 18px;
    color: #487dcd;
}

.ui-news-item p, #ui-content p {
    font-size: 15px;
    color: #737373;
    line-height: 20px;
}

#ui-content a {
    color: #487DCD;
    font-style: italic;
}

#ui-content .ui-button-more {
	color: white;
}

#ui-content {
    color: #686868;
}


.ui-button-more {
    background: url(../../resources/images/ui-button-more.png) no-repeat;
    font-size: 15px;
    font-style: italic;
    color: white;
    padding:5px 15px;
    text-decoration:none;
}

.ui-button-left {
    background: url(../../resources/images/ui-button-left.png) no-repeat;
    font-size: 15px;
    font-style: italic;
    color: white;
    padding:8px 15px;
    text-decoration:none;
}

.ui-button-right {
    background: url(../../resources/images/ui-button-right.png) no-repeat;
    font-size: 15px;
    font-style: italic;
    color: white;
    padding:8px 15px;
    text-decoration:none;
}