body { 
margin:0px;
background:url(../_images/sbi-bg.jpg) repeat-x top #fff; /*tiling background */
font:11px Arial, Helvetica, sans-serif;
height: 100%;
}

* {
margin: 0;
}

p {
margin:1em 0;
}

html {
height: 100%;
}

.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -80px;
width:972px;
/*background:url(../_images/sbi-body.jpg) repeat-y top;*/
background:#fff;
}

.clear {
clear:both;
}

#left-s {
background:url(../_images/sbi-left.jpg) top no-repeat; 
width:65px; 
height:407px; 
float:left;
position:relative;
top:-1px;
}

#right-s {
background:url(../_images/sbi-right.jpg) top no-repeat; 
width:65px; 
height:407px; 
float:right;
position:relative;
top:-1px;
}

/*********************** 
*  	  header           *
***********************/

#header {
margin:0 auto;
width:972px;
height:155px;
color:#fff;
background:url(../_images/sbi-bg.jpg) repeat-x top #fff;   /*tiling background */
font-family: "Century Gothic", Century, Arial, sans-serif; 
font-weight:bold;
}

#header-png {
/*background:url(../_images/header-png.png) no-repeat left;*/  /*png background with circle*/
background:url(../_images/header-png.png) no-repeat left;
width:972px;
height:155px;
}

#logo {
position:relative;
left:60px;
top:40px;
float:left; 
}

#logoImg {
float:left; 
width:55px;
height:47px;
}

#logoText {
float:left; 
position:relative;
top:15px;
font-size:17px;
letter-spacing:1px;
}

#logoImg a   {
display: block;
width: 55px;
height: 47px;
color:#fff;
text-decoration:none;
background: url(../_images/sbi-logo.gif) no-repeat left;
}

#logoImg a:hover   {
background: url(../_images/sbi-logo.gif) no-repeat left;
text-decoration:none;
color:#ce6768;

filter: Alpha(opacity=40);
-moz-opacity: 0.40;
-khtml-opacity: 0.40;
border:0;
}

#logoImg a div  {
position:relative;
left:55px;
top:14px;
}

#tag {
float:right;
position:relative;
right:65px;
top:55px;
word-spacing:5px;
font-size:14px;
}

/*********************** 
*  	      nav          *
***********************/

#navP {
position:relative;
top:53px;
color:#000;
margin:0 auto;
width:870px;
height:54px;
background:url(../_images/header-nav.png);
}

/* navigation
----------------------*/

#nav-c {
width:842px;
margin: 0 auto;
border-bottom:1px solid #c8c8c8;
height:54px;
}

#navbar {
font-family:"Trebuchet MS", Arial, Verdana;
font-size:12px;
font-weight:bold;
height:31px;
float:right;
text-align:center;
position:relative;
top:21px;
left:-10px;
}

#navbar li {
list-style:none;
display:inline;
}

#navbar a {
width:105px;
height:27px; /* height is 31px, set to 25px + 6px padding */
padding:9px 0px 0px 0px;
background: url(../_images/nav.gif) no-repeat;
float:left;
color:#000;
color:#156cb6;
text-decoration:none;
overflow:hidden;
margin-right:5px;
}

#navbar a:hover { 
background-position:0 -35px;
color:#fff;
color:#7f7f7f;
}

#navbar div {
position:relative;
top:6px;
}

/*********************** 
*  	content area       *
***********************/

#main{
margin:0 auto;
text-align:left;
width:972px;
}

/*********************** 
*  	footer      *
***********************/

#footer-container{
margin-top:10px;
}

.footerP {
height: 80px;
}


#footer {
height: 80px;
background: #b0b0b0;
text-align:center;
color:#fff;
}


#footerNav {
position:relative;
top:15px;
}

#footerNav p {
margin:0px 0px 10px 0px;
}

#footerNav ul{
text-align:center;
padding: 0;
margin: 0;
color: #4b4b4b;
width: 100%;
}

#footerNav ul li {
display: inline;
}

#footerNav a{
padding: 1em .5em;
color: #656565;
text-decoration: none;
}

#footerNav ul li a:hover{
color: #fff;
text-decoration:underline;
}