body
{
    background: url(images/main-bg.gif) repeat-x #D2D2D2;
    margin: 0;
    padding: 0;
}

*
{
    font-family: Arial, Helvetica, sans-serif;
    color: #666666;
}

a
{
    text-decoration: none;
}

h4
{
    font-size: 18px;
    padding: 20px 30px 0 0; 
    margin: 3px 0 0 30px;
    color:White;
    width: 100%;
}

h5
{
    font-size: 16px;
    padding: 0 0px 27px 0; 
    margin: 4px 0 0 30px;
    color:White;
    clear:left;
}


#Container
{
    display: block;
    width: 874px;
    padding: 0;
    margin: 0 auto;
}

#Logo
{
    display: block;
    float: left;
    width: 173px;
    height: 146px;
    margin: 0 1px 0 0;
    padding: 0;
    background: url(images/logo.png) no-repeat bottom;
    behavior: url(iepngfix.htc);
}

#Header
{
    display: block;
    float: left;
    width: 680px;
    padding: 20px 20px 0 0;
    height: 127px;
    background: url(images/header-bg.jpg) no-repeat;
}

#Header span
{
    display: block;
    padding: 0 0 10px 0;
    text-align: right;
    font-size: 11px;
    color: #404D73;
}

#Header span a
{
    color: #404D73;
}

#Header span a:hover
{
    color: #8C99BD;
}

#LeftBar
{
    display: block;
    float: left;
    width: 173px;
    margin: 0 1px 0 0;
    padding-top: 174px;
    background: url(images/square-bg.jpg) #ffffff no-repeat left top;
}

#LeftBar ul
{
    display: block;
    float: left;
    width: 173px;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 10px;
}
#LeftBar li
{
    display: block;
    float: left;
    margin: 0;
}
#LeftBar li span
{
    display: block;
    float: left;
    width: 133px;
    text-align: right;
    color: #ffffff;
    background: url(images/li-bg.jpg) bottom no-repeat;
    padding: 12px 20px;
}
#LeftBar li li a
{
    display: block;
    float: left;
    width: 133px;
    margin: 0;
    border-bottom: 1px solid #D2D2D2;
    clear: left;
    color: #222222;
    padding: 12px 20px;
    text-align: right;
    background: #ffffff;
}
#LeftBar li a:hover
{
    background: #eeeeee;
}
#Main
{
    display: block;
    float: left;
    width: 700px;
    min-height: 350px;
    background: #ffffff;
}
#Banner
{
    display: block;
    float: left;
    width: 700px;
    height: 208px;
    background: no-repeat;
    margin: 0;
    padding: 0;
    position: relative;
}

#BannerHome
{
    display: block;
    float: left;
    width: 700px;
    height: 281px;
    background: url(images/banner-img-home.jpg) no-repeat;
    margin: 0;
    padding: 0;
    position: relative;
}


#BannerHome span.current, #Banner span.current
{
    background: transparent none repeat scroll 0 0 !important;
    color: #FFFFFF;
    display: block;
    font-size: 13px;
    left: -173px;
    padding: 19px 0;
    position: absolute;
    text-align: right;
    width: 153px;
}

#Slant
{
    display: block;
    top: 173px;
    left: 0px;
    background: url(images/slant-bar.png) no-repeat;
    behavior: url(iepngfix.htc);
    width: 700px;
    height: 35px;
    margin: 0;
    padding: 0;
    position: absolute;
}

#SlantHome
{
    display: block;
    top: 246px;
    left: 0px;
    background: url(images/slant-bar.png) no-repeat;
    behavior: url(iepngfix.htc);
    width: 700px;
    height: 35px;
    margin: 0;
    padding: 0;
    position: absolute;
}

#LeftColumn
{
    display: block;
    float: left;
    width: 420px;
}
#RightColumn
{
    display: block;
    float: right;
    width: 150px;
    padding: 0 0 0 25px;
    margin-top: 40px; 
    #margin-top:50px;
    border-left:1px dotted #cccccc;
}
#RightColumn ul
{
    padding: 15px 0 0 0;
    margin: 0;
    list-style: none;
}
#RightColumn li
{
    list-style: none;
    padding: 0;
    margin: 0;
    background: no-repeat left center;
}
#RightColumn a
{
    padding-left: 25px; #padding-top:1px;
margin:0;
color:#333333;
font-size:11px;
}
#RightColumn li:hover
{
    opacity: .60;
    filter: alpha(opacity=60);
}

#RightColumn li a:hover
{ #color:#999999;
}

#Content
{
    display: block;
    float: left;
    font-size: 11px;
    font-family: Verdana, Arial;
    width: 620px;
    padding: 0 40px 20px 40px; 
    background:transparent url(images/content-bg.gif) repeat-x scroll center bottom;
    min-height: 108px;
    #padding:0 40px 30px 40px;
}

#Content h1
{
    text-align: left;
    font-size: 18px;
    padding: 3px 0 6px 0;
    margin: 0 0 0 0;
    clear: left;
}

#Content h2
{
    text-align: left;
    font-size: 18px;
    padding: 5px 0 0 0;
    margin: 3px 0 0 0;
    clear: left;
}

#Content p
{
    font-size: 11px;
    line-height: 18px;
}
#Content ul
{
    clear: left;
}
#Content li
{
    font-size: 11px;
    line-height: 16px;
    padding: 5px 0;
}
#Content>span
{
    display: block;
    float: left;
    width: 200px;
    padding: 10px 10px 10px 0;
    line-height: 18px;
}

#Footer
{
    width: 680px;
    padding: 10px 10px 30px 10px;
    display: block;
    float: left;
    background: #d2d2d2;
    text-align: left;
    position: relative;
}

#LeftColumn a
{
    text-decoration: none;
    border-bottom: 1px dotted #233C7A;
    color: #233C7A;
}
#LeftColumn a:hover
{
    text-decoration: none;
    border: none;
    color: #333333;
}

#Footer a:hover
{
    color: #999999;
}

#Footer span
{
    font-size: 10px;
    position: absolute;
    right: 10px;
}
.sf_searchBox input[type="text"], sf_searchBox textarea
{
    border: 1px solid #d2d2d2;
    margin-top:15px;
    padding:2px;
    width:80px;
}

.sf_searchBox input[type="button"]
{
    background-color: #6C78A1;
     margin-top:15px;
       color: #ffffff;
       font-size: 9pt;
    padding: 1px; 
    margin-left: 5px;
    text-align:center !important;
    text-transform: capitalize;
    border: solid 1px #d2d2d2;
}

input[type="submit"]
{
    background-color: #6C78A1;
     margin-top:15px;
       color: #ffffff;
       font-size: 9pt;
    padding: 1px; 
    margin-left: 5px;
    text-align:center !important;
    text-transform: capitalize;
    border: solid 1px #d2d2d2;
}

.sf_searchBox label
{
    margin-top:15px;
    padding:2px;
    width:80px;
    color: White;
    font-size: 9pt;
    clear: both;
}