body
{
    background-image: url(../Images/sspattern.jpg);
    background-repeat: repeat;
    font-family: "Segoe UI" , Tahoma, Geneva, Verdana;
    font-size: 10pt;
    height:100%;
}
.container
{
    background-color: #fff;
}
.container div p
{
    background-color: #fff;
}

div.publishedDate
{
    font-size:6pt;
    color:Black;
}


h1.pagetitle
{
    background-image: url(../Images/ssleaf.gif);
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 45px;
    line-height: 30px;
    color: #5c8727;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 14pt;
}

a, a:visited{
    color:#5c8727;
    text-decoration:underline;
    font-size:inherit;
}

.footer
{
    -moz-border-radius-bottomleft: 17px;
    -moz-border-radius-bottomright: 17px;
    -webkit-border-bottom-right-radius: 17px;
    -webkit-border-bottom-left-radius: 17px;
    height: 50px;
    border-bottom:1px solid #000;
    border-left:1px solid #000;
    border-right:1px solid #000;
    background:#eceadf url(./pepper-grinder/images/ui-bg_fine-grain_10_eceadf_60x60.png) 50% 50% repeat; 
    color: #1f1f1f;
  
}

.footertext
{
    margin-left:25px;
    margin-right:25px;
    width:90%;
    text-align:center;
}

h2.pagedescription
{
    color: #000;
    font-size: 10pt;
    margin-bottom: 5px;
    padding-left: 45px;
}

div.pagebody
{
    padding-left: 45px;
}

h2
{
    color: #fff;
}
.maindiv
{
    background-color: #FFF;
}

.leftdiv
{
    width: 80%; 
    float: left; 
    background-color:#FFF;
    position:relative;
}

.rightdiv
{
    width:19%; 
    float:right; 
    position:relative;
    background-color:#FFF;
}

.articleblock
{
    padding: 5px;
}

.navdiv
{
    background: #eceadf url(./pepper-grinder/images/ui-bg_fine-grain_10_eceadf_60x60.png) 50% 50% repeat;
    color: #1f1f1f;
    margin-top: 0px;
    margin-right:0px;
    padding:0px;
    height: 35px;
    border-left:1px solid #000;
    border-right:1px solid #000;
}
.ssheaderdiv
{
    background-color: #FFF;
    -moz-border-radius-topleft: 17px;
    -moz-border-radius-topright: 17px;
    -webkit-border-top-right-radius: 17px;
    -webkit-border-top-left-radius: 17px;
    margin-top: 15px;
    height: 100px;
    border-top:1px solid #000;
    border-left:1px solid #000;
    border-right:1px solid #000;
}

a.ssheaderlink
{
     margin:10px;
     text-indent:-9999px;
     background: #fff url(../Images/sitesprout.gif) no-repeat 2% 5%;
     height: 75px;
     width:300px;
     display:block;
}


pre
{
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}

div.articledate
{
     font-size: 8pt;
}

ol.steps
{
    margin: 15px 0;
    padding: 0 0 0 15px;
    background-color: #FFFFFF;
}

ol.steps li
{
    margin: 0;
    padding: 5px 5px;
    color: #23232B;
    font-size: 12pt;
    font-weight: bold;
    background: #e4eadc;
    -moz-border-radius: 5px;   
    -webkit-border-radius: 5px;
    margin-bottom:15px;   
}
ol.steps li h2
{
    font-size: 0.9em;
    padding: 5px 0;
    color: #66805D;
    font-size: 12pt;
    font-weight: bold;
    vertical-align: top;
    text-transform: uppercase;
    margin:0px;
}
ol.steps li p
{
    color: #23232B;
    font-size: 10pt;
    font-weight: normal;
    line-height: 10px;
    border:0px;
    line-height: normal;
}
ol.steps li.first
{
    border-top: 1px solid #333;
}
ol.steps li.last
{
    border-bottom: none;
}